@font-face { font-family: Literata; src: url('/assets/fonts/literata.woff2') format('woff2'); font-weight: 200 900; font-display: swap; }
@font-face { font-family: 'Albert Sans'; src: url('/assets/fonts/albert-sans.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }

:root { --navy-ink:#061126; --navy-deep:#0b1730; --navy:#1a2a4a; --gold:#c9a84c; --gold-soft:#e3ca76; --white:#fff; --paper:#fff; --muted:rgba(255,255,255,.66); --page-gutter:clamp(1.25rem,4vw,3.25rem); --content-max:92rem; --edge:max(var(--page-gutter),calc((100vw - var(--content-max))/2 + var(--page-gutter))); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--navy-ink); color:var(--white); font:1rem/1.7 'Albert Sans',system-ui,sans-serif; }
a { color:inherit; text-decoration:none; }
.editorial-body { overflow-x:hidden; }

.editorial-header { position:sticky; z-index:50; top:0; display:flex; min-height:5rem; align-items:center; gap:1.5rem; padding:0 var(--edge); border-bottom:1px solid rgba(201,168,76,.25); background:rgba(6,17,38,.84); backdrop-filter:blur(1rem) saturate(130%); }
.editorial-header::after { position:absolute; bottom:-1px; left:var(--edge); width:2.8rem; height:1px; background:var(--gold); content:''; }
.editorial-brand { display:block; width:clamp(12rem,16vw,15.5rem); min-width:clamp(12rem,16vw,15.5rem); }
.editorial-brand img { display:block; width:100%; height:auto; }
.editorial-nav { display:flex; margin-left:auto; align-items:center; gap:.1rem; color:rgba(255,255,255,.68); font-size:.84rem; }
.editorial-nav a { position:relative; padding:.75rem .6rem; white-space:nowrap; transition:color .18s ease; }
.editorial-nav a::after { position:absolute; right:.6rem; bottom:.35rem; left:.6rem; height:1px; background:var(--gold); content:''; transform:scaleX(0); transform-origin:left; transition:transform .2s ease; }
.editorial-nav a:hover,.editorial-nav a[aria-current='page'] { color:var(--white); }
.editorial-nav a:hover::after,.editorial-nav a[aria-current='page']::after { transform:scaleX(1); }
.editorial-header-cta,.article-cta__button { display:inline-flex; min-height:3.05rem; align-items:center; justify-content:center; gap:.6rem; padding:.7rem 1rem; background:var(--gold); color:var(--navy-ink); font-size:.82rem; font-weight:700; transition:transform .18s ease,background .18s ease; }
.editorial-header-cta:hover,.article-cta__button:hover { background:var(--gold-soft); transform:translateY(-2px); }
.editorial-mobile-menu { display:none; margin-left:auto; }

.articles-hero,.article-hero { position:relative; isolation:isolate; overflow:hidden; background:var(--navy-deep); }
.articles-hero { min-height:27rem; padding:clamp(4.75rem,7vw,6.75rem) var(--edge) clamp(3.5rem,6vw,5rem); }
.articles-hero::before,.article-hero::before { position:absolute; z-index:-1; inset:0; background:linear-gradient(105deg,rgba(6,17,38,.22),rgba(6,17,38,.86) 62%),radial-gradient(circle at 88% 22%,rgba(201,168,76,.28),transparent 18%),radial-gradient(circle at 62% 74%,rgba(44,83,148,.58),transparent 28%); content:''; }
.articles-hero::after,.article-hero::after { position:absolute; z-index:-1; inset:0; opacity:.36; background-image:radial-gradient(circle at center,rgba(227,202,118,.8) 0 1px,transparent 1.5px),linear-gradient(35deg,transparent 49.8%,rgba(201,168,76,.18) 50%,transparent 50.2%); background-size:7rem 7rem,22rem 22rem; mask-image:linear-gradient(90deg,transparent,black 28%,black 72%,transparent); content:''; animation:editorial-drift 25s ease-in-out infinite alternate; }
.articles-hero__atmosphere,.article-hero__atmosphere,.article-cta__atmosphere { position:absolute; z-index:-1; width:34rem; height:34rem; border:1px solid rgba(201,168,76,.22); border-radius:50%; box-shadow:0 0 0 5rem rgba(201,168,76,.035),0 0 0 10rem rgba(201,168,76,.02); pointer-events:none; }
.articles-hero__atmosphere { top:-14rem; right:8vw; }
.articles-hero__content { position:relative; width:min(100%,61rem); }
.editorial-kicker { display:flex; align-items:center; gap:.7rem; margin:0 0 1.2rem; color:var(--gold); font-size:.72rem; font-weight:690; letter-spacing:.16em; text-transform:uppercase; }
.editorial-kicker::before { width:2.5rem; height:1px; background:currentColor; content:''; }
h1,h2,h3 { margin-top:0; font-family:Literata,Georgia,serif; font-weight:460; letter-spacing:-.045em; }
.articles-hero h1 { max-width:18ch; margin-bottom:1.25rem; font-size:clamp(2.7rem,4.35vw,4.65rem); line-height:.98; }
.articles-hero__content > p:last-child { max-width:56ch; margin:0; color:var(--muted); font-size:clamp(1.05rem,1.55vw,1.25rem); line-height:1.7; }
.articles-hero__signal { position:absolute; right:var(--edge); bottom:2rem; display:flex; align-items:center; gap:.85rem; color:rgba(255,255,255,.48); font-size:.68rem; letter-spacing:.12em; text-transform:uppercase; }
.articles-hero__signal i,.date i { display:inline-block; width:2.1rem; height:1px; background:var(--gold); }

.articles-listing { position:relative; isolation:isolate; overflow:hidden; padding:clamp(4.5rem,8vw,8rem) var(--edge); background:var(--white); color:var(--navy-ink); }
.articles-listing::before { position:absolute; z-index:0; inset:0; opacity:.72; background:radial-gradient(ellipse at 12% 4%,rgba(201,168,76,.1),transparent 31%),radial-gradient(ellipse at 88% 82%,rgba(41,77,137,.06),transparent 34%); content:''; pointer-events:none; }
.neural-noise { position:absolute; z-index:0; inset:0; width:100%; height:100%; pointer-events:none; }
.articles-listing__intro,.article-grid { position:relative; z-index:1; width:min(100%,var(--content-max)); margin-right:auto; margin-left:auto; }
.articles-listing__intro { display:grid; grid-template-columns:minmax(0,.66fr) minmax(0,1fr); align-items:end; gap:2rem; }
.articles-listing__intro .editorial-kicker { margin-bottom:.65rem; }
.articles-listing h2 { max-width:19ch; margin:0; color:var(--navy); font-size:clamp(2.15rem,3.5vw,4rem); line-height:1; }
.article-grid { display:grid; margin-top:clamp(3rem,6vw,5.5rem); grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(1.5rem,4vw,3.5rem); }
.article-grid article { display:grid; align-content:start; padding-top:1.25rem; border-top:1px solid rgba(26,42,74,.28); }
.article-card__image { display:block; overflow:hidden; background:#18294a; aspect-ratio:1.45; }
.article-card__image img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .55s cubic-bezier(.16,1,.3,1),filter .4s ease; }
.article-grid article:hover img { filter:saturate(1.08); transform:scale(1.05); }
.date { display:flex; align-items:center; gap:.72rem; margin:1.1rem 0 .8rem; color:rgba(255,255,255,.54); font-size:.7rem; font-weight:650; letter-spacing:.11em; text-transform:uppercase; }
.date span { color:var(--gold-soft); }
.articles-listing .date { color:rgba(6,17,38,.56); }.articles-listing .date span { color:#987b28; }
.article-grid h2 { margin:0; color:var(--navy); font-size:clamp(1.65rem,2.15vw,2.4rem); line-height:1.06; }
.article-grid h2 a { text-decoration:underline; text-decoration-color:rgba(201,168,76,.42); text-decoration-thickness:1px; text-underline-offset:.18em; }
.article-grid article > p:not(.date) { min-height:5.4rem; margin:1rem 0; color:rgba(6,17,38,.66); font-size:.93rem; line-height:1.7; }
.article-card__more { display:inline-flex; width:max-content; align-items:center; gap:.55rem; color:#8a6d1d; font-size:.82rem; font-weight:700; }
.article-card__more span { transition:transform .2s ease; }.article-card__more:hover span { transform:translateX(.3rem); }
.article-empty { padding:2rem 0; color:var(--muted); }

.article-hero { min-height:0; padding:clamp(2rem,3vw,3rem) var(--edge) clamp(2.25rem,3.5vw,3.25rem); }
.article-hero__atmosphere { right:10%; bottom:-22rem; }
.article-hero__content { position:relative; width:min(100%,72rem); }
.article-hero__back { display:inline-flex; margin-bottom:clamp(.85rem,1.4vw,1.25rem); color:rgba(255,255,255,.72); font-size:.78rem; transition:color .18s ease,transform .18s ease; }.article-hero__back:hover { color:var(--gold); transform:translateX(-.2rem); }
.article-hero .date { margin:.15rem 0 .65rem; }
.article-hero h1 { max-width:28ch; margin-bottom:.85rem; font-size:clamp(2.25rem,3.15vw,3.5rem); line-height:1.01; text-wrap:balance; }
.lead { max-width:68ch; margin:0; color:rgba(255,255,255,.7); font-size:clamp(.98rem,1.1vw,1.12rem); line-height:1.62; }
.article-shell { position:relative; isolation:isolate; overflow:hidden; padding:0 var(--edge) clamp(4.5rem,8vw,8rem); background:var(--white); color:var(--navy-ink); }
.article-shell::before { position:absolute; z-index:0; inset:0; background:radial-gradient(ellipse at 88% 15%,rgba(201,168,76,.09),transparent 26%),radial-gradient(ellipse at 8% 75%,rgba(45,82,144,.05),transparent 28%); content:''; pointer-events:none; }
.cover,.article-reading { position:relative; z-index:1; }
.cover { width:min(100%,60rem); margin:0 auto; padding-top:clamp(2.5rem,5vw,4rem); }.cover img { display:block; width:100%; max-height:33rem; aspect-ratio:16/9; object-fit:cover; }.cover figcaption { margin-top:.75rem; color:rgba(6,17,38,.7); font-size:.72rem; }
.article-reading { display:grid; width:min(100%,64rem); margin:clamp(3rem,7vw,6rem) auto 0; grid-template-columns:4rem minmax(0,1fr); gap:clamp(2rem,5vw,5rem); }
.article-reading__rail { display:flex; align-items:center; align-self:start; gap:.8rem; color:rgba(6,17,38,.7); font-size:.62rem; font-weight:720; letter-spacing:.15em; writing-mode:vertical-rl; }.article-reading__rail i { width:1px; height:4rem; background:var(--gold); }
.prose { max-width:46rem; font-size:clamp(1.05rem,1.3vw,1.16rem); line-height:1.85; }.prose > :first-child { margin-top:0; }.prose p { margin:0 0 1.4rem; }.prose h2 { margin:2.9em 0 .8em; color:var(--navy); font-size:clamp(1.85rem,3vw,2.85rem); line-height:1.04; }.prose h3 { margin:2.2em 0 .7em; color:var(--navy); font-size:clamp(1.35rem,2vw,1.8rem); line-height:1.15; }.prose ol,.prose ul { margin:0 0 1.75rem; padding-left:1.4rem; }.prose li { padding-left:.3rem; margin:.45rem 0; }.prose strong { color:var(--navy); }.prose a { color:var(--navy); text-decoration:underline; text-decoration-color:var(--gold); text-underline-offset:.18em; }.prose blockquote { margin:2rem 0; padding:1.25rem 1.5rem; border-left:2px solid var(--gold); background:rgba(201,168,76,.12); font-family:Literata,Georgia,serif; font-size:1.25rem; line-height:1.45; }.prose pre { overflow:auto; padding:1rem; background:var(--navy); color:#fff; }

.article-cta { position:relative; isolation:isolate; display:grid; min-height:27rem; align-items:center; padding:clamp(4.5rem,8vw,7rem) var(--edge); grid-template-columns:minmax(0,1fr) auto; gap:3rem; overflow:hidden; background:var(--gold); color:var(--navy-ink); }.article-cta::before { position:absolute; z-index:-1; inset:0; opacity:.55; background:repeating-radial-gradient(ellipse at 88% 42%,transparent 0 2rem,rgba(6,17,38,.13) 2.05rem 2.12rem,transparent 2.17rem 3.4rem),radial-gradient(ellipse at 12% 90%,rgba(255,255,255,.3),transparent 36%); content:''; }.article-cta__atmosphere { right:-8rem; top:-12rem; border-color:rgba(6,17,38,.16); box-shadow:0 0 0 5rem rgba(6,17,38,.035),0 0 0 10rem rgba(6,17,38,.025); }.article-cta h2 { max-width:14ch; margin-bottom:1rem; font-size:clamp(2.5rem,4.5vw,5rem); line-height:.96; }.article-cta p:not(.editorial-kicker) { max-width:53ch; margin:0; color:rgba(6,17,38,.7); }.article-cta .editorial-kicker { color:var(--navy); }.article-cta__button { min-width:19rem; background:var(--navy-ink); color:#fff; box-shadow:0 1rem 2.5rem rgba(6,17,38,.18); }.article-cta__button:hover { background:var(--navy); }

.editorial-footer { position:relative; isolation:isolate; overflow:hidden; padding:clamp(4rem,7vw,6.5rem) var(--edge) 0; background:var(--navy-deep); }.editorial-footer::before { position:absolute; z-index:-1; inset:0; opacity:.42; background-image:radial-gradient(circle at center,rgba(227,202,118,.6) 0 1px,transparent 1.6px),linear-gradient(25deg,transparent 49.8%,rgba(201,168,76,.16) 50%,transparent 50.2%); background-size:8rem 8rem,23rem 23rem; mask-image:linear-gradient(100deg,transparent,black 46%,transparent); content:''; }.editorial-footer__glow { position:absolute; z-index:-1; top:-14rem; right:-5rem; width:33rem; height:33rem; border-radius:50%; background:radial-gradient(circle,rgba(46,84,149,.62),transparent 68%); filter:blur(1rem); }.editorial-footer__content { display:grid; width:min(100%,var(--content-max)); margin:0 auto; padding-bottom:clamp(3.5rem,6vw,5.5rem); grid-template-columns:1.2fr .6fr .9fr; gap:clamp(2.5rem,6vw,6rem); }.editorial-footer__eyebrow,.editorial-footer__contact > p { margin:0 0 1rem; color:var(--gold); font-size:.72rem; font-weight:700; letter-spacing:.13em; text-transform:uppercase; }.editorial-footer h2 { max-width:14ch; margin-bottom:1.2rem; font-size:clamp(2.1rem,3.4vw,3.8rem); line-height:1; }.editorial-footer__text { max-width:42ch; margin:0; color:var(--muted); }.editorial-footer__links { display:grid; align-content:start; gap:.1rem; }.editorial-footer__links a { padding:.55rem 0; color:rgba(255,255,255,.7); font-size:.92rem; }.editorial-footer__links a:hover { color:var(--gold); }.editorial-footer__contact a { display:block; padding:.75rem 0; border-top:1px solid rgba(201,168,76,.22); color:rgba(255,255,255,.68); font-size:.85rem; }.editorial-footer__contact a:last-child { border-bottom:1px solid rgba(201,168,76,.22); }.editorial-footer__contact strong { color:#fff; }.editorial-footer__bottom { width:min(100%,var(--content-max)); margin:0 auto; padding:1.35rem 0 1.65rem; border-top:1px solid rgba(201,168,76,.18); color:rgba(255,255,255,.48); font-size:.74rem; }
.editorial-whatsapp { position:fixed; z-index:60; right:max(1.25rem,env(safe-area-inset-right)); bottom:max(1.25rem,env(safe-area-inset-bottom)); display:flex; align-items:center; gap:.7rem; color:#fff; }.editorial-whatsapp span { padding:.72rem .9rem; background:var(--navy-ink); font-size:.78rem; font-weight:650; opacity:0; transform:translateX(.6rem); transition:opacity .18s ease,transform .2s ease; }.editorial-whatsapp b { display:grid; width:4rem; height:4rem; place-items:center; border-radius:50%; background:#1ca85b; box-shadow:0 1rem 2rem rgba(6,94,40,.28); font-size:1.7rem; }.editorial-whatsapp:hover span,.editorial-whatsapp:focus-visible span { opacity:1; transform:translateX(0); }

@keyframes editorial-drift { to { transform:translate3d(2%, -2%, 0) rotate(2deg) scale(1.04); } }
@media (max-width:1200px) { .editorial-header-cta,.editorial-nav { display:none; }.editorial-mobile-menu { display:block; }.editorial-mobile-menu summary { display:grid; width:2.8rem; height:2.8rem; place-content:center; gap:.36rem; border:1px solid rgba(201,168,76,.45); cursor:pointer; list-style:none; }.editorial-mobile-menu summary::-webkit-details-marker { display:none; }.editorial-mobile-menu summary span { display:block; width:1.25rem; height:1px; background:var(--gold); }.editorial-mobile-menu nav { position:absolute; top:calc(100% + .7rem); right:0; display:grid; width:min(20rem,calc(100vw - 2.5rem)); padding:1rem 1.15rem; border:1px solid rgba(201,168,76,.4); background:rgba(6,17,38,.98); box-shadow:0 1.2rem 3rem rgba(0,0,0,.35); }.editorial-mobile-menu nav a { padding:.72rem 0; border-bottom:1px solid rgba(255,255,255,.1); color:rgba(255,255,255,.78); }.editorial-mobile-menu nav a[aria-current='page'] { color:var(--gold); }.editorial-mobile-menu .mobile-contact { margin-top:.7rem; padding:.85rem 1rem; border:0; background:var(--gold); color:var(--navy-ink); font-weight:700; }.articles-listing__intro { grid-template-columns:1fr; } }
@media (max-width:820px) { .articles-hero { min-height:31rem; }.article-grid { grid-template-columns:1fr 1fr; }.article-cta,.editorial-footer__content { grid-template-columns:1fr; }.article-cta { gap:2.4rem; }.article-cta__button { width:max-content; }.article-reading { grid-template-columns:1fr; gap:1.5rem; }.article-reading__rail { flex-direction:row; writing-mode:initial; }.article-reading__rail i { width:3rem; height:1px; }.editorial-footer__content { gap:2.25rem; } }
@media (max-width:540px) { .editorial-header { min-height:4.3rem; }.editorial-brand { width:min(12rem,58vw); min-width:0; }.articles-hero { min-height:0; padding-top:4.25rem; padding-bottom:3.5rem; }.articles-hero h1 { font-size:clamp(2.55rem,11.5vw,3.35rem); }.articles-hero__signal { display:none; }.article-grid { grid-template-columns:1fr; gap:2.6rem; }.article-grid article > p:not(.date) { min-height:0; }.article-hero { min-height:0; padding-top:2.15rem; padding-bottom:2.4rem; }.article-hero__back { margin-bottom:.85rem; }.article-hero h1 { max-width:100%; font-size:clamp(2rem,9vw,2.65rem); }.lead { font-size:.98rem; line-height:1.58; }.cover { width:100%; }.cover img { max-height:19rem; }.article-reading { margin-top:3rem; }.article-cta { min-height:25rem; }.article-cta__button { width:100%; min-width:0; }.editorial-whatsapp span { display:none; }.editorial-whatsapp b { width:3.5rem; height:3.5rem; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; } }

/* Shared navigation: mirrors src/components/ui/BrandNavigation.astro. */
.navigation-frame { position:relative; z-index:80; min-height:4.8rem; }
.navigation-sentinel { position:absolute; top:0; left:0; width:1px; height:1px; pointer-events:none; }
.brand-navigation {
  --navigation-inner-gutter:clamp(1.5rem,4vw,4rem);
  --navigation-edge:max(var(--navigation-inner-gutter),calc((100vw - 84rem)/2 + var(--navigation-inner-gutter)));
  position:fixed; z-index:80; top:0; right:0; left:0; display:flex; min-height:4.8rem;
  align-items:center; justify-content:space-between; gap:2rem; padding:0 var(--navigation-edge);
  border-bottom:1px solid rgba(201,168,76,.24); background:rgba(11,23,48,.2);
  -webkit-backdrop-filter:blur(0) saturate(100%); backdrop-filter:blur(0) saturate(100%);
  transition:background-color 240ms ease,border-color 240ms ease,box-shadow 280ms ease,backdrop-filter 320ms cubic-bezier(.16,1,.3,1);
}
.brand-navigation.is-scrolled { border-bottom-color:rgba(201,168,76,.34); background:rgba(11,23,48,.78); -webkit-backdrop-filter:blur(1.15rem) saturate(128%); backdrop-filter:blur(1.15rem) saturate(128%); box-shadow:0 .75rem 2.4rem rgba(3,9,23,.22); }
.brand-navigation::after { position:absolute; bottom:-1px; left:var(--navigation-edge); width:2.75rem; height:1px; content:""; background:var(--gold); }
.brand { display:inline-flex; min-width:min(15.5rem,21vw); align-items:center; gap:.78rem; }
.brand-logo--inverse { display:block; width:clamp(12rem,16vw,15.5rem); max-width:100%; height:auto; }
.desktop-actions,.site-links { display:flex; align-items:center; }
.desktop-actions { gap:clamp(.9rem,1.5vw,1.5rem); }
.site-links { gap:.14rem; color:rgba(255,255,255,.67); font-size:.9rem; font-weight:470; }
.site-links a { position:relative; padding:.65rem .58rem; white-space:nowrap; transition:color 180ms ease; }
.site-links a::after { position:absolute; right:.58rem; bottom:.28rem; left:.58rem; height:1px; content:""; background:var(--gold); transform:scaleX(0); transform-origin:left; transition:transform 180ms ease; }
.site-links a:hover,.site-links a[aria-current="page"] { color:var(--white); }
.site-links a:hover::after,.site-links a[aria-current="page"]::after { transform:scaleX(1); }
.contact-link { display:inline-flex; min-height:3.25rem; align-items:center; gap:.65rem; padding:0 1.15rem; background:var(--gold); color:var(--navy-ink); font-size:.9rem; font-weight:650; white-space:nowrap; box-shadow:0 .85rem 2rem rgba(6,17,38,.14); transition:background-color 180ms ease,box-shadow 180ms ease,transform 180ms ease; }
.contact-link:hover { background:#ddc36f; color:var(--navy-ink); box-shadow:0 1rem 2.25rem rgba(6,17,38,.2); transform:translateY(-1px); }
.contact-link:focus-visible { outline:3px solid var(--navy-ink); outline-offset:3px; }
.mobile-menu { display:none; }

/* Shared WhatsApp bubble: mirrors src/components/ui/WhatsAppBubble.astro. */
.whatsapp-bubble { position:fixed; z-index:70; right:max(1.25rem,env(safe-area-inset-right)); bottom:max(1.25rem,env(safe-area-inset-bottom)); display:flex; align-items:center; gap:.65rem; color:var(--white); }
.whatsapp-bubble__label { padding:.72rem .95rem; background:var(--navy-ink); color:var(--white); font-size:.82rem; font-weight:590; line-height:1; opacity:0; pointer-events:none; transform:translateX(.65rem); transition:opacity 180ms ease,transform 220ms cubic-bezier(.16,1,.3,1); }
.whatsapp-bubble__icon { display:grid; width:4rem; height:4rem; flex:0 0 auto; place-items:center; border:1px solid rgba(6,94,40,.24); border-radius:50%; background:var(--whatsapp-green,#25d366); box-shadow:0 1rem 2.4rem rgba(6,94,40,.26); transition:background-color 180ms ease,box-shadow 180ms ease,transform 180ms ease; }
.whatsapp-bubble:hover .whatsapp-bubble__label,.whatsapp-bubble:focus-visible .whatsapp-bubble__label { opacity:1; transform:translateX(0); }
.whatsapp-bubble:hover .whatsapp-bubble__icon { background:color-mix(in srgb,var(--whatsapp-green,#25d366) 88%,var(--navy-ink)); box-shadow:0 1.2rem 2.8rem rgba(6,94,40,.32); transform:translateY(-.18rem); }
.whatsapp-bubble:focus-visible { outline:none; }
.whatsapp-bubble:focus-visible .whatsapp-bubble__icon { outline:3px solid var(--navy-ink); outline-offset:3px; }

/* Compact, centered article conversion block. */
.article-cta { display:block; min-height:0; padding:clamp(3.25rem,5vw,4.75rem) var(--edge); text-align:center; }
.article-cta__content { position:relative; z-index:1; width:min(100%,52rem); margin:0 auto; }
.article-cta .editorial-kicker { justify-content:center; margin-bottom:.9rem; }
.article-cta h2 { max-width:19ch; margin:0 auto .9rem; font-size:clamp(2rem,3.4vw,3.55rem); line-height:1; }
.article-cta p:not(.editorial-kicker) { max-width:49rem; margin:0 auto; }
.article-cta__button { min-width:0; margin-top:1.75rem; padding:.78rem 1.25rem; }

@media (max-width:1240px) {
  .navigation-frame { min-height:4.2rem; }
  .brand-navigation { --navigation-edge:clamp(1.25rem,4vw,2.25rem); min-height:4.2rem; }
  .brand { min-width:12rem; }
  .desktop-actions { display:none; }
  .mobile-menu { position:relative; display:block; }
  .mobile-menu summary { display:grid; width:2.75rem; height:2.75rem; cursor:pointer; list-style:none; place-items:center; border:1px solid rgba(201,168,76,.4); color:var(--gold); }
  .mobile-menu summary::-webkit-details-marker { display:none; }
  .mobile-menu-panel { position:absolute; top:calc(100% + .7rem); right:0; display:grid; width:min(20rem,calc(100vw - 2.5rem)); padding:1rem 1.15rem; border:1px solid rgba(201,168,76,.38); background:rgba(11,23,48,.985); box-shadow:0 1.2rem 3rem rgba(3,9,23,.35); }
  .mobile-menu-title { margin-bottom:.45rem; color:rgba(255,255,255,.52); font-size:.74rem; letter-spacing:.12em; text-transform:uppercase; }
  .mobile-menu-panel a { padding:.72rem 0; border-bottom:1px solid rgba(255,255,255,.1); color:rgba(255,255,255,.76); font-size:1rem; }
  .mobile-menu-panel a[aria-current="page"] { color:var(--gold); }
  .mobile-menu-panel a:last-child { margin-top:.65rem; padding:.9rem 1rem; border-bottom:0; background:var(--gold); color:var(--navy-ink); font-weight:650; }
}
@media (max-width:900px) { .navigation-frame { min-height:4rem; } .brand-navigation { min-height:4rem; gap:1rem; } }
@media (max-width:600px) { .whatsapp-bubble { right:max(1rem,env(safe-area-inset-right)); bottom:max(1rem,env(safe-area-inset-bottom)); } .whatsapp-bubble__label { display:none; } .whatsapp-bubble__icon { width:3.6rem; height:3.6rem; } }
@media (max-width:480px) { .brand { min-width:0; } .brand-logo--inverse { width:min(12rem,58vw); } .article-cta { min-height:0; padding:3rem var(--edge); } .article-cta h2 { font-size:clamp(1.9rem,9vw,2.65rem); } .article-cta__button { width:auto; } }

/* A prévia usa o mesmo template público; esta faixa é a única diferença visual. */
.preview-toolbar { position:relative; z-index:40; display:flex; min-height:3.25rem; align-items:center; justify-content:space-between; gap:1.25rem; padding:.65rem var(--edge); border-bottom:1px solid rgba(6,17,38,.18); background:var(--gold); color:var(--navy-ink); font-size:.78rem; letter-spacing:.01em; }
.preview-toolbar strong { font-weight:760; }
.preview-toolbar button { min-height:2.15rem; padding:.35rem .8rem; border:1px solid rgba(6,17,38,.45); background:transparent; color:inherit; font:inherit; font-weight:720; cursor:pointer; transition:background .18s ease,color .18s ease; }
.preview-toolbar button:hover { background:var(--navy-ink); color:#fff; }
@media (max-width:540px) { .preview-toolbar { align-items:flex-start; flex-direction:column; gap:.55rem; padding-block:.8rem; } .preview-toolbar button { width:100%; } }
@media (prefers-reduced-motion:reduce) { .brand-navigation,.whatsapp-bubble__label,.whatsapp-bubble__icon { transition:none; } }
@media (prefers-reduced-transparency:reduce) { .brand-navigation.is-scrolled { background:var(--navy-deep); -webkit-backdrop-filter:none; backdrop-filter:none; } }
