@import url(/assets/fonts/fonts.css);
:root{--n:#0D1D35;--n2:#18345A;--ivx:#F8F3EA;--gd:#B8914C;--gd2:#8F6C31;--lnx:rgba(13,29,53,.11)}
body{background:var(--ivx)!important;color:#1D2330;font-family:Manrope,system-ui,sans-serif}
.blog-hero{position:relative;overflow:hidden;background:radial-gradient(80% 120% at 85% 0%,#294A78 0,transparent 55%),linear-gradient(160deg,#0D1D35,#0A1628)!important;color:#F8F3EA;padding:72px 0 64px!important}
.blog-hero .w{position:relative}
.blog-hero .eb{display:inline-block;font:700 .72rem Manrope,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#E9D3A4;border:1px solid rgba(233,211,164,.35);border-radius:99px;padding:5px 12px}
.blog-hero h1{font:600 clamp(2.3rem,7vw,4.4rem)/1.03 Fraunces,Georgia,serif!important;letter-spacing:-.02em;text-transform:none!important;color:#FFF9EF!important;max-width:14ch;margin:18px 0 16px!important}
.blog-hero h1+p{max-width:58ch;color:rgba(248,243,234,.78)}
.hero-orn{position:absolute;right:0;top:-10px;width:300px;height:220px;perspective:700px;pointer-events:none}
.hero-orn i{position:absolute;right:20px;width:170px;height:118px;border-radius:12px;background:linear-gradient(135deg,#FFFDF8,#E9DCC3);box-shadow:0 30px 40px -20px rgba(0,0,0,.6);transform:rotateX(58deg) rotateZ(-36deg)}
.hero-orn i:nth-child(1){top:40px;opacity:.5}.hero-orn i:nth-child(2){top:70px;right:40px;opacity:.75}.hero-orn i:nth-child(3){top:100px;right:60px;background:linear-gradient(135deg,#E9D3A4,#B8914C)}
@media(prefers-reduced-motion:no-preference){.hero-orn i{animation:hb 6s ease-in-out infinite alternate}.hero-orn i:nth-child(2){animation-delay:-2s}.hero-orn i:nth-child(3){animation-delay:-4s}@keyframes hb{to{translate:0 -10px}}}
@media(max-width:820px){.hero-orn{opacity:.35;width:200px;right:-50px}}
.filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.filters button{font:600 .86rem Manrope,sans-serif;padding:10px 16px;border-radius:99px;border:1px solid rgba(233,211,164,.3);background:rgba(255,255,255,.06);color:#F8F3EA;cursor:pointer;transition:background .25s,transform .25s}
.filters button:hover{transform:translateY(-1px);background:rgba(255,255,255,.12)}
.filters button[aria-pressed=true]{background:#E9D3A4;color:#0D1D35;border-color:#E9D3A4}
.filters button:focus-visible,.card:focus-visible{outline:3px solid #B8914C;outline-offset:3px}
.featured{padding:46px 0 10px}.featured[hidden]{display:none}
.featured .eb{font:700 .74rem Manrope,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--gd2);margin:0 0 16px}
.fgrid{display:grid;gap:20px}@media(min-width:900px){.fgrid{grid-template-columns:1.35fr 1fr 1fr}.fgrid .card:first-child .card__media{aspect-ratio:16/10}}
.grid{gap:20px!important;padding:30px 0 80px}
.card{display:flex!important;flex-direction:column;background:#FFFDF8!important;border:1px solid var(--lnx)!important;border-radius:22px!important;overflow:hidden;color:inherit;text-decoration:none;box-shadow:0 1px 0 rgba(13,29,53,.04),0 18px 40px -34px rgba(13,29,53,.55);transition:transform .35s cubic-bezier(.2,.8,.25,1),box-shadow .35s}
.card[hidden]{display:none!important}
.card:hover{transform:translateY(-5px);box-shadow:0 30px 60px -36px rgba(13,29,53,.6)}
.card__media{position:relative;aspect-ratio:16/10;overflow:hidden;background:#E9DFCF}
.card__media img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.25,1)}
.card:hover .card__media img{transform:scale(1.045)}
.card__media:after{content:"";position:absolute;inset:auto 0 0;height:40%;background:linear-gradient(transparent,rgba(13,29,53,.28))}
.card__body{display:flex;flex-direction:column;gap:10px;padding:18px 20px 20px!important;flex:1}
.card .pill{align-self:flex-start;font:700 .7rem Manrope,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--gd2);background:rgba(184,145,76,.12);border-radius:99px;padding:4px 10px}
.card h2{font:600 1.2rem/1.28 Fraunces,Georgia,serif!important;color:var(--n)!important;margin:0!important;text-transform:none!important;letter-spacing:-.005em!important}
.card p{color:#5B6474;font-size:.93rem;line-height:1.55;margin:0}
.card__meta{margin-top:auto;padding-top:12px;border-top:1px solid var(--lnx);font-size:.76rem;color:#6A7282}
.featured .card{border-color:rgba(184,145,76,.45)!important}
.featured .card__meta{color:var(--gd2);font-weight:700}
.featured .card__media:before{content:"Prévia";position:absolute;z-index:2;left:14px;top:14px;font:700 .68rem Manrope,sans-serif;letter-spacing:.1em;text-transform:uppercase;background:#0D1D35;color:#E9D3A4;padding:5px 10px;border-radius:99px}
@media(min-width:1000px){.grid>.card:first-child{grid-column:span 2}.grid>.card:first-child .card__media{aspect-ratio:16/8}}

.blog-hero h1.eb{margin:0}.blog-hero p.display{font:600 clamp(2.4rem,7vw,4.6rem)/1.02 var(--serif,Georgia);letter-spacing:-.02em;margin:.25em 0 .5em;color:inherit}
.blog-hero h1.eb{display:inline-block;font:700 .72rem Manrope,sans-serif!important;letter-spacing:.12em;text-transform:uppercase!important;color:#E9D3A4!important;border:1px solid rgba(233,211,164,.35);border-radius:99px;padding:5px 12px;margin:0!important;max-width:none}
.blog-hero h1.eb+h1,.blog-hero h1.eb+p.display{font:600 clamp(2.3rem,7vw,4.4rem)/1.03 Fraunces,Georgia,serif!important;letter-spacing:-.02em;color:#FFF9EF!important;max-width:14ch;margin:18px 0 16px!important;text-transform:none!important}
.card .pill{color:#6B4F1F}
