.
só com o ponto). Em headings isso vira blocos empilhados / "ponto
flutuante" — forçamos fluxo inline para o título ler como uma frase só. */
.clr-phero-title > p, .clr-section-title > p, .clr-cta-text > p{ display:inline; margin:0; }
.clr-phero-extra{ margin-top:22px; }
@media(max-width:720px){
.clr-phero{ min-height:230px; max-height:none; padding:34px 0; }
.clr-phero-title{ font-size:clamp(26px,7vw,34px); margin-top:12px; }
.clr-phero-badge{ font-size:10px; padding:8px 14px; }
}
.section{padding:140px 0;position:relative;overflow:hidden}
/* Light theme variants */
.section--cream{background:linear-gradient(180deg, var(--cream) 0%, var(--cream-2) 100%);color:var(--ink)}
.section--beige{background:linear-gradient(180deg, var(--beige) 0%, var(--beige-2) 100%);color:var(--ink)}
.section--pearl-warm{background:linear-gradient(180deg, var(--pearl-warm) 0%, #EFEAE0 100%);color:var(--ink)}
.section--marble{background:var(--marble);color:var(--ink)}
/* Eyebrow */
.eyebrow{
font-size:11.5px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;
color:var(--champ);display:inline-flex;align-items:center;gap:14px;
}
.eyebrow::before{content:'';width:24px;height:1px;background:var(--champ);display:block}
.eyebrow.center::after{content:'';width:24px;height:1px;background:var(--champ);display:block}
/* Headings */
.h-xl{font-size:clamp(32px,4.6vw,62px);font-weight:600;line-height:1.08;letter-spacing:-.02em;color:var(--pure)}
.h-lg{font-size:clamp(30px,4.4vw,52px);font-weight:600;line-height:1.08;letter-spacing:-.02em;color:var(--pure)}
.h-md{font-size:clamp(24px,3.2vw,38px);font-weight:600;line-height:1.12;letter-spacing:-.018em;color:var(--pure)}
.h-sm{font-size:clamp(20px,2vw,26px);font-weight:600;line-height:1.2;letter-spacing:-.012em;color:var(--pure)}
.h-xl em, .h-lg em, .h-md em, .h-sm em{
font-style:normal;color:var(--champ);position:relative;padding:0 .04em;
}
.h-xl em::after, .h-lg em::after, .h-md em::after{
content:'';position:absolute;left:0;right:0;bottom:-.06em;height:2px;
background:linear-gradient(90deg,transparent,var(--champ) 12%,var(--champ) 88%,transparent);
opacity:.55;
}
/* Light theme heading overrides */
.section--cream .h-xl, .section--cream .h-lg, .section--cream .h-md, .section--cream .h-sm,
.section--beige .h-xl, .section--beige .h-lg, .section--beige .h-md, .section--beige .h-sm,
.section--pearl-warm .h-xl, .section--pearl-warm .h-lg, .section--pearl-warm .h-md, .section--pearl-warm .h-sm,
.section--marble .h-xl, .section--marble .h-lg, .section--marble .h-md, .section--marble .h-sm{color:var(--ink)}
.section--cream .eyebrow, .section--beige .eyebrow,
.section--pearl-warm .eyebrow, .section--marble .eyebrow{color:var(--champ-darker)}
.section--cream .eyebrow::before, .section--cream .eyebrow::after,
.section--beige .eyebrow::before, .section--beige .eyebrow::after,
.section--pearl-warm .eyebrow::before, .section--pearl-warm .eyebrow::after,
.section--marble .eyebrow::before, .section--marble .eyebrow::after{background:var(--champ-darker)}
.section--cream .h-xl em, .section--cream .h-lg em, .section--cream .h-md em,
.section--beige .h-xl em, .section--beige .h-lg em, .section--beige .h-md em,
.section--pearl-warm .h-xl em, .section--pearl-warm .h-lg em, .section--pearl-warm .h-md em,
.section--marble .h-xl em, .section--marble .h-lg em, .section--marble .h-md em{color:var(--champ-darker)}
/* Lead / Body */
.lead{font-size:clamp(16px,1.4vw,19px);line-height:1.6;color:var(--w80);font-weight:400}
.body{font-size:15px;line-height:1.7;color:var(--linen);font-weight:400}
.body strong{color:var(--pure);font-weight:500}
.section--cream .lead, .section--beige .lead, .section--pearl-warm .lead, .section--marble .lead{color:var(--graphite)}
.section--cream .body, .section--beige .body, .section--pearl-warm .body, .section--marble .body{color:var(--graphite)}
.section--cream .body strong, .section--beige .body strong, .section--pearl-warm .body strong, .section--marble .body strong{color:var(--ink);font-weight:600}
/* Reveal */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease-out),transform .9s var(--ease-out)}
.reveal.in{opacity:1;transform:translateY(0)}
.reveal-clip{clip-path:inset(0 100% 0 0);transition:clip-path 1.4s var(--ease-expo)}
.reveal-clip.in{clip-path:inset(0 0 0 0)}
.reveal-stagger > *{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out)}
.reveal-stagger.in > *{opacity:1;transform:translateY(0)}
.reveal-stagger.in > *:nth-child(1){transition-delay:0s}
.reveal-stagger.in > *:nth-child(2){transition-delay:.07s}
.reveal-stagger.in > *:nth-child(3){transition-delay:.14s}
.reveal-stagger.in > *:nth-child(4){transition-delay:.21s}
.reveal-stagger.in > *:nth-child(5){transition-delay:.28s}
.reveal-stagger.in > *:nth-child(6){transition-delay:.35s}
.reveal-stagger.in > *:nth-child(7){transition-delay:.42s}
.reveal-stagger.in > *:nth-child(8){transition-delay:.49s}
/* ─── AMBIENTE ─── */
body::before{
content:'';position:fixed;inset:0;z-index:0;pointer-events:none;
background:radial-gradient(ellipse 100% 60% at 50% -10%, rgba(205,177,127,.05), transparent 60%), linear-gradient(180deg, var(--ink) 0%, var(--ink-2) 50%, var(--ink) 100%);
}
/* Scroll-driven gold tint — vai escurecendo + puxando dourado conforme rola */
body::after{
content:'';position:fixed;inset:0;z-index:0;pointer-events:none;
background:
radial-gradient(
ellipse 110% 80% at 50% 110%,
rgba(205,177,127, calc(0.02 + var(--scroll-prog, 0) * 0.14)) 0%,
transparent 65%
),
radial-gradient(
ellipse 80% 50% at 50% 0%,
rgba(127,103,64, calc(var(--scroll-prog, 0) * 0.10)) 0%,
transparent 70%
),
linear-gradient(
180deg,
rgba(0,0,0, calc(var(--scroll-prog, 0) * 0.18)) 0%,
transparent 50%,
rgba(0,0,0, calc(var(--scroll-prog, 0) * 0.22)) 100%
);
transition: background .35s ease-out;
}
.grain{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.04;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 240 240' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .85 0 0 0 0 .73 0 0 0 0 .55 0 0 0 .7 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.aurora{position:fixed;border-radius:50%;filter:blur(120px);pointer-events:none;z-index:0;will-change:transform;animation:float 24s ease-in-out infinite}
.aurora--1{width:560px;height:560px;top:-220px;left:-180px;background:radial-gradient(circle,rgba(205,177,127,.14),transparent 70%)}
.aurora--2{width:480px;height:480px;bottom:-180px;right:-180px;background:radial-gradient(circle,rgba(176,147,92,.10),transparent 70%);animation-delay:-12s;animation-duration:28s}
@keyframes float{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(20px,-30px) scale(1.06)}}
#cursor-glow{position:fixed;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(205,177,127,.22),transparent 65%);mix-blend-mode:screen;pointer-events:none;z-index:2;opacity:0;transform:translate(-50%,-50%);transition:opacity .6s;will-change:transform;display:none}
body.cursor-on-light #cursor-glow{mix-blend-mode:multiply;background:radial-gradient(circle,rgba(127,103,64,.15),transparent 65%)}
@media(hover:hover) and (pointer:fine){#cursor-glow{display:block}}
#particles-canvas{position:fixed;inset:0;pointer-events:none;z-index:1;opacity:.4}
/* ═══════════════════════════════════════════════════════════════════════
WHATSAPP FLUTUANTE — onyx premium, sem verde
═══════════════════════════════════════════════════════════════════════ */
/* WhatsApp flutuante — moeda dourada redonda, elegante */
.wa-float{
position:fixed;right:26px;bottom:26px;z-index:85;
display:inline-flex;align-items:center;justify-content:center;
width:60px;height:60px;border-radius:50%;
background:
radial-gradient(circle at 30% 25%, #FAEBC8 0%, transparent 50%),
linear-gradient(135deg, var(--champ-3) 0%, var(--champ) 38%, var(--champ-deep) 100%);
border:1px solid var(--champ-3);
color:var(--ink) !important;
text-decoration:none;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.55),
inset 0 -1px 0 rgba(0,0,0,.18),
0 8px 20px rgba(127,103,64,.45),
0 20px 36px rgba(0,0,0,.35);
transition:opacity .35s var(--ease), transform .4s cubic-bezier(.16,1,.3,1), box-shadow .4s, filter .35s;
isolation:isolate;
overflow:hidden;
}
.wa-float.is-hidden{opacity:0;transform:translateY(40px) scale(.85);pointer-events:none}
.wa-float i{
position:relative;z-index:2;
color:var(--ink);font-size:26px;
filter:drop-shadow(0 1px 0 rgba(255,255,255,.35));
transition:transform .4s cubic-bezier(.16,1,.3,1);
}
/* Brilho sweep no hover */
.wa-float::before{
content:'';position:absolute;inset:0;border-radius:50%;
background:linear-gradient(135deg, transparent 35%, rgba(255,255,255,.5) 50%, transparent 65%);
transform:translateX(-110%);transition:transform .9s var(--ease);
z-index:1;pointer-events:none;
}
.wa-float:hover::before{transform:translateX(110%)}
.wa-float:hover{
transform:translateY(-3px) scale(1.04);
filter:brightness(1.05) saturate(1.08);
box-shadow:
inset 0 1px 0 rgba(255,255,255,.6),
inset 0 -1px 0 rgba(0,0,0,.2),
0 12px 28px rgba(205,177,127,.55),
0 28px 48px rgba(0,0,0,.45);
}
.wa-float:hover i{transform:scale(1.08) rotate(-6deg)}
.wa-float:active{transform:translateY(0) scale(.98)}
@media(max-width:720px){
.wa-float{right:18px;bottom:18px;width:56px;height:56px}
.wa-float i{font-size:24px}
}
/* ═══════════════════════════════════════════════════════════════════════
HEADER — floating island, refined scroll behavior
═══════════════════════════════════════════════════════════════════════ */
.header{
/* Inicial: absolute — fica no topo do hero e rola junto com a página */
position:absolute;top:0;left:0;right:0;z-index:90;width:100%;color:var(--w92);
background:linear-gradient(180deg, rgba(15,15,14,.92) 0%, rgba(15,15,14,.70) 45%, rgba(15,15,14,.30) 85%, transparent 100%);
backdrop-filter:blur(10px) saturate(1.05);-webkit-backdrop-filter:blur(10px) saturate(1.05);
transition:
background .45s var(--ease),
backdrop-filter .45s,
box-shadow .55s var(--ease);
}
/* Quando passa do hero → fixa no topo, JÁ em estado slim, deslizando suavemente */
.header.is-fixed{
position:fixed;top:0;
background:linear-gradient(180deg, rgba(18,18,16,.88) 0%, rgba(13,13,12,.92) 100%);
backdrop-filter:blur(28px) saturate(1.3);-webkit-backdrop-filter:blur(28px) saturate(1.3);
box-shadow:0 1px 0 rgba(255,255,255,.05) inset, 0 24px 48px -20px rgba(0,0,0,.5);
animation:headerSlideIn 1s cubic-bezier(.22,1,.36,1) both;
will-change:transform;
}
/* No estado fixed o header JÁ entra slim: sem topbar, logo menor, mainbar compacto */
.header.is-fixed .topbar{max-height:0;opacity:0;padding:0;margin:0;pointer-events:none;transform:none;transition:none}
.header.is-fixed .mainbar{padding:10px 0}
.header.is-fixed .h-logo img{height:86px}
.header.is-fixed::after{opacity:1}
.header.is-fixed .h-menu > li > a, .header.is-fixed .h-menu > li > button{padding:8px 12px;font-size:13.5px}
.header.is-fixed .btn-gold{height:40px;padding:0 18px;font-size:12.5px}
.header.is-fixed .cta-icon{width:38px;height:38px}
/* Animação única: slide + fade — sem mudanças internas durante a entrada */
@keyframes headerSlideIn{
0% {transform:translate3d(0,-100%,0);opacity:0;filter:blur(4px)}
60% {opacity:1}
100%{transform:translate3d(0,0,0);opacity:1;filter:blur(0)}
}
/* Gold hairline that fades in with scroll */
.header::after{
content:'';position:absolute;left:6%;right:6%;bottom:0;height:1px;pointer-events:none;
background:linear-gradient(90deg, transparent, rgba(205,177,127,.5) 30%, rgba(232,210,168,.7) 50%, rgba(205,177,127,.5) 70%, transparent);
opacity:0;transition:opacity .5s var(--ease);
mask-image:linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
-webkit-mask-image:linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
}
/* Topbar slides up smoothly instead of display:none */
.topbar{overflow:hidden;max-height:60px;opacity:1;transform:translateY(0);transition:max-height .5s cubic-bezier(.7,0,.3,1), opacity .35s var(--ease), transform .5s var(--ease)}
/* SCROLLED — flush, refined, slim */
.header.is-scrolled{
background:linear-gradient(180deg, rgba(15,15,14,.97) 0%, rgba(11,11,10,.98) 100%);
backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);
box-shadow:
0 1px 0 rgba(255,255,255,.05) inset,
0 24px 48px -20px rgba(0,0,0,.5);
}
.header.is-scrolled::after{opacity:1}
.header.is-scrolled .topbar{max-height:0;opacity:0;transform:translateY(-6px);pointer-events:none}
.header.is-scrolled .mainbar{padding:10px 0}
.header.is-scrolled .h-logo img{height:86px;filter:drop-shadow(0 6px 14px rgba(0,0,0,.5))}
.header.is-scrolled .read-line{display:block}
.header.is-scrolled .h-menu > li > a, .header.is-scrolled .h-menu > li > button{padding:8px 12px;font-size:13.5px}
.header.is-scrolled .btn-gold{height:40px;padding:0 18px;font-size:12.5px}
.header.is-scrolled .cta-icon{width:38px;height:38px}
/* Initial reveal on page load */
@keyframes headerIn{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}
.header{animation:headerIn .7s var(--ease-out) both}
/* ═══════════════════════════════════════════════════════════════════════
HEADER em PÁGINAS INTERNAS — comportamento "barra preta no flow"
On home: .header continua position:absolute (flutua sobre o hero)
Em internas: .header é position:relative no topo, sólido ink.
Ao rolar (.is-scrolled), vira position:fixed com slide-in elegante.
═══════════════════════════════════════════════════════════════════════ */
body.is-internal .header{
position:fixed;top:0;left:0;right:0; /* sempre fixo */
background:linear-gradient(180deg, #0F0F0E 0%, #141413 100%);
backdrop-filter:none;-webkit-backdrop-filter:none;
border-bottom:1px solid rgba(205,177,127,.16);
box-shadow:0 4px 18px rgba(0,0,0,.22);
}
/* Header fixo nas internas: topbar oculta (limpo) e LOGO no tamanho principal
(não encolhe ao rolar) — mantém a mesma identidade do header principal. */
body.is-internal .header .topbar{ display:none; }
body.is-internal .header .mainbar{ padding:14px 0; }
body.is-internal .header .h-logo img,
body.is-internal .header.is-scrolled .h-logo img,
body.is-internal .header.is-fixed .h-logo img{ height:86px; filter:drop-shadow(0 8px 18px rgba(0,0,0,.45)); }
/* Hairline champagne já fica visível por padrão */
body.is-internal .header::after{opacity:1}
/* Ao rolar, header em internas vira fixed com slide-in
(mantém comportamento "menu fixed funcionando perfeitamente") */
body.is-internal .header.is-scrolled{
position:fixed;top:0;left:0;right:0;
background:linear-gradient(180deg, rgba(15,15,14,.96) 0%, rgba(20,20,19,.94) 100%);
backdrop-filter:blur(24px) saturate(1.25);-webkit-backdrop-filter:blur(24px) saturate(1.25);
box-shadow:
0 1px 0 rgba(255,255,255,.04) inset,
0 12px 36px -10px rgba(0,0,0,.55);
animation:headerSlideIn .65s cubic-bezier(.22,1,.36,1) both;
will-change:transform;
}
/* Spacer: quando o header está fixed, reserva o espaço que ele ocuparia
para o conteúdo não pular. Usa --header-h custom prop ajustável.
:has() resolve sem necessidade de JS extra. */
/* Header sempre fixo nas internas → reserva o espaço dele no topo sempre.
!important sobrescreve o style="padding-top:0" inline do (base.php),
que existia para o header antigo em fluxo. Só afeta páginas internas. */
body.is-internal main.site-main{
padding-top:var(--header-h, 116px) !important;
}
@media(max-width:991px){
body.is-internal .header .h-logo img,
body.is-internal .header.is-scrolled .h-logo img,
body.is-internal .header.is-fixed .h-logo img{ height:58px; }
body.is-internal .header .mainbar{ padding:11px 0; }
body.is-internal main.site-main{ padding-top:66px !important; } /* = altura do header AGA no mobile (barra ~66px); antes 86px deixava vão */
}
/* TOPBAR */
.topbar{position:relative;transition:opacity .3s, transform .3s}
.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 0}
.meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}
.pill{display:inline-flex;align-items:center;gap:9px;min-height:36px;padding:7px 13px;border-radius:var(--r-pill);border:1px solid var(--w12);background:var(--w05);color:var(--w65);font-size:12.5px;line-height:1;white-space:nowrap;font-weight:400;backdrop-filter:blur(8px)}
.pill i{color:var(--champ);font-size:12px}
.pill span{color:var(--w92);font-weight:500}
.top-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.top-link{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:7px 12px;border-radius:var(--r-pill);border:1px solid var(--w12);background:var(--w05);color:var(--w80) !important;font-size:12.5px;font-weight:500;transition:all .22s var(--ease);backdrop-filter:blur(8px)}
.top-link:hover{background:var(--w08);border-color:var(--g25);transform:translateY(-1px)}
.top-link i{color:var(--champ)}
.soc-group{display:inline-flex;align-items:center;gap:6px;padding-left:8px;margin-left:4px;border-left:1px solid var(--w12)}
.soc-chip{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:999px;border:1px solid var(--w12);background:var(--w05);color:var(--champ);font-size:12px;transition:all .22s var(--ease);backdrop-filter:blur(8px)}
.soc-chip:hover{transform:translateY(-2px);background:linear-gradient(135deg,var(--g25),var(--g10));border-color:var(--g40);color:#fff}
/* Mobile-only social icons inside topbar — editorial minimalist */
.topbar-mob-soc{display:none}
.tms{
display:inline-flex;align-items:center;justify-content:center;
width:24px;height:24px;
color:var(--champ) !important;font-size:13px;
opacity:.85;transition:opacity .25s var(--ease), color .25s, transform .25s;
}
.tms:hover, .tms:active{opacity:1;color:#fff !important;transform:translateY(-1px)}
.tms-sep{display:inline-block;width:1px;height:14px;background:rgba(205,177,127,.32);margin:0 4px}
@media(max-width:1200px){.hide-1200{display:none !important}}
/* MAINBAR */
.mainbar{position:relative;padding:20px 0;transition:padding .5s cubic-bezier(.16,1,.3,1)}
.mainbar-inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:32px}
.h-logo{display:inline-flex;align-items:center;z-index:2}
.h-logo img{height:86px;width:auto;display:block;transition:height .5s cubic-bezier(.16,1,.3,1), filter .4s var(--ease);filter:drop-shadow(0 12px 28px rgba(0,0,0,.45))}
.h-nav{min-width:0;display:flex;justify-content:center}
.h-menu{display:flex;align-items:center;gap:4px;flex-wrap:nowrap}
.h-menu > li{position:relative}
.h-menu > li > a, .h-menu > li > button{
position:relative;display:inline-flex;align-items:center;gap:8px;
min-height:44px;padding:10px 14px;border-radius:var(--r-pill);
color:#fff !important;background:transparent;border:0;
font-size:14px;font-weight:500;letter-spacing:-.005em;
cursor:pointer;transition:all .22s var(--ease);
text-shadow:0 2px 8px rgba(0,0,0,.5);
}
.header.is-scrolled .h-menu > li > a, .header.is-scrolled .h-menu > li > button{text-shadow:none}
.h-menu > li > a:hover, .h-menu > li > button:hover{
background:radial-gradient(220px 100px at 20% 0%, rgba(205,177,127,.16), transparent 58%), linear-gradient(180deg, var(--w08), var(--w05));
transform:translateY(-1px);
}
.h-menu > li > a::after, .h-menu > li > button::after{
content:"";position:absolute;left:50%;bottom:6px;width:0;height:2px;
border-radius:999px;transform:translateX(-50%);
background:linear-gradient(90deg,var(--champ),var(--champ-2),var(--champ-deep));
transition:width .22s var(--ease);
}
.h-menu > li > a:hover::after, .h-menu > li.is-open > button::after{width:22px}
.caret{width:7px;height:7px;border-right:1.5px solid var(--w65);border-bottom:1.5px solid var(--w65);transform:rotate(45deg);margin-top:-2px;transition:transform .22s var(--ease)}
.h-menu > li.is-open .caret{transform:rotate(-135deg);margin-top:2px}
.cta-wrap{display:flex;align-items:center;gap:10px;z-index:2}
.cta-icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:14px;border:1px solid var(--w12);background:var(--w05);color:var(--champ) !important;font-size:18px;transition:all .22s var(--ease);backdrop-filter:blur(8px)}
.cta-icon:hover{transform:translateY(-2px);background:var(--w08);border-color:var(--g25);box-shadow:var(--sh-1)}
.btn-gold{
display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border-radius:14px;
border:1px solid var(--g25);
background:radial-gradient(160px 80px at 0% 0%, rgba(255,255,255,.18), transparent 58%), linear-gradient(135deg, var(--champ-3) 0%, var(--champ) 38%, var(--champ-deep) 100%);
color:var(--ink) !important;font-size:13.5px;font-weight:700;letter-spacing:.01em;
box-shadow:inset 0 1px 0 rgba(255,255,255,.32), 0 14px 30px rgba(0,0,0,.24);
transition:all .22s var(--ease);
}
.btn-gold:hover{transform:translateY(-2px);filter:saturate(1.05) brightness(1.03);box-shadow:inset 0 1px 0 rgba(255,255,255,.34), 0 22px 40px rgba(0,0,0,.28)}
.btn-gold i{font-size:14px}
/* Redes sociais no header — chips dourados */
.h-soc{display:inline-flex;align-items:center;gap:8px}
.h-soc-chip{
display:inline-flex;align-items:center;justify-content:center;
width:38px;height:38px;border-radius:999px;
border:1.5px solid rgba(205,177,127,.55);
background:linear-gradient(135deg, var(--ink-4) 0%, var(--ink-3) 100%);
color:var(--champ-3) !important;font-size:14px;
box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 8px 18px rgba(0,0,0,.22);
transition:all .22s var(--ease);
}
.h-soc-chip:hover{transform:translateY(-2px);background:linear-gradient(135deg, var(--graphite) 0%, var(--ink-4) 100%);border-color:var(--champ);color:#fff !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 0 0 1px rgba(205,177,127,.25), 0 14px 26px rgba(0,0,0,.26)}
.header.is-scrolled .h-soc-chip, .header.is-fixed .h-soc-chip{width:34px;height:34px;font-size:13px}
/* ════════════════════════════════════════════════════════════════════
HEADER FIXO — TEMA CLARO (bege)
Aplica-se ao header quando fixo: HOME rolada (.is-scrolled/.is-fixed) e
PÁGINAS INTERNAS (sempre fixo). O topo da home (header sobre o hero)
permanece escuro de propósito. !important vence os defaults claros/escuros.
════════════════════════════════════════════════════════════════════ */
:is(.header.is-scrolled, .header.is-fixed, body.is-internal .header){
background:
radial-gradient(900px 200px at 0% 0%, rgba(205,177,127,.10), transparent 60%),
linear-gradient(180deg, #F6F1E8 0%, #ECE3D2 100%) !important;
-webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
border-bottom:1px solid rgba(205,177,127,.42) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.75), 0 8px 28px rgba(127,103,64,.16) !important;
color:var(--ink);
}
/* hairline dourado do rodapé do header — reforça no claro */
:is(.header.is-scrolled, .header.is-fixed, body.is-internal .header)::after{
background:linear-gradient(90deg, transparent, rgba(159,131,80,.55) 50%, transparent) !important;
}
/* logo recolorido para cinza escuro no header claro (mantém só uma sombra sutil) */
:is(.header.is-scrolled, .header.is-fixed, body.is-internal .header) .h-logo img{
filter:brightness(0) invert(.26) drop-shadow(0 2px 6px rgba(0,0,0,.16)) !important;
}
/* navegação em tom escuro, sem text-shadow */
:is(.header.is-scrolled, .header.is-fixed, body.is-internal .header) .h-menu > li > a,
:is(.header.is-scrolled, .header.is-fixed, body.is-internal .header) .h-menu > li > button{
color:var(--ink) !important; text-shadow:none !important;
}
:is(.header.is-scrolled, .header.is-fixed, body.is-internal .header) .h-menu > li > a:hover,
:is(.header.is-scrolled, .header.is-fixed, body.is-internal .header) .h-menu > li > button:hover,
:is(.header.is-scrolled, .header.is-fixed, body.is-internal .header) .h-menu > li.is-open > button{
background:radial-gradient(220px 100px at 50% 0%, rgba(205,177,127,.22), transparent 60%), rgba(15,15,14,.045) !important;
}
:is(.header.is-scrolled, .header.is-fixed, body.is-internal .header) .caret{
border-color:rgba(15,15,14,.55) !important;
}
/* chips de social → claros com ícone dourado-escuro */
:is(.header.is-scrolled, .header.is-fixed, body.is-internal .header) .h-soc-chip{
background:#FFFFFF !important; border-color:rgba(205,177,127,.6) !important;
color:var(--champ-darker) !important; box-shadow:0 2px 8px rgba(127,103,64,.14) !important;
}
:is(.header.is-scrolled, .header.is-fixed, body.is-internal .header) .h-soc-chip:hover{
background:linear-gradient(135deg, var(--champ-darker), var(--champ)) !important;
color:#fff !important; border-color:transparent !important;
}
/* ícone CTA (quando existir) → claro */
:is(.header.is-scrolled, .header.is-fixed, body.is-internal .header) .cta-icon{
background:#FFFFFF !important; border-color:rgba(15,15,14,.12) !important; color:var(--champ-darker) !important;
}
/* botão Atendimento dourado: sombra adequada ao fundo claro */
:is(.header.is-scrolled, .header.is-fixed, body.is-internal .header) .btn-gold{
box-shadow:inset 0 1px 0 rgba(255,255,255,.45), 0 8px 22px rgba(127,103,64,.26) !important;
}
/* hambúrguer mobile → chip claro com ícone dourado-escuro no bege */
:is(.header.is-scrolled, .header.is-fixed, body.is-internal .header) .hamb{
background:#FFFFFF !important; border-color:rgba(15,15,14,.12) !important;
color:var(--champ-darker) !important; box-shadow:0 2px 8px rgba(127,103,64,.10) !important;
}
/* ── MARQUEE STRIP — faixa infinita elegante ── */
.marquee-strip{
position:relative;overflow:hidden;
padding:28px 0;
background:linear-gradient(180deg, #0E0E0D 0%, #161614 50%, #0E0E0D 100%);
border-top:1px solid rgba(205,177,127,.18);
border-bottom:1px solid rgba(205,177,127,.18);
isolation:isolate;
}
.marquee-strip-bg{
position:absolute;inset:0;z-index:0;pointer-events:none;
background:
radial-gradient(60% 80% at 50% 50%, rgba(205,177,127,.10), transparent 70%),
repeating-linear-gradient(90deg, transparent 0, transparent 60px, rgba(205,177,127,.04) 60px, rgba(205,177,127,.04) 61px);
}
.marquee-strip::before, .marquee-strip::after{
content:'';position:absolute;top:0;bottom:0;width:160px;z-index:2;pointer-events:none;
}
.marquee-strip::before{left:0;background:linear-gradient(90deg, #0E0E0D 0%, transparent 100%)}
.marquee-strip::after{right:0;background:linear-gradient(270deg, #0E0E0D 0%, transparent 100%)}
/* Top + bottom gold hairlines (refined) */
.marquee-strip-bg::before, .marquee-strip-bg::after{
content:'';position:absolute;left:10%;right:10%;height:1px;
background:linear-gradient(90deg, transparent, rgba(205,177,127,.5) 30%, rgba(232,210,168,.7) 50%, rgba(205,177,127,.5) 70%, transparent);
}
.marquee-strip-bg::before{top:0}
.marquee-strip-bg::after{bottom:0}
.marquee-strip-track{display:flex;width:max-content;animation:msScroll 60s linear infinite;position:relative;z-index:1}
.marquee-strip:hover .marquee-strip-track{animation-play-state:paused}
.marquee-strip-row{display:flex;align-items:center;gap:42px;padding-right:42px;flex-shrink:0}
@keyframes msScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.ms-item{
display:inline-flex;align-items:center;gap:14px;
font-family:var(--ff-serif, var(--ff));
font-size:18px;font-weight:500;color:#F0E8D6;letter-spacing:.04em;
white-space:nowrap;
text-shadow:0 1px 0 rgba(0,0,0,.4);
}
.ms-num{
display:inline-flex;align-items:center;justify-content:center;
min-width:28px;height:28px;padding:0 8px;border-radius:999px;
border:1px solid rgba(205,177,127,.32);background:rgba(205,177,127,.06);
font-family:var(--ff);
font-size:10.5px;font-weight:700;color:var(--champ);letter-spacing:.12em;
}
.ms-sep{
display:inline-flex;align-items:center;justify-content:center;
color:var(--champ);font-size:7px;opacity:.7;
flex-shrink:0;
}
@media(max-width:720px){
.marquee-strip{padding:22px 0}
.ms-item{font-size:15px}
.marquee-strip-row{gap:32px;padding-right:32px}
}
/* MEGA MENU */
.mega{
position:fixed;top:var(--mega-top, 140px);left:50%;
width:min(1180px, calc(100vw - 40px));
max-height:calc(100vh - var(--mega-top, 140px) - 24px);
display:none;z-index:95;
border-radius:22px;border:1px solid rgba(205,177,127,.16);
background:
radial-gradient(820px 260px at 0% 0%, rgba(205,177,127,.08), transparent 60%),
linear-gradient(180deg, rgba(16,16,15,.99) 0%, rgba(11,11,10,.995) 100%);
box-shadow:
0 1px 0 rgba(255,255,255,.05) inset,
0 -1px 0 rgba(0,0,0,.5) inset,
0 40px 80px -20px rgba(0,0,0,.6),
0 24px 48px -12px rgba(0,0,0,.4),
0 0 0 1px rgba(0,0,0,.4);
overflow:visible;opacity:0;
transform:translateX(-50%) translateY(-6px) scale(.985);
transform-origin:var(--mega-arrow-x, 50%) -10px;
transition:opacity .28s var(--ease), transform .32s cubic-bezier(.16,1,.3,1);
}
/* Top gold hairline highlight + shimmer */
.mega::after{
content:"";position:absolute;left:18px;right:18px;top:0;height:1px;border-radius:2px;
background:linear-gradient(90deg, transparent 0%, rgba(205,177,127,.45) 20%, rgba(232,210,168,.7) 50%, rgba(205,177,127,.45) 80%, transparent 100%);
opacity:.85;pointer-events:none;
mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
-webkit-mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}
.h-menu > li.is-open .mega::after{animation:megaHairline 2.2s var(--ease) .2s both}
@keyframes megaHairline{
0%{background-position:-200% 0}
100%{background-position:200% 0}
}
.mega::after{background-size:200% 100%}
/* Pulse on kicker dot */
.mega-kicker .dot{animation:megaPulse 2.4s ease-in-out infinite}
@keyframes megaPulse{
0%,100%{box-shadow:0 0 0 5px rgba(205,177,127,.14)}
50%{box-shadow:0 0 0 8px rgba(205,177,127,.05)}
}
/* Active state on dropdown button when open */
.h-menu > li.is-open > .h-dropbtn{color:#fff !important}
.h-menu > li.is-open > .h-dropbtn .caret{border-color:var(--champ)}
/* Connector arrow above panel, positioned over the button */
.mega::before{
content:"";position:absolute;top:-7px;left:var(--mega-arrow-x, 50%);transform:translateX(-50%) rotate(45deg);
width:14px;height:14px;border-radius:3px 0 0 0;
background:linear-gradient(135deg, rgba(28,28,26,1), rgba(22,22,20,.985));
border-left:1px solid rgba(205,177,127,.22);
border-top:1px solid rgba(205,177,127,.22);
box-shadow:-2px -2px 6px rgba(0,0,0,.18);
pointer-events:none;
}
/* Ambient glow above panel */
.mega-glow{position:absolute;top:-40px;left:var(--mega-arrow-x, 50%);transform:translateX(-50%);width:240px;height:60px;border-radius:50%;background:radial-gradient(closest-side, rgba(205,177,127,.22), transparent 70%);filter:blur(12px);pointer-events:none;opacity:.0;transition:opacity .35s var(--ease)}
.h-menu > li.is-open .mega{display:block;opacity:1;transform:translateX(-50%) translateY(0) scale(1)}
.h-menu > li.is-open .mega-glow{opacity:1}
.mega-inner{display:grid;grid-template-columns:1.3fr .85fr;gap:14px;padding:14px;max-height:calc(100vh - var(--mega-top, 140px) - 40px);overflow:hidden}
.mega-side{position:relative;border-radius:20px;border:1px solid var(--w08);background:var(--w05);box-shadow:var(--sh-2)}
.mega-l{overflow:hidden}
.mega-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px 14px;border-bottom:1px solid var(--w08)}
.mega-title{font-size:15px;font-weight:700;color:#fff;margin:0}
.mega-kicker{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--w50)}
.mega-kicker .dot{width:8px;height:8px;border-radius:999px;background:var(--champ);box-shadow:0 0 0 5px rgba(205,177,127,.14)}
.mega-search{padding:14px 18px 10px}
.mega-search-wrap{position:relative}
.mega-search-wrap i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--w35);font-size:13px}
.mega-search input{
width:100%;height:46px;padding:0 14px 0 40px;border-radius:14px;
border:1px solid var(--w08);
background:radial-gradient(220px 90px at 0% 0%, rgba(205,177,127,.10), transparent 58%), rgba(0,0,0,.18);
color:var(--w92);font-family:var(--ff);font-size:14px;outline:none;
box-shadow:inset 0 1px 0 var(--w03), 0 8px 18px rgba(0,0,0,.18);
transition:all .2s var(--ease);
}
.mega-search input:focus{border-color:var(--g25);box-shadow:0 0 0 3px rgba(205,177,127,.10), 0 14px 24px rgba(0,0,0,.22)}
.mega-search input::placeholder{color:var(--w35)}
.mega-list{padding:0 18px 18px;max-height:calc(100vh - var(--mega-top, 140px) - 220px);min-height:280px;overflow:auto}
.mega-list::-webkit-scrollbar{width:6px}
.mega-list::-webkit-scrollbar-thumb{background:var(--w12);border-radius:6px}
.mega-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mega-link{position:relative;display:flex;align-items:flex-start;gap:12px;min-height:88px;padding:14px;border-radius:14px;border:1px solid var(--w08);background:linear-gradient(180deg, var(--w05), var(--w03));color:var(--w92) !important;box-shadow:0 8px 18px rgba(0,0,0,.14);transition:all .18s var(--ease)}
.mega-link:hover{transform:translateY(-2px);border-color:var(--g25);background:radial-gradient(220px 100px at 0% 0%, rgba(205,177,127,.10), transparent 58%), linear-gradient(180deg, var(--w08), var(--w05));box-shadow:0 14px 28px rgba(0,0,0,.20)}
.mega-ico{flex:0 0 auto;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg, var(--g25), var(--g10));border:1px solid var(--g25);color:var(--champ);font-size:15px}
.mega-text strong{display:block;color:#fff;font-size:14px;font-weight:600;margin-bottom:3px}
.mega-text em{font-style:normal;color:var(--w50);font-size:12.5px;line-height:1.4;display:block}
.mega-r{padding:18px;display:flex;flex-direction:column;gap:14px;overflow:auto}
.mega-r::-webkit-scrollbar{width:6px}
.mega-r::-webkit-scrollbar-thumb{background:var(--w12);border-radius:6px}
.high-card{padding:18px;border-radius:16px;border:1px solid var(--g15);background:radial-gradient(280px 140px at 0% 0%, rgba(205,177,127,.14), transparent 58%), rgba(255,255,255,.035)}
.high-card .eyeb{font-size:11px;color:var(--champ);font-weight:600;letter-spacing:.16em;text-transform:uppercase;display:flex;align-items:center;gap:6px;margin-bottom:8px}
.high-card strong{display:block;font-size:15px;font-weight:600;color:#fff;line-height:1.35;margin-bottom:6px}
.high-card p{font-size:13px;color:var(--w65);line-height:1.5}
.quick-pills{display:flex;flex-wrap:wrap;gap:8px}
.qpill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--r-pill);border:1px solid var(--w08);background:var(--w05);color:var(--w80) !important;font-size:12.5px;font-weight:500;transition:all .18s var(--ease)}
.qpill:hover{background:var(--w08);border-color:var(--g25);color:#fff !important}
.qpill i{color:var(--champ)}
.metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.metric{padding:14px;border-radius:14px;border:1px solid var(--w08);background:var(--w03)}
.metric strong{display:block;color:#fff;font-size:14px;font-weight:600;margin-bottom:4px}
.metric span{font-size:12.5px;color:var(--w50);line-height:1.45}
.mega-cta{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-radius:16px;border:1px solid var(--g25);background:radial-gradient(220px 100px at 0% 0%, rgba(205,177,127,.12), transparent 58%), rgba(205,177,127,.04)}
.mega-cta strong{display:block;color:#fff;font-size:14px;font-weight:600;margin-bottom:2px}
.mega-cta span{font-size:12px;color:var(--w50)}
.mega-cta a{flex-shrink:0;padding:10px 16px;border-radius:12px;background:linear-gradient(135deg,var(--champ-3),var(--champ-deep));color:var(--ink) !important;font-size:12.5px;font-weight:700;letter-spacing:.01em;box-shadow:inset 0 1px 0 rgba(255,255,255,.3);transition:all .2s var(--ease)}
.mega-cta a:hover{transform:translateY(-1px);filter:brightness(1.05)}
/* ── Refinements ── */
.mega-search-wrap .kbd-hint{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:8px;border:1px solid var(--w08);background:rgba(255,255,255,.04);font-size:10.5px;font-weight:600;color:var(--w50);letter-spacing:.02em;font-family:var(--ff);pointer-events:none;transition:opacity .18s var(--ease)}
.mega-search-wrap.has-value .kbd-hint{opacity:0}
.mega-search-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:8px;border:1px solid var(--w08);background:rgba(255,255,255,.05);color:var(--w65);display:none;align-items:center;justify-content:center;cursor:pointer;font-size:10px;transition:all .15s var(--ease)}
.mega-search-clear:hover{background:rgba(205,177,127,.12);border-color:var(--g25);color:#fff}
.mega-search-wrap.has-value .mega-search-clear{display:inline-flex}
.mega-meta{display:flex;align-items:center;justify-content:space-between;padding:0 18px 12px;gap:10px}
.mega-count{font-size:11px;color:var(--w50);letter-spacing:.02em}
.mega-count b{color:var(--champ);font-weight:700;margin:0 3px}
.mega-hint-tip{font-size:10.5px;color:var(--w35);letter-spacing:.02em;display:inline-flex;gap:6px;align-items:center}
.mega-hint-tip kbd{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:5px;border:1px solid var(--w08);background:rgba(255,255,255,.04);font-size:10px;color:var(--w65);font-family:var(--ff);font-weight:600}
.mega-cat{grid-column:1/-1;display:flex;align-items:center;gap:10px;padding:14px 4px 6px;font-size:10.5px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--w50)}
.mega-cat:first-child{padding-top:4px}
.mega-cat .ln{flex:1;height:1px;background:linear-gradient(90deg, var(--w12), transparent)}
.mega-cat .ix{color:var(--champ);font-weight:600;letter-spacing:.04em;font-size:10px;padding:2px 8px;border-radius:999px;border:1px solid var(--g25);background:rgba(205,177,127,.06)}
.mega-link{overflow:hidden}
.mega-link::before{content:"";position:absolute;inset:0;border-radius:14px;pointer-events:none;background:linear-gradient(135deg, transparent 0%, transparent 60%, rgba(205,177,127,.10) 100%);opacity:0;transition:opacity .25s var(--ease)}
.mega-link:hover::before, .mega-link:focus-visible::before{opacity:1}
.mega-link .mega-arrow{position:absolute;right:12px;top:14px;width:22px;height:22px;border-radius:7px;display:grid;place-items:center;border:1px solid var(--w08);background:rgba(255,255,255,.04);color:var(--w50);font-size:10px;opacity:0;transform:translateX(-4px);transition:all .22s var(--ease)}
.mega-link:hover .mega-arrow, .mega-link:focus-visible .mega-arrow{opacity:1;transform:translateX(0);color:var(--champ);border-color:var(--g25);background:rgba(205,177,127,.08)}
.mega-link:focus-visible{outline:none;border-color:var(--champ);box-shadow:0 0 0 3px rgba(205,177,127,.18), 0 14px 28px rgba(0,0,0,.22)}
.mega-link.is-active{border-color:var(--champ);background:radial-gradient(220px 100px at 0% 0%, rgba(205,177,127,.14), transparent 58%), linear-gradient(180deg, var(--w08), var(--w05));box-shadow:0 0 0 2px rgba(205,177,127,.18), 0 14px 28px rgba(0,0,0,.22)}
.mega-link mark{background:linear-gradient(180deg, transparent 55%, rgba(205,177,127,.32) 55%);color:inherit;padding:0;border-radius:2px}
.mega-empty{display:none;padding:36px 18px;text-align:center;color:var(--w50);font-size:13px}
.mega-empty i{display:block;font-size:22px;color:var(--champ);margin-bottom:10px}
.mega-empty b{display:block;color:#fff;font-weight:600;margin-bottom:4px}
.mega-empty.show{display:block}
.h-menu > li.is-open .mega-link{animation:megaIn .35s var(--ease) backwards}
.h-menu > li.is-open .mega-link:nth-child(2){animation-delay:.02s}
.h-menu > li.is-open .mega-link:nth-child(3){animation-delay:.04s}
.h-menu > li.is-open .mega-link:nth-child(4){animation-delay:.06s}
.h-menu > li.is-open .mega-link:nth-child(5){animation-delay:.08s}
.h-menu > li.is-open .mega-link:nth-child(6){animation-delay:.10s}
.h-menu > li.is-open .mega-link:nth-child(7){animation-delay:.12s}
.h-menu > li.is-open .mega-link:nth-child(8){animation-delay:.14s}
.h-menu > li.is-open .mega-link:nth-child(9){animation-delay:.16s}
.h-menu > li.is-open .mega-link:nth-child(10){animation-delay:.18s}
.h-menu > li.is-open .mega-link:nth-child(11){animation-delay:.20s}
.h-menu > li.is-open .mega-link:nth-child(12){animation-delay:.22s}
@keyframes megaIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){
.mega{width:calc(100vw - 24px)}
.mega-inner{grid-template-columns:1fr;max-height:calc(100vh - var(--mega-top, 140px) - 24px);overflow:auto}
.mega-r{order:-1}
.metrics{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
.mega-grid{grid-template-columns:1fr}
.mega-search-wrap .kbd-hint{display:none}
.mega-cat{padding:10px 2px 4px}
}
/* Reading progress */
.read-line{position:absolute;left:0;right:0;bottom:-1px;height:4px;background:var(--w08);display:none}
.read-line .progress{height:100%;width:0;background:linear-gradient(90deg,var(--champ),var(--champ-2),var(--champ-deep));box-shadow:0 0 14px var(--g40);border-radius:0 3px 3px 0}
/* ═══════════════════════════════════════════════════════════════════════
HAMBURGUER + SUPER MENU MOBILE (luxury, full features)
═══════════════════════════════════════════════════════════════════════ */
.hamb{display:none;width:46px;height:46px;border-radius:14px;border:1px solid var(--w12);background:var(--w05);align-items:center;justify-content:center;color:var(--champ);font-size:18px;backdrop-filter:blur(8px);transition:all .25s var(--ease)}
.hamb:active{transform:scale(.94);background:var(--w08);border-color:var(--g25)}
.m-menu{
position:fixed;inset:0;z-index:100;
background:linear-gradient(180deg, var(--ink) 0%, var(--ink-1) 50%, var(--ink) 100%);
transform:translateX(100%);
transition:transform .55s cubic-bezier(.16,1,.3,1);
overflow-y:auto;overflow-x:hidden;
-webkit-overflow-scrolling:touch;
visibility:hidden;
}
.m-menu.open{transform:translateX(0);visibility:visible}
.m-menu-bg{
position:fixed;inset:0;z-index:0;pointer-events:none;
background:
radial-gradient(ellipse 100% 50% at 50% 0%, rgba(205,177,127,.10), transparent 60%),
radial-gradient(ellipse 80% 40% at 50% 100%, rgba(205,177,127,.06), transparent 70%),
radial-gradient(ellipse 60% 30% at 0% 50%, rgba(205,177,127,.04), transparent 60%);
}
.m-menu-bg::after{
content:'';position:absolute;inset:0;opacity:.04;mix-blend-mode:overlay;
background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .8 0 0 0 0 .7 0 0 0 0 .5 0 0 0 .6 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
.m-menu-inner{
position:relative;z-index:1;
display:flex;flex-direction:column;gap:30px;
padding:0 22px 48px;
min-height:100%;
}
.m-top{
display:flex;align-items:center;justify-content:space-between;
padding:18px 22px;margin:0 -22px;
background:rgba(15,15,14,.88);
backdrop-filter:blur(20px) saturate(1.1);
-webkit-backdrop-filter:blur(20px) saturate(1.1);
border-bottom:1px solid var(--w08);
position:sticky;top:0;z-index:10;
}
.m-logo img{height:52px;width:auto;filter:drop-shadow(0 6px 18px rgba(0,0,0,.45))}
.m-close{
width:46px;height:46px;border-radius:50%;
border:1px solid var(--w12);background:var(--w05);
display:flex;align-items:center;justify-content:center;
color:var(--champ);font-size:18px;
transition:all .35s var(--ease);
}
.m-close:active{background:linear-gradient(135deg,var(--g25),var(--g10));border-color:var(--champ);transform:rotate(90deg) scale(.95)}
.m-search-wrap{position:relative}
.m-search-wrap > i{
position:absolute;left:18px;top:50%;transform:translateY(-50%);
color:var(--champ);font-size:15px;pointer-events:none;
}
.m-search-wrap input{
width:100%;height:54px;
padding:0 18px 0 48px;border-radius:16px;
border:1px solid var(--w12);
background:radial-gradient(280px 100px at 0% 0%, rgba(205,177,127,.10), transparent 60%), rgba(0,0,0,.30);
color:#fff;font-family:var(--ff);font-size:15px;
outline:none;box-shadow:inset 0 1px 0 var(--w03);
transition:all .3s var(--ease);
}
.m-search-wrap input::placeholder{color:var(--w35)}
.m-search-wrap input:focus{border-color:var(--g40);box-shadow:0 0 0 3px var(--g15), inset 0 1px 0 var(--w03)}
/* ── Busca inteligente — painel de resultados (site inteiro) ── */
/* Quando há busca ativa, esconde o resto do drawer pra focar nos resultados */
.m-menu-inner.m-searching > .m-cta-prime,
.m-menu-inner.m-searching > .m-section,
.m-menu-inner.m-searching > .m-social,
.m-menu-inner.m-searching > .m-foot{ display:none !important; }
.m-sr{ display:flex;flex-direction:column;gap:12px; }
.m-sr-head{
display:flex;align-items:baseline;justify-content:space-between;gap:12px;
padding:2px 4px;
}
.m-sr-count{ font-size:12px;font-weight:600;letter-spacing:.04em;color:var(--w50); }
.m-sr-count b{ color:var(--champ);font-weight:800;font-variant-numeric:tabular-nums; }
.m-sr-hint{ font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--w35); }
.m-sr-list{ display:flex;flex-direction:column;gap:8px; }
.m-sr-item{
display:flex;align-items:center;gap:13px;
padding:13px 14px;border-radius:15px;
border:1px solid var(--w08);
background:linear-gradient(180deg, var(--w05) 0%, var(--w03) 100%);
position:relative;overflow:hidden;
transition:border-color .25s var(--ease), transform .25s var(--ease), background .25s var(--ease);
animation:mSrIn .42s cubic-bezier(.16,1,.3,1) backwards;
animation-delay:calc(var(--i, 0) * 32ms);
}
.m-sr-item::before{
content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);
width:3px;height:0;border-radius:0 3px 3px 0;background:var(--champ);
transition:height .3s var(--ease);
}
.m-sr-item:hover,.m-sr-item:active{
border-color:var(--g40);transform:translateX(2px);
background:radial-gradient(220px 90px at 0% 0%, rgba(205,177,127,.12), transparent 60%), var(--w05);
}
.m-sr-item:hover::before,.m-sr-item:active::before{ height:58%; }
.m-sr-ico{
flex-shrink:0;width:40px;height:40px;border-radius:11px;
background:linear-gradient(135deg, var(--g25), var(--g10));
border:1px solid var(--g25);
display:grid;place-items:center;color:var(--champ);font-size:14px;
}
.m-sr-body{ flex:1;min-width:0;display:flex;flex-direction:column;gap:2px; }
.m-sr-title{
color:#fff;font-size:14px;font-weight:600;letter-spacing:-.005em;line-height:1.3;
white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.m-sr-desc{
color:var(--w50);font-size:11.5px;line-height:1.4;
white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.m-sr-title mark,.m-sr-desc mark{
background:linear-gradient(180deg, transparent 62%, rgba(205,177,127,.42) 62%);
color:inherit;padding:0 1px;border-radius:2px;
}
.m-sr-kind{
flex-shrink:0;font-size:8.5px;font-weight:700;letter-spacing:.10em;text-transform:uppercase;
color:var(--champ-2);padding:4px 8px;border-radius:999px;
border:1px solid var(--g25);background:var(--g05);white-space:nowrap;
}
.m-sr-go{ flex-shrink:0;font-size:11px;color:var(--champ);opacity:.6; }
.m-sr-empty{
display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;
padding:40px 24px;border-radius:16px;
border:1px dashed var(--w12);background:var(--w03);
}
.m-sr-empty i{ font-size:26px;color:var(--g40); }
.m-sr-empty strong{ font-size:14.5px;font-weight:700;color:#fff;letter-spacing:-.005em; }
.m-sr-empty span{ font-size:12.5px;color:var(--w50);line-height:1.5;max-width:240px; }
@keyframes mSrIn{ from{opacity:0;transform:translateY(10px)} to{opacity:1;transform:translateY(0)} }
@media (max-width:380px){ .m-sr-kind{ display:none; } }
.m-cta-prime{
display:flex;align-items:center;gap:14px;
padding:18px 20px;border-radius:18px;
background:radial-gradient(180px 80px at 0% 0%, rgba(255,255,255,.22), transparent 58%), linear-gradient(135deg, var(--champ-3), var(--champ) 50%, var(--champ-deep) 100%);
color:var(--ink) !important;
box-shadow:0 18px 40px rgba(205,177,127,.30), inset 0 1px 0 rgba(255,255,255,.32);
transition:all .25s var(--ease);
border:1px solid var(--g25);
}
.m-cta-prime:active{transform:scale(.98);box-shadow:0 10px 24px rgba(205,177,127,.40), inset 0 1px 0 rgba(255,255,255,.32)}
.m-cta-prime > i:first-child{font-size:26px;flex-shrink:0}
.m-cta-prime-txt{flex:1;display:flex;flex-direction:column;gap:2px}
.m-cta-prime strong{font-size:15px;font-weight:700;letter-spacing:-.005em;line-height:1.2}
.m-cta-prime em{font-style:normal;font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;opacity:.72}
.m-arrow{font-size:13px;flex-shrink:0}
.m-section-head{
display:flex;align-items:center;justify-content:space-between;
margin-bottom:14px;padding:0 4px;
}
.m-caption{
font-size:10.5px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;
color:var(--champ);display:inline-flex;align-items:center;gap:12px;
}
.m-caption::before{content:'';width:20px;height:1px;background:var(--champ)}
.m-count{
font-size:11px;font-weight:600;color:var(--stone);
padding:4px 10px;border-radius:999px;
border:1px solid var(--w08);background:var(--w03);
font-variant-numeric:tabular-nums;
}
.m-nav-list{display:flex;flex-direction:column;gap:4px}
.m-nav-list li a{
display:flex;align-items:center;gap:14px;
padding:16px 18px;border-radius:14px;
border:1px solid transparent;background:transparent;
color:#fff !important;font-size:15.5px;font-weight:500;letter-spacing:-.005em;
transition:all .3s var(--ease);position:relative;overflow:hidden;
}
.m-nav-list li a::before{
content:'';position:absolute;left:0;top:50%;
width:3px;height:0;background:var(--champ);
transform:translateY(-50%);transition:height .35s var(--ease);
border-radius:0 3px 3px 0;
}
.m-nav-list li a:active{
background:linear-gradient(90deg, var(--w08), var(--w03));
border-color:var(--w08);padding-left:24px;
}
.m-nav-list li a:active::before{height:60%}
.m-nav-dot{
width:6px;height:6px;border-radius:50%;background:var(--champ);opacity:.5;
transition:all .3s var(--ease);flex-shrink:0;
}
.m-nav-list li a:active .m-nav-dot{opacity:1;transform:scale(1.5);box-shadow:0 0 12px var(--champ)}
.m-nav-list li a > i:last-child{
margin-left:auto;font-size:12px;color:var(--champ);
opacity:0;transform:translateX(-8px);transition:all .3s var(--ease);
}
.m-nav-list li a:active > i:last-child{opacity:1;transform:translateX(0)}
.m-areas{display:flex;flex-direction:column;gap:8px}
.m-area{
display:flex;align-items:flex-start;gap:14px;
padding:15px 16px;border-radius:14px;
border:1px solid var(--w08);
background:linear-gradient(180deg, var(--w05) 0%, var(--w03) 100%);
transition:all .3s var(--ease);position:relative;overflow:hidden;
}
.m-area::before{
content:'';position:absolute;inset:0;
background:radial-gradient(220px 100px at 0% 0%, rgba(205,177,127,.10), transparent 60%);
opacity:0;transition:opacity .3s var(--ease);
}
.m-area:active{border-color:var(--g25);transform:scale(.985)}
.m-area:active::before{opacity:1}
.m-area-ico{
flex-shrink:0;width:42px;height:42px;border-radius:12px;
background:linear-gradient(135deg, var(--g25), var(--g10));
border:1px solid var(--g25);
display:grid;place-items:center;
color:var(--champ);font-size:15px;
position:relative;z-index:1;
}
.m-area-text{flex:1;min-width:0;position:relative;z-index:1}
.m-area-text strong{display:block;color:#fff;font-size:14.5px;font-weight:600;letter-spacing:-.005em;margin-bottom:3px;line-height:1.3}
.m-area-text em{font-style:normal;color:var(--w50);font-size:12px;line-height:1.45;display:block}
.m-areas-empty{
display:none;padding:18px 20px;border-radius:14px;
border:1px dashed var(--w12);background:var(--w03);
text-align:center;color:var(--w50);font-size:13.5px;
}
.m-quick{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.m-qpill{
display:flex;align-items:center;gap:10px;
padding:14px 14px;border-radius:14px;
border:1px solid var(--w08);background:var(--w03);
color:var(--w80) !important;font-size:12.5px;font-weight:500;
transition:all .3s var(--ease);
}
.m-qpill i{color:var(--champ);font-size:14px;flex-shrink:0}
.m-qpill:active{background:var(--w08);border-color:var(--g25);transform:scale(.97)}
.m-contact{display:flex;flex-direction:column;gap:8px}
.m-contact-item{
display:flex;align-items:center;gap:14px;
padding:14px 16px;border-radius:14px;
background:var(--w03);border:1px solid var(--w08);
}
.m-contact-ico{
flex-shrink:0;width:40px;height:40px;border-radius:11px;
background:linear-gradient(135deg, var(--g25), var(--g05));
border:1px solid var(--g25);
display:grid;place-items:center;
color:var(--champ);font-size:14px;
}
.m-contact-body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.m-contact-label{font-size:9.5px;font-weight:600;letter-spacing:.20em;text-transform:uppercase;color:var(--stone)}
.m-contact-body strong{font-size:13.5px;font-weight:500;color:#fff;line-height:1.4;letter-spacing:-.005em}
.m-social{display:flex;gap:10px;justify-content:center;padding:8px 0}
.m-soc{
width:48px;height:48px;border-radius:999px;
border:1.5px solid rgba(205,177,127,.55);
background:radial-gradient(120px 60px at 50% 0%, rgba(205,177,127,.10), transparent 60%), var(--w05);
display:grid;place-items:center;
color:var(--champ);font-size:16px;
box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 4px 14px rgba(0,0,0,.18);
transition:all .3s var(--ease);
}
.m-soc:hover{border-color:var(--champ);color:#fff;transform:translateY(-2px)}
.m-soc:active{background:linear-gradient(135deg, var(--g25), var(--g10));border-color:var(--champ);transform:scale(.92)}
.m-foot{text-align:center;padding-top:18px;margin-top:auto}
.m-foot-line{width:36px;height:1px;background:var(--champ);margin:0 auto 16px;opacity:.7}
.m-foot-text{font-size:11px;font-weight:500;color:var(--w50);letter-spacing:.08em;line-height:1.7}
.m-foot-text em{font-style:normal;color:var(--champ-2);font-weight:600}
.m-menu.open .m-search-wrap,
.m-menu.open .m-cta-prime,
.m-menu.open .m-section,
.m-menu.open .m-social,
.m-menu.open .m-foot{
animation:mFadeUp .55s var(--ease-out) backwards;
}
.m-menu.open .m-search-wrap{animation-delay:.10s}
.m-menu.open .m-cta-prime{animation-delay:.16s}
.m-menu.open .m-section:nth-of-type(1){animation-delay:.22s}
.m-menu.open .m-section:nth-of-type(2){animation-delay:.28s}
.m-menu.open .m-section:nth-of-type(3){animation-delay:.34s}
.m-menu.open .m-section:nth-of-type(4){animation-delay:.40s}
.m-menu.open .m-social{animation-delay:.46s}
.m-menu.open .m-foot{animation-delay:.52s}
@keyframes mFadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.m-menu::-webkit-scrollbar{width:6px}
.m-menu::-webkit-scrollbar-thumb{background:var(--g25);border-radius:6px}
@media(max-width:980px){
.h-nav, .cta-wrap{display:none}
.hamb{display:inline-flex}
.mainbar-inner{grid-template-columns:auto auto;justify-content:space-between}
.topbar{display:none}
.meta .pill:not(:first-child){display:none}
.top-actions .soc-group{display:none}
.h-logo img{height:62px}
.header.is-scrolled .h-logo img{height:62px}
/* Tablet: avoid 2-col bento with cramped text */
.reach-map-frame{padding:18px 12px;aspect-ratio:1/1}
.reach-stats{grid-template-columns:1fr 1fr}
.ed-secondary{gap:14px}
.editorial-head{gap:24px}
.ed-meta{text-align:left}
}
/* ═══════════════════════════════════════════════════════════════════════
HERO
═══════════════════════════════════════════════════════════════════════ */
.hero{position:relative;min-height:100vh;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;z-index:5}
.hero-video{position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse 80% 60% at 50% 40%, #1A1A18 0%, #0A0A09 100%)}
.hero-video video{width:100%;height:100%;object-fit:cover;filter:contrast(1.04) saturate(1.08) brightness(.92);opacity:0;transition:opacity .8s var(--ease-out)}
.hero-video video.is-ready{opacity:1}
.hero-video::before{
content:'';position:absolute;inset:0;z-index:2;pointer-events:none;
background:
radial-gradient(ellipse 80% 60% at 74% 24%, rgba(205,177,127,.10), transparent 60%),
linear-gradient(90deg, rgba(15,15,14,.86) 0%, rgba(15,15,14,.54) 36%, rgba(15,15,14,.18) 58%, transparent 78%),
linear-gradient(180deg, rgba(15,15,14,.18) 0%, rgba(15,15,14,.05) 24%, rgba(15,15,14,.16) 50%, rgba(15,15,14,.60) 74%, rgba(15,15,14,.94) 100%);
}
.hero-video::after{
content:'';position:absolute;inset:0;z-index:3;pointer-events:none;opacity:.30;
background-image:linear-gradient(rgba(205,177,127,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(205,177,127,.05) 1px, transparent 1px);
background-size:80px 80px;
mask-image:radial-gradient(ellipse 90% 80% at 50% 50%,#000 30%,transparent 85%);
-webkit-mask-image:radial-gradient(ellipse 90% 80% at 50% 50%,#000 30%,transparent 85%);
}
.hero-content{position:relative;z-index:5;width:100%;padding-bottom:56px;padding-top:170px}
/* Hero mark (Capítulo) + CTA + trust line — visíveis no mobile */
.hero-mark, .hero-cta, .hero-trust{display:none}
.hero-eyebrow{margin-bottom:28px;text-shadow:0 1px 8px rgba(0,0,0,.5)}
.hero-title{margin-bottom:22px;max-width:30ch;font-size:55px;line-height:1.03;letter-spacing:-.03em;text-shadow:0 2px 30px rgba(0,0,0,.72), 0 1px 4px rgba(0,0,0,.55)}
.hero-sub{max-width:620px;font-size:clamp(16px,1.4vw,21px);line-height:1.6;color:#fff;font-weight:400;margin-bottom:36px;text-shadow:0 1px 12px rgba(0,0,0,.62)}
.hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap}
.hero-chips{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.hchip{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:var(--r-pill);border:1px solid var(--w20);background:rgba(15,15,14,.45);font-size:12.5px;font-weight:500;color:var(--w80);backdrop-filter:blur(10px);text-shadow:0 1px 4px rgba(0,0,0,.3)}
.hchip i{color:var(--champ);font-size:11px}
.hchip strong{color:#fff;font-weight:600}
.hero-scroll{display:inline-flex;align-items:center;gap:12px;font-size:11px;font-weight:500;color:var(--w65);letter-spacing:.18em;text-transform:uppercase;text-shadow:0 1px 4px rgba(0,0,0,.4)}
.hero-scroll-line{width:36px;height:1px;background:linear-gradient(90deg,var(--champ),transparent);position:relative;overflow:hidden}
.hero-scroll-line::after{content:'';position:absolute;left:-30%;top:0;width:30%;height:100%;background:var(--champ);animation:scrollDot 2.2s var(--ease) infinite}
@keyframes scrollDot{0%{left:-30%}100%{left:100%}}
/* Selos integrated in hero */
.hero-awards{
margin-top:48px;padding-top:28px;border-top:1px solid var(--w12);
display:flex;align-items:center;gap:28px;flex-wrap:wrap;
}
.ha-label, .ha-source{font-size:10.5px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;text-shadow:0 1px 4px rgba(0,0,0,.4)}
.ha-label{color:var(--w65)}
.ha-source{color:var(--champ);display:inline-flex;align-items:center;gap:10px}
.ha-source::before{content:'';width:18px;height:1px;background:var(--champ)}
.ha-strip{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.ha-strip img{height:64px;width:auto;filter:grayscale(.2) brightness(1.05) drop-shadow(0 6px 18px rgba(0,0,0,.55));opacity:.92;transition:all .3s var(--ease)}
.ha-strip img:hover{filter:none;opacity:1;transform:translateY(-2px)}
.ha-divider{display:inline-block;width:1px;height:44px;background:linear-gradient(180deg, transparent, rgba(205,177,127,.55) 20%, rgba(232,210,168,.7) 50%, rgba(205,177,127,.55) 80%, transparent);margin:0 6px}
.ha-strip img.ha-exin{height:72px}
/* HERO — adaptação para telas de notebook (altura ≤ 820px) */
@media (max-height: 820px) and (min-width: 1101px){
.hero{min-height:760px}
.hero-content{padding-top:130px;padding-bottom:40px}
.hero-eyebrow{margin-bottom:18px}
.hero-title{margin-bottom:16px}
.hero-sub{margin-bottom:24px;font-size:clamp(14px,1vw,16px)}
.hero-trust{margin-bottom:18px}
.hero-bottom{margin-top:10px}
.hero-awards{margin-top:28px;padding-top:18px;gap:20px}
.ha-strip img{height:50px}
.ha-strip img.ha-exin{height:58px}
.ha-divider{height:34px}
}
/* HERO — telas muito baixas (≤ 720px de altura) */
@media (max-height: 720px) and (min-width: 1101px){
.hero{min-height:680px}
.hero-content{padding-top:110px;padding-bottom:32px}
.hero-title{font-size:55px !important;line-height:1.05}
.hero-sub{margin-bottom:20px}
.hero-awards{margin-top:22px;padding-top:14px}
.ha-strip img{height:44px}
.ha-strip img.ha-exin{height:52px}
}
/* ═══════════════════════════════════════════════════════════════════════
CLIENTES (logo abaixo do hero, cream bg)
═══════════════════════════════════════════════════════════════════════ */
.clients-hero{padding:72px 0;position:relative;overflow:hidden}
/* Camada 1: Mesh gradient — radiais quentes nos cantos criando depth */
.clients-hero::before{
content:'';position:absolute;inset:0;pointer-events:none;z-index:0;
background:
radial-gradient(ellipse 42% 55% at 12% 22%, rgba(205,177,127,.16), transparent 62%),
radial-gradient(ellipse 38% 50% at 88% 78%, rgba(176,147,92,.13), transparent 65%),
radial-gradient(ellipse 34% 42% at 72% 18%, rgba(232,210,168,.10), transparent 65%),
radial-gradient(ellipse 30% 38% at 28% 88%, rgba(127,103,64,.09), transparent 65%);
}
/* Camada 2: Grain noise tátil (multiply pra dar textura de papel) */
.clients-hero::after{
content:'';position:absolute;inset:0;pointer-events:none;z-index:0;
background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 240 240' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .50 0 0 0 0 .40 0 0 0 0 .25 0 0 0 .45 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
opacity:.55;mix-blend-mode:multiply;
}
.ch-head{text-align:center;max-width:560px;margin:0 auto 32px;position:relative;z-index:2}
.ch-head .eyebrow{justify-content:center;margin-bottom:12px}
.ch-head h2{margin-top:0;font-size:clamp(18px,1.8vw,23px);line-height:1.28;letter-spacing:-.015em}
.ch-head .lead{margin-top:10px;font-size:14px;max-width:460px;margin-left:auto;margin-right:auto;line-height:1.55}
.ch-frame{position:relative;z-index:2;margin:0 -16px}
/* padding vertical no marquee dá espaço pras sombras dos cards não serem cortadas */
.ch-marquee{position:relative;margin:0 -16px;padding:32px 0;overflow:hidden;mask-image:linear-gradient(90deg, transparent 0%, #000 10%, #000 90%, transparent 100%);-webkit-mask-image:linear-gradient(90deg, transparent 0%, #000 10%, #000 90%, transparent 100%)}
.ch-track{display:flex;gap:20px;width:max-content;animation:chScroll 70s linear infinite;align-items:center}
.ch-track.ch-track-rev{animation:chScrollRev 70s linear infinite}
@keyframes chScroll{to{transform:translateX(-50%)}}
@keyframes chScrollRev{from{transform:translateX(-50%)}to{transform:translateX(0)}}
/* Pausa o desfile ao passar o mouse — deixa o visitante ler um logo */
.ch-marquee:hover .ch-track{animation-play-state:paused}
/* Acessibilidade: respeita "reduzir movimento" do sistema operacional */
@media (prefers-reduced-motion: reduce){
.ch-track, .ch-track.ch-track-rev{animation:none}
}
/* Mobile dual-row marquee */
.ch-marquee-mobile{display:none}
.ch-row{position:relative;overflow:hidden;mask-image:linear-gradient(90deg, transparent 0%, #000 8%, #000 92%, transparent 100%);-webkit-mask-image:linear-gradient(90deg, transparent 0%, #000 8%, #000 92%, transparent 100%)}
.ch-card{
flex-shrink:0;width:240px;height:140px;
background:#FFFFFF;border:none;border-radius:16px;
display:flex;align-items:center;justify-content:center;padding:14px 20px;
overflow:hidden;
box-shadow:
0 16px 36px rgba(0,0,0,.10),
0 6px 14px rgba(127,103,64,.08),
inset 0 1px 0 rgba(255,255,255,1);
transition:all .35s var(--ease);position:relative;
}
.ch-card:hover{transform:translateY(-6px);box-shadow:0 28px 56px rgba(0,0,0,.18), 0 10px 22px rgba(127,103,64,.16), inset 0 1px 0 rgba(255,255,255,1)}
.ch-card img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transform:scale(1.35);transition:transform .35s var(--ease)}
.ch-card:hover img{transform:scale(1.4)}
.ch-foot{
margin-top:56px;text-align:center;font-size:14px;color:var(--graphite);font-weight:500;
display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;
}
.ch-foot::before, .ch-foot::after{content:'';flex:0 1 60px;height:1px;background:var(--warm-line)}
.ch-foot strong{color:var(--ink);font-weight:600}
/* ═══════════════════════════════════════════════════════════════════════
MANIFESTO
═══════════════════════════════════════════════════════════════════════ */
.manifesto{padding:170px 0 150px;background:var(--ink-2);position:relative;overflow:hidden}
.manifesto::before{content:'';position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse 50% 50% at 80% 20%, rgba(205,177,127,.10), transparent 60%), radial-gradient(ellipse 40% 40% at 10% 80%, rgba(205,177,127,.05), transparent 60%)}
/* Giant ghost numeral watermark — "Capítulo I" */
.manifesto-ghost{
position:absolute;top:50%;left:50%;
transform:translate(-50%,-50%);
font-size:clamp(280px,42vw,640px);
font-weight:800;letter-spacing:-.06em;
line-height:.8;
color:transparent;
-webkit-text-stroke:1px rgba(205,177,127,.07);
font-variant-numeric:tabular-nums;
z-index:0;pointer-events:none;
user-select:none;
white-space:nowrap;
}
/* Particles dedicadas — interagem com o scroll */
.manifesto-particles{
position:absolute;inset:0;z-index:1;pointer-events:none;
--mf-prog:0;
/* Container global: translada e expande conforme o progresso */
transform:translate3d(0, calc(var(--mf-prog) * -40px), 0) scale(calc(1 + var(--mf-prog) * 0.06));
opacity:calc(.35 + var(--mf-prog) * .55);
transition:transform .25s linear, opacity .35s linear;
}
.mf-dot{
position:absolute;width:3px;height:3px;border-radius:50%;
background:var(--champ);box-shadow:0 0 10px var(--champ);
/* Float animation + parallax per dot */
animation:mfFloat var(--mfDur,14s) ease-in-out infinite;
animation-delay:var(--mfDelay,0s);
/* Per-dot parallax: deeper dots move more */
translate:
calc(var(--mf-prog) * var(--mfPX, 30px))
calc(var(--mf-prog) * var(--mfPY, -80px));
scale:calc(.6 + var(--mf-prog) * var(--mfPS, .9));
opacity:calc(.25 + var(--mf-prog) * .75);
transition:translate .3s linear, scale .3s linear, opacity .3s linear;
will-change:transform, translate;
}
@keyframes mfFloat{
0%,100%{transform:translate(0,0)}
50% {transform:translate(var(--mfX,20px),var(--mfY,-30px))}
}
.manifesto .container{position:relative;z-index:2}
/* HEAD da seção (novo) */
.manifesto-head{
text-align:center;max-width:680px;margin:0 auto 80px;
position:relative;z-index:3;
}
.manifesto-head .eyebrow{justify-content:center;margin-bottom:18px}
.manifesto-head h2{margin-top:14px;font-size:clamp(22px,2.4vw,30px);color:var(--w50);font-weight:500;letter-spacing:-.01em}
.manifesto-head h2 em{font-style:normal;color:#fff;font-weight:600}
.manifesto-grid{
display:grid;grid-template-columns:1.05fr 1px .95fr;gap:64px;align-items:start;
position:relative;z-index:3;
}
/* Linha divisória vertical com dot que segue o scroll */
.manifesto-divider{
position:relative;width:1px;align-self:stretch;
background:linear-gradient(180deg, transparent 0%, var(--g25) 12%, var(--g25) 88%, transparent 100%);
--mf-prog:0;
}
/* Trail luminoso percorrido (do topo até o dot) */
.manifesto-divider::after{
content:'';position:absolute;left:50%;top:0;width:2px;
height:calc(30% + 50% * var(--mf-prog));
transform:translateX(-50%);
background:linear-gradient(180deg, transparent 0%, rgba(232,210,168,.45) 60%, var(--champ) 100%);
box-shadow:0 0 14px rgba(205,177,127,.4);
border-radius:2px;
transition:height .15s linear;
pointer-events:none;
}
.manifesto-divider::before{
content:'';position:absolute;left:50%;
top:calc(30% + 50% * var(--mf-prog));
width:11px;height:11px;border-radius:50%;
background:var(--champ);
transform:translate(-50%,-50%);
box-shadow:0 0 18px var(--champ), 0 0 0 4px rgba(205,177,127,.10);
animation:mfPulse 3s ease-in-out infinite;
transition:top .15s linear;
}
@keyframes mfPulse{
0%,100%{box-shadow:0 0 18px var(--champ), 0 0 0 4px rgba(205,177,127,.10)}
50% {box-shadow:0 0 28px var(--champ), 0 0 0 8px rgba(205,177,127,.16)}
}
.manifesto-quote{position:relative;font-size:clamp(24px,2.6vw,38px);line-height:1.28;font-weight:500;color:#fff;letter-spacing:-.018em;padding-top:14px} /* feedback 2026-06: desce a coluna esquerda p/ alinhar com a direita */
.manifesto-quote::before{
content:'';display:block;width:56px;height:56px;
background:linear-gradient(135deg,var(--champ-3),var(--champ),var(--champ-deep));
mask-image:url("data:image/svg+xml;utf8,");
-webkit-mask-image:url("data:image/svg+xml;utf8,");
mask-size:contain;-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;
margin-bottom:32px;
filter:drop-shadow(0 4px 14px rgba(205,177,127,.25));
}
.manifesto-quote em{font-style:normal;color:var(--champ);position:relative}
.manifesto-quote em::after{
content:'';position:absolute;left:0;right:0;bottom:-3px;height:2px;
background:linear-gradient(90deg, transparent, var(--champ) 15%, var(--champ) 85%, transparent);
opacity:.45;
}
/* Body com parágrafos numerados */
.manifesto-body{padding-top:8px}
.manifesto-p{
position:relative;padding-left:54px;
font-size:16px;line-height:1.78;color:var(--linen);
margin-bottom:24px;
}
.manifesto-p::before{
content:attr(data-num);
position:absolute;left:0;top:4px;
font-size:11px;font-weight:700;
color:var(--champ);
letter-spacing:.18em;
font-variant-numeric:tabular-nums;
}
.manifesto-p::after{
content:'';position:absolute;left:24px;top:12px;
width:20px;height:1px;background:var(--champ);opacity:.45;
}
.manifesto-p strong{color:#fff;font-weight:500}
/* Signature redesenhada com range de anos */
.manifesto-sig{
margin-top:40px;padding-top:24px;
border-top:1px solid var(--w08);
display:flex;align-items:center;justify-content:space-between;gap:14px;
flex-wrap:wrap;
}
.manifesto-sig-l{display:flex;align-items:center;gap:14px;font-size:10.5px;font-weight:600;color:var(--stone);letter-spacing:.20em;text-transform:uppercase}
.manifesto-sig-l::before{content:'';display:block;width:32px;height:1px;background:var(--champ)}
.manifesto-sig-year{
display:inline-flex;align-items:center;gap:8px;
font-size:11px;font-weight:600;letter-spacing:.14em;
color:var(--champ);font-variant-numeric:tabular-nums;
}
.manifesto-sig-year span{color:var(--stone);opacity:.6}
/* Monograma CLR stamp no canto */
.manifesto-stamp{
position:absolute;bottom:48px;right:48px;z-index:3;
display:flex;align-items:center;gap:10px;
opacity:.45;transition:opacity .4s var(--ease);
}
.manifesto-stamp:hover{opacity:.9}
.manifesto-stamp-mark{
width:36px;height:36px;border-radius:50%;
border:1px solid var(--g40);
display:grid;place-items:center;
background:radial-gradient(circle at 30% 25%, var(--ink-4), var(--ink-2) 60%);
position:relative;
}
.manifesto-stamp-mark::before{
content:'';position:absolute;inset:-4px;border-radius:50%;
border:1px dashed var(--g25);
animation:mfStampSpin 32s linear infinite;
}
@keyframes mfStampSpin{to{transform:rotate(360deg)}}
.manifesto-stamp-mark img{width:18px;height:18px;object-fit:contain;filter:drop-shadow(0 2px 6px var(--g25))}
.manifesto-stamp-txt{
font-size:9px;font-weight:600;letter-spacing:.30em;text-transform:uppercase;color:var(--champ);line-height:1.3;
}
.manifesto-stamp-txt span{display:block;color:var(--stone);font-weight:500;letter-spacing:.18em}
@media(max-width:1100px){
.manifesto-grid{grid-template-columns:1fr;gap:40px}
.manifesto-divider{display:none}
.manifesto-stamp{bottom:24px;right:24px}
.manifesto-ghost{font-size:clamp(160px,40vw,320px)}
}
/* ═══════════════════════════════════════════════════════════════════════
ÁREAS — BENTO
═══════════════════════════════════════════════════════════════════════ */
.areas-section{padding:clamp(80px,9vw,140px) 0;background:linear-gradient(180deg, var(--cream) 0%, var(--cream-2) 100%);position:relative;overflow:hidden}
.areas-head{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:end;margin-bottom:56px}
.areas-head h2{margin-top:18px}
.areas-intro{max-width:52ch}
/* ─────────────────────────────────────────────────────────────────────────
ÁREAS · cards (bento)
Grade flex que SEMPRE preenche a última linha: os cards da linha incompleta
esticam para ocupar a largura total (flex-grow) — nunca sobra célula vazia,
nunca centraliza, em qualquer quantidade de áreas. Colunas via --bento-cols.
A imagem tem ALTURA FIXA, então o card esticado fica mais largo, não mais alto:
todas as linhas mantêm a mesma altura.
───────────────────────────────────────────────────────────────────────── */
.bento{--bento-cols:3;--bento-gap:24px;display:flex;flex-wrap:wrap;gap:var(--bento-gap);align-items:stretch}
.bento-card{
flex:1 1 calc((100% - (var(--bento-cols) - 1) * var(--bento-gap)) / var(--bento-cols) - 1px);
min-width:0;
position:relative;display:flex;flex-direction:column;
background:var(--pure);border:1px solid var(--i08);border-radius:var(--r-lg);
overflow:hidden;text-decoration:none;color:inherit;cursor:pointer;
box-shadow:var(--sh-light);
transition:transform .55s var(--ease-out), border-color .45s var(--ease), box-shadow .55s var(--ease);
}
/* anel dourado interno que aparece no hover (substitui a borda) */
.bento-card::after{
content:'';position:absolute;inset:0;z-index:4;pointer-events:none;border-radius:inherit;
box-shadow:inset 0 0 0 1.5px var(--g40);opacity:0;transition:opacity .45s var(--ease);
}
.bento-card:hover{transform:translateY(-7px);border-color:transparent;box-shadow:var(--sh-light-hover), var(--sh-gold)}
.bento-card:hover::after{opacity:1}
/* imagem — altura fixa (mantém linhas uniformes mesmo quando o card estica) */
.bento-card .bc-img{position:relative;overflow:hidden;height:clamp(184px, 16vw, 208px)}
.bento-card .bc-img img{
width:100%;height:100%;object-fit:cover;display:block;
filter:saturate(.97) contrast(1.04);
transition:transform .9s var(--ease-out), filter .6s var(--ease);
}
.bento-card:hover .bc-img img{transform:scale(1.06);filter:saturate(1.06) contrast(1.05)}
/* leve escurecida no topo (legibilidade do chip) + hairline dourada na base */
.bento-card .bc-img::before{
content:'';position:absolute;inset:0;z-index:1;pointer-events:none;
background:linear-gradient(180deg, rgba(15,15,14,.34) 0%, rgba(15,15,14,0) 32%, rgba(15,15,14,0) 78%, rgba(15,15,14,.10) 100%);
}
.bento-card .bc-img::after{
content:'';position:absolute;inset:0;z-index:2;pointer-events:none;
box-shadow:inset 0 -1px 0 var(--g25);
}
/* chip de categoria sobre a imagem */
.bento-card .bc-cat{
position:absolute;top:14px;left:14px;z-index:3;
display:inline-flex;align-items:center;gap:7px;
padding:7px 13px 7px 11px;border-radius:var(--r-pill);
font-size:10px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;line-height:1;
color:var(--champ-3);
background:rgba(15,15,14,.46);border:1px solid rgba(232,210,168,.22);
-webkit-backdrop-filter:blur(10px) saturate(1.2);backdrop-filter:blur(10px) saturate(1.2);
box-shadow:0 6px 18px rgba(0,0,0,.22);
}
.bento-card .bc-cat::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--champ);box-shadow:0 0 0 3px var(--g25)}
/* corpo */
.bento-card .bc-body{padding:22px 24px 20px;flex:1;display:flex;flex-direction:column;gap:9px}
.bento-card .bc-body h3{
font-size:19px;font-weight:700;color:var(--ink);line-height:1.26;letter-spacing:-.015em;text-wrap:balance;
display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
transition:color .35s var(--ease);
}
.bento-card:hover .bc-body h3{color:var(--champ-darker)}
.bento-card .bc-body p{
font-size:13.5px;color:var(--i55);line-height:1.62;text-wrap:pretty;
display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
/* rodapé: CTA "Conhecer área" + seta */
.bento-card .bc-foot{margin-top:auto;padding-top:15px;border-top:1px solid var(--i08);display:flex;align-items:center;justify-content:space-between;gap:12px}
.bento-card .bc-cta{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--stone);transition:color .3s var(--ease)}
.bento-card:hover .bc-cta{color:var(--champ-darker)}
.bento-card .bc-arrow{
width:34px;height:34px;flex:0 0 auto;border-radius:50%;
border:1px solid var(--i15);background:var(--g05);color:var(--champ-darker);
display:flex;align-items:center;justify-content:center;
transition:transform .35s var(--ease), background .35s var(--ease), color .35s var(--ease), border-color .35s var(--ease);
}
.bento-card:hover .bc-arrow{background:linear-gradient(135deg, var(--champ-darker), var(--champ));color:#fff;border-color:transparent;transform:translateX(3px)}
/* legado desativado */
.bc-topics, .bento .bc-topics{display:none}
/* ═══════════════════════════════════════════════════════════════════════
SÓCIAS (beige soft, depois de Áreas)
═══════════════════════════════════════════════════════════════════════ */
.partners-section{padding:140px 0;position:relative;overflow:hidden}
.partners-section::before{
content:'';position:absolute;inset:0;pointer-events:none;
background-image:url("../uploads/texturas/bg-marble.jpg");
background-size:cover;background-position:center;
opacity:.32;mix-blend-mode:multiply;
}
.partners-section::after{
content:'';position:absolute;inset:0;pointer-events:none;
background:
radial-gradient(ellipse 50% 40% at 15% 20%, rgba(205,177,127,.18), transparent 65%),
radial-gradient(ellipse 40% 35% at 85% 80%, rgba(176,147,92,.12), transparent 65%),
radial-gradient(circle, rgba(127,103,64,.05) 1px, transparent 1.5px) 0 0 / 40px 40px;
mask-image:linear-gradient(180deg, transparent 0%, #000 15%, #000 85%, transparent 100%);
-webkit-mask-image:linear-gradient(180deg, transparent 0%, #000 15%, #000 85%, transparent 100%);
}
.partners-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center;position:relative;z-index:3}
.partners-photo{
position:relative;border-radius:var(--r-lg);overflow:hidden;
border:1px solid rgba(127,103,64,.28);
box-shadow:
0 30px 60px rgba(0,0,0,.18),
0 12px 24px rgba(127,103,64,.10),
0 0 0 1px rgba(127,103,64,.08) inset;
aspect-ratio:1/1;
background:var(--ink-3);
}
.partners-photo img{width:100%;height:100%;object-fit:cover;object-position:center center;filter:contrast(1.04) saturate(1.04);transition:transform 1.2s var(--ease-out)}
.partners-photo:hover img{transform:scale(1.03)}
/* corner brackets sutis na foto principal */
.partners-photo::before{
content:'';position:absolute;top:14px;left:14px;width:24px;height:24px;z-index:3;
border-top:1px solid var(--champ-darker);border-left:1px solid var(--champ-darker);
opacity:.6;
}
.partners-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(15,15,14,.4) 100%);pointer-events:none}
.partners-photo .ph-tag{position:absolute;left:20px;bottom:20px;z-index:2;font-size:10.5px;font-weight:600;color:#fff;letter-spacing:.20em;text-transform:uppercase;display:flex;align-items:center;gap:10px;text-shadow:0 1px 4px rgba(0,0,0,.5)}
.partners-photo .ph-tag::before{content:'';width:18px;height:1px;background:var(--champ)}
.partners-text .eyebrow{margin-bottom:22px}
.partners-text h2{margin-bottom:24px}
.partners-text .lead{margin-bottom:24px}
.p-quote{margin:28px 0;padding:20px 0 20px 26px;border-left:2px solid var(--champ-darker);font-size:18px;line-height:1.5;color:var(--champ-darker);font-weight:500;font-style:italic}
.partners-bios{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:64px;position:relative;z-index:3}
.p-bio{
background:rgba(255,255,255,.55);backdrop-filter:blur(6px);
border:1px solid var(--warm-line);border-radius:18px;overflow:hidden;
display:flex;flex-direction:row;
transition:all .4s var(--ease);
}
.p-bio:hover{transform:translateY(-3px);box-shadow:0 22px 44px rgba(0,0,0,.08);border-color:var(--champ-darker)}
/* feedback 2026-06: foto retrato à esquerda + texto ao lado — ocupa bem menos altura na tela (era foto no topo, aspect 4/3.2) */
.p-bio-photo{position:relative;flex:0 0 210px;align-self:stretch;min-height:264px;overflow:hidden;background:var(--ink-3)}
.p-bio-photo img{width:100%;height:100%;object-fit:cover;object-position:center top;filter:grayscale(.15) contrast(1.02);transition:transform 1s var(--ease-out)}
.p-bio:hover .p-bio-photo img{transform:scale(1.04)}
.p-bio-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(15,15,14,.25) 100%);pointer-events:none}
.p-bio-body{padding:24px 24px 26px;display:flex;flex-direction:column;gap:10px;flex:1}
.p-bio-name{font-size:21px;font-weight:600;color:var(--ink);letter-spacing:-.012em;line-height:1.2}
.p-bio-oab{
display:inline-flex;align-items:center;gap:10px;
font-size:10.5px;font-weight:600;color:var(--champ-darker);
letter-spacing:.18em;text-transform:uppercase;
}
.p-bio-oab::before{content:'';width:18px;height:1px;background:var(--champ-darker)}
.p-bio-role{font-size:11px;font-weight:600;color:var(--graphite);letter-spacing:.14em;text-transform:uppercase;padding-top:4px}
.p-bio-text{font-size:14px;color:var(--graphite);line-height:1.6;margin-top:4px;padding-top:14px;border-top:1px solid var(--warm-line)}
.p-bio-linkedin{margin-top:14px;display:inline-flex;align-items:center;gap:9px;align-self:flex-start;padding:9px 16px;border-radius:999px;border:1px solid rgba(127,103,64,.28);background:linear-gradient(135deg, #FFFFFF, #F4EFE5);color:var(--ink) !important;font-size:12px;font-weight:600;letter-spacing:.04em;box-shadow:0 2px 6px rgba(127,103,64,.10);transition:all .3s var(--ease)}
.p-bio-linkedin i{color:var(--champ-darker);font-size:13px}
.p-bio-linkedin:hover{background:linear-gradient(135deg, var(--champ-3), var(--champ-deep));border-color:var(--champ-deep);color:#fff !important;transform:translateY(-1px);box-shadow:0 6px 14px rgba(127,103,64,.22)}
.p-bio-linkedin:hover i{color:#fff}
.partners-gallery{display:none}
/* ═══════════════════════════════════════════════════════════════════════
PRÁTICAS EM DESTAQUE (grid compacto horizontal)
═══════════════════════════════════════════════════════════════════════ */
.practice-section{padding:120px 0;background:var(--ink);position:relative;overflow:hidden}
.practice-head{text-align:center;max-width:780px;margin:0 auto 56px;position:relative;z-index:2}
.practice-head .eyebrow{justify-content:center;margin-bottom:18px}
.practice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;position:relative;z-index:2}
.pr-card{
background:linear-gradient(180deg, var(--w05) 0%, var(--w03) 100%);
border:1px solid var(--w08);
border-radius:var(--r-lg);overflow:hidden;
display:flex;flex-direction:column;
transition:all .4s var(--ease);
}
.pr-card:hover{transform:translateY(-4px);border-color:var(--g25);box-shadow:0 22px 44px rgba(0,0,0,.35)}
.pr-card-img{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--ink-3)}
.pr-card-img img, .pr-card-img video{
width:100%;height:100%;object-fit:cover;
filter:brightness(.88) contrast(1.06) saturate(.95);
transition:transform .8s var(--ease-out), filter .6s;
pointer-events:none;display:block;
}
.pr-card:hover .pr-card-img img,
.pr-card:hover .pr-card-img video{transform:scale(1.04);filter:brightness(1) contrast(1.1) saturate(1)}
.pr-card-img::before{
/* loading fallback gradient atrás do vídeo */
content:'';position:absolute;inset:0;z-index:0;
background:radial-gradient(ellipse 70% 60% at 50% 50%, var(--g15), var(--ink-3));
}
.pr-card-img video{position:relative;z-index:1}
.pr-card-img::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(15,15,14,.55) 100%);pointer-events:none}
.pr-card-num{position:absolute;top:14px;left:14px;z-index:2;font-size:10.5px;font-weight:600;color:var(--champ);letter-spacing:.20em;text-transform:uppercase;padding:6px 10px;border-radius:999px;border:1px solid var(--g25);background:rgba(15,15,14,.55);backdrop-filter:blur(8px)}
.pr-card-body{padding:24px 24px 26px;display:flex;flex-direction:column;gap:12px;flex:1}
.pr-card-body h3{font-size:20px;font-weight:600;color:#fff;line-height:1.22;letter-spacing:-.015em}
.pr-card-body h3 em{color:var(--champ);font-style:normal}
.pr-lead{font-size:13.5px;line-height:1.55;color:var(--w65)}
.pr-card-list{margin-top:auto;padding-top:16px;border-top:1px solid var(--w08);display:flex;flex-direction:column;gap:9px}
.pr-card-list li{display:flex;gap:10px;font-size:12.5px;color:var(--w80);line-height:1.5}
.pr-card-list .pl-num{font-size:10px;font-weight:600;color:var(--champ);letter-spacing:.18em;flex-shrink:0;min-width:22px;padding-top:2px}
.pr-card-list .pl-text strong{color:#fff;font-weight:600}
/* ═══════════════════════════════════════════════════════════════════════
METODOLOGIA (REDESENHO TECH/MODERNO)
═══════════════════════════════════════════════════════════════════════ */
.method-section{padding:clamp(80px,9vw,140px) 0;position:relative;overflow:hidden;background:linear-gradient(180deg, var(--cream) 0%, var(--cream-2) 100%);border-top:1px solid var(--i05);border-bottom:1px solid var(--i05)}
.method-bg-grid{position:absolute;inset:0;opacity:.5;pointer-events:none;background-image:linear-gradient(rgba(205,177,127,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(205,177,127,.05) 1px, transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 90% 70% at 50% 50%, #000 30%, transparent 85%);-webkit-mask-image:radial-gradient(ellipse 90% 70% at 50% 50%, #000 30%, transparent 85%)}
.method-bg-dots{position:absolute;inset:0;opacity:.35;pointer-events:none;background-image:radial-gradient(circle, var(--g25) 1px, transparent 1.5px);background-size:32px 32px;mask-image:linear-gradient(180deg, transparent 0%, #000 20%, #000 80%, transparent 100%);-webkit-mask-image:linear-gradient(180deg, transparent 0%, #000 20%, #000 80%, transparent 100%)}
.method-corner{position:absolute;width:64px;height:64px;border:1px solid var(--g25);pointer-events:none;opacity:.6}
.method-corner.tl{top:48px;left:48px;border-right:0;border-bottom:0}
.method-corner.tr{top:48px;right:48px;border-left:0;border-bottom:0}
.method-corner.bl{bottom:48px;left:48px;border-right:0;border-top:0}
.method-corner.br{bottom:48px;right:48px;border-left:0;border-top:0}
.method-head{text-align:center;max-width:780px;margin:0 auto 60px;position:relative;z-index:2}
.method-head .eyebrow{justify-content:center;margin-bottom:22px}
.method-head .lead{margin-top:20px;max-width:620px;margin-left:auto;margin-right:auto}
.method-flow{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:80px;z-index:2}
.method-path-svg{position:absolute;top:-20px;left:8%;right:8%;width:84%;height:80px;pointer-events:none;z-index:1;opacity:.6}
.m-card{
position:relative;padding:32px 26px 26px;border-radius:var(--r-xl);
background:var(--pure);
border:1px solid var(--i08);
transition:all .45s var(--ease);z-index:2;overflow:hidden;
box-shadow:var(--sh-light);
}
.m-card::before{content:'';position:absolute;inset:0;border-radius:var(--r-xl);background:radial-gradient(360px 200px at 50% 0%, rgba(205,177,127,.10), transparent 65%);opacity:.6;pointer-events:none}
.m-card::after{content:'';position:absolute;top:0;left:18%;right:18%;height:2px;background:linear-gradient(90deg, transparent, var(--g40) 20%, var(--champ) 50%, var(--g40) 80%, transparent);border-radius:0 0 999px 999px;opacity:.7;transition:all .4s var(--ease);box-shadow:0 0 14px rgba(205,177,127,.2)}
.m-card:hover{transform:translateY(-8px);background:var(--pure);border-color:var(--g40);box-shadow:var(--sh-light-hover)}
.m-card:hover::after{opacity:1;left:8%;right:8%;height:3px;background:linear-gradient(90deg, transparent, var(--champ-3) 15%, var(--champ) 50%, var(--champ-3) 85%, transparent);box-shadow:0 0 22px var(--champ)}
.m-num-ghost{position:absolute;top:8px;right:18px;font-size:84px;font-weight:700;line-height:1;letter-spacing:-.045em;font-variant-numeric:tabular-nums;pointer-events:none;-webkit-text-stroke:0;background:linear-gradient(160deg, rgba(205,177,127,.16) 0%, rgba(205,177,127,.05) 60%, rgba(205,177,127,.02) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:.85}
.m-icon-frame{
width:52px;height:52px;border-radius:14px;
background:linear-gradient(135deg, var(--g25) 0%, var(--g05) 100%);
border:1px solid var(--g25);
display:flex;align-items:center;justify-content:center;
color:var(--champ-darker);font-size:20px;margin-bottom:24px;
box-shadow:0 8px 20px rgba(205,177,127,.18), inset 0 1px 0 rgba(255,255,255,.08);
position:relative;
}
.m-icon-frame::after{content:'';position:absolute;inset:-4px;border:1px dashed var(--g25);border-radius:18px;opacity:0;transition:opacity .4s}
.m-card:hover .m-icon-frame::after{opacity:.6;animation:rotate 20s linear infinite}
@keyframes rotate{to{transform:rotate(360deg)}}
.m-step{font-size:10.5px;font-weight:600;color:var(--champ);letter-spacing:.22em;text-transform:uppercase;margin-bottom:8px}
.m-title{font-size:22px;font-weight:600;color:var(--ink);line-height:1.2;letter-spacing:-.012em;margin-bottom:12px}
.m-desc{font-size:13.5px;color:var(--i55);line-height:1.55;margin-bottom:20px}
.m-num-ghost{opacity:.5}
.m-list{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}
.m-list li{display:flex;align-items:flex-start;gap:10px;font-size:12.5px;color:var(--w80);line-height:1.4}
.m-list li i{flex-shrink:0;width:16px;height:16px;border-radius:50%;background:var(--g25);color:var(--champ);display:flex;align-items:center;justify-content:center;font-size:8px;margin-top:2px}
.m-meta{padding-top:16px;border-top:1px solid var(--w08);display:flex;justify-content:space-between;align-items:center;gap:10px}
.m-meta-label{font-size:10px;font-weight:600;color:var(--stone);letter-spacing:.18em;text-transform:uppercase}
.m-meta-value{font-size:13px;color:#fff;font-weight:600;display:flex;align-items:center;gap:6px}
.m-meta-value i{color:var(--champ);font-size:10px}
/* ═══════════════════════════════════════════════════════════════════════
ATENDIMENTO NACIONAL (Reach)
═══════════════════════════════════════════════════════════════════════ */
.reach-section{padding:130px 0;position:relative;overflow:hidden;background:radial-gradient(ellipse 80% 60% at 50% 30%, rgba(205,177,127,.07), transparent 60%), linear-gradient(180deg, var(--ink) 0%, var(--ink-2) 50%, var(--ink) 100%)}
.reach-bg-grid{position:absolute;inset:0;opacity:.4;pointer-events:none;background-image:linear-gradient(rgba(205,177,127,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(205,177,127,.04) 1px, transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse 90% 70% at 50% 50%, #000 30%, transparent 85%);-webkit-mask-image:radial-gradient(ellipse 90% 70% at 50% 50%, #000 30%, transparent 85%)}
.reach-bg-aurora{position:absolute;inset:0;opacity:.45;pointer-events:none;background:radial-gradient(ellipse 50% 40% at 50% 55%, rgba(205,177,127,.14), transparent 70%), radial-gradient(ellipse 30% 25% at 20% 30%, rgba(205,177,127,.06), transparent 70%)}
.reach-head{text-align:center;max-width:740px;margin:0 auto 56px;position:relative;z-index:2}
.reach-head .eyebrow{justify-content:center;margin-bottom:18px}
.reach-head h2{margin-top:14px}
.reach-head .lead{margin-top:18px;max-width:560px;margin-left:auto;margin-right:auto;font-size:15px}
.reach-map-frame{
position:relative;width:100%;max-width:1100px;margin:0 auto;
aspect-ratio:5/3;padding:40px 56px;z-index:2;
background:radial-gradient(ellipse 65% 55% at 50% 50%, rgba(205,177,127,.05), transparent 75%);
}
.reach-map-frame::before, .reach-map-frame::after{
content:'';position:absolute;width:36px;height:36px;
border-color:var(--champ);border-style:solid;border-width:0;opacity:.5;
transition:all .5s var(--ease);
}
.reach-map-frame::before{top:16px;left:16px;border-top-width:1px;border-left-width:1px}
.reach-map-frame::after{bottom:16px;right:16px;border-bottom-width:1px;border-right-width:1px}
.reach-map-frame:hover::before, .reach-map-frame:hover::after{width:48px;height:48px;opacity:.95}
.reach-svg{width:100%;height:100%;display:block;overflow:visible;position:relative;z-index:2}
/* ── Reach atmospheric architectural image (integra com bg) ── */
.reach-atmos{
position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;
}
.reach-atmos::before{
content:'';position:absolute;inset:0;
background-image:url("../uploads/texturas/bg-maps.jpg");
background-size:cover;background-position:center left;
filter:brightness(.5) contrast(1.05) saturate(.7) sepia(.15) hue-rotate(-6deg);
/* Reveal only on the left half, fade to nothing at center */
mask-image:linear-gradient(90deg, #000 0%, rgba(0,0,0,.85) 18%, rgba(0,0,0,.55) 35%, rgba(0,0,0,.25) 50%, transparent 70%);
-webkit-mask-image:linear-gradient(90deg, #000 0%, rgba(0,0,0,.85) 18%, rgba(0,0,0,.55) 35%, rgba(0,0,0,.25) 50%, transparent 70%);
transform:scale(1.04);will-change:transform;
}
/* Warm gold multiply wash unifies the photo with section palette */
.reach-atmos::after{
content:'';position:absolute;inset:0;
background:
/* Vertical fades blend with section top/bottom */
linear-gradient(180deg, var(--ink) 0%, transparent 22%, transparent 78%, var(--ink) 100%),
/* Gold tint on the dark photo */
linear-gradient(135deg, rgba(127,103,64,.18) 0%, transparent 60%),
/* Push edges further into ink */
radial-gradient(ellipse 90% 60% at 0% 50%, transparent 35%, rgba(15,15,14,.45) 100%);
mask-image:linear-gradient(90deg, #000 0%, #000 60%, transparent 75%);
-webkit-mask-image:linear-gradient(90deg, #000 0%, #000 60%, transparent 75%);
}
.reach-svg{position:relative;z-index:2}
.reach-section{position:relative}
.reach-section .reach-bg-grid, .reach-section .reach-bg-aurora{z-index:0}
.reach-section > .container{position:relative;z-index:3}
.map-dot{fill:rgba(205,177,127,.18)}
.arc{stroke-linecap:round}
.arc-1{animation:arcDash 5s linear infinite}
.arc-2{animation:arcDash 6s linear infinite}
.arc-3{animation:arcDash 5.5s linear infinite}
.arc-4{animation:arcDash 6.5s linear infinite}
.arc-5{animation:arcDash 5.2s linear infinite}
@keyframes arcDash{from{stroke-dashoffset:0}to{stroke-dashoffset:-120}}
.reach-label-text{
font-family:'Inter',sans-serif;font-size:11px;font-weight:600;
fill:#fff;letter-spacing:.26em;
}
.reach-origin-name{
font-family:'Inter',sans-serif;font-size:14px;font-weight:700;
fill:#fff;letter-spacing:.22em;
}
.reach-origin-sub{
font-family:'Inter',sans-serif;font-size:9.5px;font-weight:600;
fill:#CDB17F;letter-spacing:.3em;
}
.reach-stats{
margin:64px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;
max-width:1100px;position:relative;z-index:2;
}
.rs-item{padding:20px;border-radius:var(--r-lg);background:var(--w03);border:1px solid var(--w08);display:flex;align-items:center;gap:14px;transition:all .35s var(--ease);backdrop-filter:blur(6px)}
.rs-item:hover{background:var(--w05);border-color:var(--g25);transform:translateY(-3px)}
.rs-icon{flex-shrink:0;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--g25),var(--g05));border:1px solid var(--g25);display:flex;align-items:center;justify-content:center;color:var(--champ);font-size:16px}
.rs-label{font-size:9.5px;font-weight:600;color:var(--stone);letter-spacing:.18em;text-transform:uppercase;margin-bottom:3px}
.rs-value{font-size:13.5px;font-weight:600;color:#fff;line-height:1.35}
/* ═══════════════════════════════════════════════════════════════════════
EDITORIAL (marble)
═══════════════════════════════════════════════════════════════════════ */
.editorial-section{padding:160px 0;position:relative;overflow:hidden}
.editorial-head{display:grid;grid-template-columns:1fr auto;gap:48px;align-items:end;margin-bottom:56px}
.ed-meta{display:flex;flex-direction:column;gap:6px;text-align:right;font-size:13px;color:var(--graphite)}
.ed-issue{font-size:11px;font-weight:600;color:var(--champ-darker);letter-spacing:.20em;text-transform:uppercase}
.ed-date{font-size:14px;color:var(--graphite)}
.ed-grid{display:flex;flex-direction:column;gap:32px}
/* FEATURED: imagem grande à esquerda + texto à direita, ambos full-height */
.ed-featured{
display:grid;grid-template-columns:1.35fr 1fr;
background:var(--pearl);border-radius:var(--r-lg);overflow:hidden;
border:1px solid #DDD8D3;cursor:pointer;
transition:all .4s var(--ease-out);
}
.ed-featured:hover{transform:translateY(-4px);box-shadow:0 30px 60px rgba(0,0,0,.12)}
.ed-featured-img{position:relative;overflow:hidden;background:var(--ink-3);min-height:380px;aspect-ratio:auto}
.ed-featured-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease-out);filter:contrast(1.04) saturate(.96)}
.ed-featured:hover .ed-featured-img img{transform:scale(1.03)}
.ed-featured-body{padding:40px 42px;display:flex;flex-direction:column;justify-content:center;gap:18px}
.ed-tags{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.ed-tag{font-size:10.5px;font-weight:600;color:var(--champ-darker);letter-spacing:.18em;text-transform:uppercase;padding:5px 10px;border-radius:999px;background:rgba(205,177,127,.14);border:1px solid rgba(205,177,127,.22)}
.ed-tag.gray{color:var(--graphite);background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.08)}
.ed-featured-body h3{font-size:clamp(22px,2.1vw,32px);font-weight:600;line-height:1.18;color:var(--ink);letter-spacing:-.02em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ed-featured-body p{font-size:15px;line-height:1.6;color:var(--graphite);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ed-byline{margin-top:auto;padding-top:18px;border-top:1px solid #D5CFC8;display:flex;justify-content:space-between;align-items:center;font-size:11.5px;font-weight:500;color:var(--graphite)}
.ed-byline .read{display:flex;align-items:center;gap:8px;color:var(--champ-darker);font-weight:600}
/* SECONDARY: 4 cards lado-a-lado, cada um com imagem 16:9 no topo + corpo embaixo */
.ed-secondary{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.ed-card{
background:var(--pearl);border-radius:var(--r-md);overflow:hidden;
border:1px solid #DDD8D3;
display:flex;flex-direction:column;
cursor:pointer;transition:all .35s var(--ease-out);
}
.ed-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(0,0,0,.10)}
.ed-card-img{aspect-ratio:16/10;width:100%;overflow:hidden;background:var(--ink-3)}
.ed-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease-out);filter:contrast(1.04) saturate(.94)}
.ed-card:hover .ed-card-img img{transform:scale(1.05)}
.ed-card-body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:10px;flex:1}
.ed-card-body h4{font-size:15px;font-weight:600;line-height:1.3;color:var(--ink);letter-spacing:-.012em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ed-card-meta{font-size:10.5px;font-weight:500;color:var(--graphite);letter-spacing:.12em;display:flex;gap:8px;align-items:center;margin-top:auto;padding-top:10px;border-top:1px solid #E5DFD7}
/* ═══════════════════════════════════════════════════════════════════════
FAQ (Redesigned — innovative)
═══════════════════════════════════════════════════════════════════════ */
/* ── FAQ — Editorial cream theme ── */
.faq-section{
padding:200px 0;position:relative;overflow:hidden;isolation:isolate;color:var(--ink);
margin-top:-2px;
background:
/* gold spotlight pushed down so it doesn't bleed into the top edge */
radial-gradient(ellipse 55% 28% at 50% 45%, rgba(232,210,168,.30) 0%, transparent 70%),
/* warm pool near bottom */
radial-gradient(ellipse 60% 25% at 50% 100%, #E6DDC9 0%, transparent 60%),
/* MAIN: HOLD marble color, then transition deep into cream */
linear-gradient(180deg,
#EBEAE9 0%,
#EBEAE9 10%,
#ECEAE3 16%,
#EFEADB 24%,
#F2EDDE 34%,
#F4EFE5 48%,
#F2EDDF 70%,
#EDE5D2 88%,
#E8DFC8 100%
);
}
/* Bleed marble color upward into the section above to eliminate any seam */
.editorial-section.section--marble{position:relative}
.editorial-section.section--marble::after{
content:'';position:absolute;left:0;right:0;bottom:-1px;height:1px;background:#EBEAE9;
}
/* Marble paper texture layer — fades in from top to hide seam */
.faq-bg{
position:absolute;inset:0;z-index:0;pointer-events:none;
background-image:url("../uploads/texturas/bg-marble.jpg");
background-size:cover;background-position:center;
opacity:.22;mix-blend-mode:multiply;
will-change:transform;
mask-image:linear-gradient(180deg, transparent 0%, #000 18%, #000 88%, transparent 100%);
-webkit-mask-image:linear-gradient(180deg, transparent 0%, #000 18%, #000 88%, transparent 100%);
}
/* Champagne dust + gold rays — fades in from top */
.faq-fog{position:absolute;inset:0;z-index:0;pointer-events:none;
background:
radial-gradient(circle at 20% 40%, rgba(205,177,127,.18), transparent 35%),
radial-gradient(circle at 80% 70%, rgba(176,147,92,.14), transparent 40%),
radial-gradient(circle at 50% 55%, rgba(232,210,168,.10), transparent 55%);
mask-image:linear-gradient(180deg, transparent 0%, #000 22%, #000 100%);
-webkit-mask-image:linear-gradient(180deg, transparent 0%, #000 22%, #000 100%);
}
/* Fine dot grain — editorial paper feel, fades in below the seam */
.faq-grain{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.45;
background-image:radial-gradient(circle, rgba(127,103,64,.07) 1px, transparent 1.4px);
background-size:24px 24px;
mask-image:linear-gradient(180deg, transparent 0%, #000 22%, #000 90%, transparent 100%);
-webkit-mask-image:linear-gradient(180deg, transparent 0%, #000 22%, #000 90%, transparent 100%);
}
/* Decorative architectural corner ornaments */
.faq-section .corner{position:absolute;width:120px;height:120px;border:1px solid rgba(127,103,64,.28);pointer-events:none;z-index:2}
.faq-section .corner.tl{top:60px;left:48px;border-right:0;border-bottom:0;border-top-left-radius:8px}
.faq-section .corner.tr{top:60px;right:48px;border-left:0;border-bottom:0;border-top-right-radius:8px}
.faq-section .corner.bl{bottom:60px;left:48px;border-right:0;border-top:0;border-bottom-left-radius:8px}
.faq-section .corner.br{bottom:60px;right:48px;border-left:0;border-top:0;border-bottom-right-radius:8px}
.faq-section .corner::before{content:'';position:absolute;width:6px;height:6px;border-radius:50%;background:var(--champ-darker);box-shadow:0 0 0 4px rgba(127,103,64,.12)}
.faq-section .corner.tl::before{top:-3px;left:-3px}
.faq-section .corner.tr::before{top:-3px;right:-3px}
.faq-section .corner.bl::before{bottom:-3px;left:-3px}
.faq-section .corner.br::before{bottom:-3px;right:-3px}
.faq-section > .container{position:relative;z-index:3}
/* Stamp ornament near the title */
.faq-head{position:relative}
.faq-stamp{
position:absolute;top:-44px;left:50%;transform:translateX(-50%);
display:inline-flex;align-items:center;gap:10px;
padding:8px 16px;border-radius:999px;
background:rgba(255,255,255,.55);
border:1px solid rgba(127,103,64,.22);
font-size:10.5px;font-weight:700;color:var(--champ-darker);
letter-spacing:.22em;text-transform:uppercase;
backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
box-shadow:0 4px 12px rgba(127,103,64,.10);
}
.faq-stamp i{font-size:10px}
.faq-stamp .dot{width:6px;height:6px;border-radius:50%;background:var(--champ-darker);animation:faqStampPulse 2.4s ease-in-out infinite}
@keyframes faqStampPulse{0%,100%{box-shadow:0 0 0 0 rgba(127,103,64,.5)}50%{box-shadow:0 0 0 6px rgba(127,103,64,0)}}
.faq-head{text-align:center;max-width:680px;margin:0 auto 64px;position:relative;z-index:2;padding-top:24px}
.faq-head .eyebrow{justify-content:center;margin-bottom:22px;color:var(--champ-darker)}
.faq-head .eyebrow::before, .faq-head .eyebrow::after{background:var(--champ-darker)}
.faq-head h2{color:var(--ink)}
.faq-head h2 em{color:var(--champ-darker);font-style:normal;position:relative}
.faq-head h2 em::after{content:'';position:absolute;left:0;right:0;bottom:-6px;height:2px;background:linear-gradient(90deg, transparent, var(--champ-darker), transparent);opacity:.5}
.faq-wrap{max-width:920px;margin:0 auto;display:flex;flex-direction:column;gap:12px;position:relative;z-index:2}
.faq-item{
position:relative;border-radius:18px;overflow:hidden;
background:linear-gradient(180deg, rgba(255,255,255,.78) 0%, rgba(252,248,239,.72) 100%);
border:1px solid rgba(127,103,64,.16);
backdrop-filter:blur(14px) saturate(1.1);-webkit-backdrop-filter:blur(14px) saturate(1.1);
box-shadow:
0 1px 0 rgba(255,255,255,.6) inset,
0 1px 0 rgba(127,103,64,.04) inset,
0 12px 28px rgba(50,40,20,.08),
0 2px 8px rgba(50,40,20,.04);
transition:all .4s var(--ease), transform .6s var(--ease-out), opacity .6s var(--ease-out);
opacity:0;transform:translateY(24px);
}
.faq-item.faq-inview{opacity:1;transform:translateY(0)}
.faq-item.faq-inview:nth-child(1){transition-delay:0s}
.faq-item.faq-inview:nth-child(2){transition-delay:.06s}
.faq-item.faq-inview:nth-child(3){transition-delay:.12s}
.faq-item.faq-inview:nth-child(4){transition-delay:.18s}
.faq-item.faq-inview:nth-child(5){transition-delay:.24s}
.faq-item.faq-inview:nth-child(6){transition-delay:.30s}
.faq-item.faq-inview:nth-child(7){transition-delay:.36s}
.faq-item.faq-inview:nth-child(8){transition-delay:.42s}
.faq-item:hover{
border-color:rgba(127,103,64,.32);
background:linear-gradient(180deg, rgba(255,255,255,.88) 0%, rgba(252,248,239,.82) 100%);
transform:translateY(-2px);
box-shadow:0 1px 0 rgba(255,255,255,.7) inset, 0 18px 36px rgba(50,40,20,.10);
}
.faq-item[open]{
border-color:rgba(127,103,64,.4);
background:
radial-gradient(500px 220px at 0% 0%, rgba(205,177,127,.16), transparent 60%),
linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(250,245,235,.92) 100%);
box-shadow:0 1px 0 rgba(255,255,255,.8) inset, 0 22px 50px rgba(50,40,20,.14);
}
/* Gold side stripe when open */
.faq-item[open]::before{
content:'';position:absolute;top:0;left:0;bottom:0;width:3px;
background:linear-gradient(180deg,var(--champ-3),var(--champ-deep),var(--champ-darker));
box-shadow:0 0 16px rgba(205,177,127,.5);
}
.faq-item summary{
list-style:none;cursor:pointer;
display:grid;grid-template-columns:auto 1fr auto;
align-items:center;gap:24px;padding:26px 28px;
}
.faq-item summary::-webkit-details-marker{display:none}
.faq-num{
display:inline-flex;align-items:center;justify-content:center;
flex-shrink:0;
width:44px;height:44px;border-radius:50%;
background:linear-gradient(135deg, #FFFFFF, #F4EFE5);
border:1px solid rgba(127,103,64,.28);
font-size:13px;font-weight:700;color:var(--champ-darker);
letter-spacing:.02em;font-variant-numeric:tabular-nums;
box-shadow:0 2px 6px rgba(127,103,64,.10), inset 0 1px 0 rgba(255,255,255,.8);
transition:all .35s var(--ease);
}
.faq-item:hover .faq-num{
background:linear-gradient(135deg, #FFF8EC, #EDE0C5);
border-color:var(--champ-darker);transform:scale(1.04);
}
.faq-item[open] .faq-num{
background:linear-gradient(135deg, var(--champ-3), var(--champ-deep));
color:#fff;border-color:var(--champ-deep);
box-shadow:0 4px 14px rgba(127,103,64,.35), inset 0 1px 0 rgba(255,255,255,.4);
}
.faq-q-wrap{display:flex;flex-direction:column;gap:7px;min-width:0}
.faq-cat{
font-size:9.5px;font-weight:700;color:var(--champ-darker);
letter-spacing:.22em;text-transform:uppercase;
display:inline-flex;align-items:center;gap:8px;
}
.faq-cat::before{content:'';width:14px;height:1px;background:var(--champ-darker)}
.faq-question{font-size:clamp(15px,1.25vw,17px);font-weight:600;color:var(--ink);line-height:1.4;letter-spacing:-.005em}
.faq-plus{
flex-shrink:0;width:40px;height:40px;border-radius:50%;
border:1px solid rgba(127,103,64,.22);
background:linear-gradient(135deg, #FFFFFF, #F8F3E7);
display:flex;align-items:center;justify-content:center;
color:var(--champ-darker);font-size:13px;
box-shadow:inset 0 1px 0 rgba(255,255,255,.8), 0 2px 6px rgba(127,103,64,.06);
transition:all .4s var(--ease);
}
.faq-item:hover .faq-plus{border-color:var(--champ-darker);background:linear-gradient(135deg, #FFF8EC, #EFE3C7)}
.faq-item[open] .faq-plus{
background:linear-gradient(135deg, var(--champ-3), var(--champ-deep));
border-color:var(--champ-deep);color:#fff;
transform:rotate(135deg);
box-shadow:0 4px 14px rgba(127,103,64,.35);
}
.faq-body{
padding:14px 32px 28px 100px;
font-size:14.5px;line-height:1.75;color:var(--graphite);
animation:faqOpen .5s var(--ease-out);
position:relative;
}
.faq-body::before{
content:'';position:absolute;top:0;left:100px;right:32px;height:1px;
background:linear-gradient(90deg, rgba(127,103,64,.32) 0%, rgba(127,103,64,.08) 60%, transparent 100%);
}
.faq-body strong{color:var(--ink);font-weight:600}
/* Responsive — hide ornamental corners on small screens */
@media(max-width:980px){
.faq-section .corner{display:none}
.faq-body{padding:14px 22px 24px 22px}
.faq-body::before{left:22px;right:22px}
.faq-item summary{padding:22px 20px;gap:16px}
.faq-stamp{position:static;transform:none;margin-bottom:16px}
}
@keyframes faqOpen{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
/* ═══════════════════════════════════════════════════════════════════════
CTA FINAL
═══════════════════════════════════════════════════════════════════════ */
.cta-section{padding:160px 0;background:var(--ink);position:relative;overflow:hidden}
.cta-section::before{
content:'';position:absolute;inset:0;z-index:0;
background-image:url("../uploads/texturas/bg-gold-wave.jpg");
background-size:cover;background-position:center bottom;
opacity:.55;mix-blend-mode:screen;
filter:contrast(1.05);
}
.cta-section::after{
content:'';position:absolute;inset:0;z-index:1;pointer-events:none;
background:radial-gradient(ellipse 60% 60% at 50% 30%, transparent 0%, rgba(15,15,14,.6) 70%, var(--ink) 100%), linear-gradient(180deg, rgba(15,15,14,.6) 0%, transparent 30%, transparent 70%, rgba(15,15,14,.4) 100%);
}
.cta-content{position:relative;z-index:3;text-align:center;max-width:880px;margin:0 auto}
.cta-content .eyebrow{justify-content:center;margin-bottom:28px}
.cta-content h2{font-size:clamp(36px,5.4vw,72px);font-weight:600;line-height:1.05;letter-spacing:-.03em;color:#fff;margin-bottom:28px}
.cta-content h2 em{font-style:normal;color:var(--champ)}
.cta-content .lead{margin:0 auto 40px;max-width:620px}
.btn-gold-lg{display:inline-flex;align-items:center;gap:14px;padding:18px 32px;border-radius:14px;background:linear-gradient(135deg,var(--champ-3),var(--champ),var(--champ-deep));color:var(--ink) !important;font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;box-shadow:inset 0 1px 0 rgba(255,255,255,.32), 0 22px 50px rgba(205,177,127,.22);transition:all .3s var(--ease);border:1px solid var(--g25)}
.btn-gold-lg:hover{transform:translateY(-3px);filter:brightness(1.04) saturate(1.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.36), 0 30px 60px rgba(205,177,127,.30)}
.cta-foot{margin-top:60px;padding-top:32px;border-top:1px solid var(--w08);display:flex;justify-content:center;gap:56px;flex-wrap:wrap}
.cta-foot-item{display:flex;flex-direction:column;gap:4px;text-align:center}
.cta-foot-item .l{font-size:10.5px;font-weight:600;color:var(--stone);letter-spacing:.20em;text-transform:uppercase}
.cta-foot-item .v{font-size:16px;font-weight:500;color:#fff}
/* ═══════════════════════════════════════════════════════════════════════
FOOTER
═══════════════════════════════════════════════════════════════════════ */
.footer{background:var(--ink);padding:72px 0 32px;border-top:1px solid var(--w05);position:relative}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:48px;margin-bottom:56px}
.footer-brand img{height:64px;margin-bottom:20px;filter:brightness(1.05)}
.footer-brand p{font-size:14px;color:var(--w65);line-height:1.6;max-width:34ch;margin-bottom:20px}
.footer-soc{display:flex;gap:10px;margin-bottom:22px}
.footer-soc a{width:38px;height:38px;border-radius:50%;display:inline-grid;place-items:center;font-size:14px;color:var(--champ-3);background:linear-gradient(135deg, var(--ink-4) 0%, var(--ink-3) 100%);border:1.5px solid rgba(205,177,127,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 8px 18px rgba(0,0,0,.22);transition:all .22s var(--ease);text-decoration:none}
.footer-soc a:hover{background:linear-gradient(135deg,var(--champ-darker),var(--champ));color:#fff;border-color:var(--champ);transform:translateY(-2px);box-shadow:0 0 0 1px rgba(205,177,127,.25), 0 14px 26px rgba(0,0,0,.26)}
.footer-brand-meta{display:flex;flex-direction:column;gap:9px;margin:0;padding:18px 0 0;border-top:1px solid var(--w05);list-style:none}
.footer-brand-meta li{display:flex;align-items:flex-start;gap:10px;font-size:12.5px;color:var(--w50);letter-spacing:.01em;line-height:1.45}
.footer-brand-meta li i{width:15px;color:var(--champ);font-size:12px;flex-shrink:0;margin-top:3px}
/* Contato reestruturado — rótulo + valor separados por linha */
.footer-contact .footer-brand-meta{border-top:none;padding-top:0;gap:14px}
.footer-contact .footer-brand-meta li b{color:var(--w80);font-weight:600;font-size:9.5px;letter-spacing:.16em;text-transform:uppercase}
.footer-contact .footer-brand-meta li span{display:block}
.footer-contact .footer-brand-meta li a{color:var(--w65);transition:color .22s}
.footer-contact .footer-brand-meta li a:hover{color:var(--champ)}
.footer-col h5{font-size:11px;font-weight:600;color:var(--champ);letter-spacing:.22em;text-transform:uppercase;margin-bottom:20px}
.footer-col ul{display:flex;flex-direction:column;gap:11px}
.footer-col ul li{font-size:14px;color:var(--w65);cursor:pointer;transition:color .25s}
.footer-col ul li:hover{color:var(--champ)}
.footer-bottom{padding-top:32px;border-top:1px solid var(--w05);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;font-size:11.5px;font-weight:500;color:var(--stone);letter-spacing:.10em}
/* ═══════════════════════════════════════════════════════════════════════
RESPONSIVO
═══════════════════════════════════════════════════════════════════════ */
@media(max-width:1100px){
.areas-head{grid-template-columns:1fr;gap:32px}
.practice-grid{grid-template-columns:1fr;gap:20px}
.partners-grid{grid-template-columns:1fr;gap:48px}
.reach-stats{grid-template-columns:1fr 1fr;gap:12px}
.reach-map-frame{padding:24px 28px;aspect-ratio:4/3}
.manifesto-grid{grid-template-columns:1fr;gap:40px}
.ed-featured{grid-template-columns:1fr}
.ed-featured-img{min-height:280px;aspect-ratio:16/9}
.ed-featured-body{padding:28px}
.ed-secondary{grid-template-columns:repeat(2,1fr);gap:14px}
.footer-grid{grid-template-columns:1fr 1fr;gap:32px}
.method-flow{grid-template-columns:1fr 1fr;gap:18px}
.method-path-svg{display:none}
.bc-6, .bc-4, .bc-3{grid-column:auto}
.bc-6 .bc-img, .bc-4 .bc-img, .bc-3 .bc-img{aspect-ratio:16/10}
.partners-gallery{grid-template-columns:repeat(3,1fr)}
.partners-bios{grid-template-columns:1fr}
}
/* ═══════════════════════════════════════════════════════════════════════
TABLET DEDICADO — 721–1100px (iPad portrait/landscape, iPad Pro)
Refinamentos para a zona onde desktop não cabe e mobile fica largo.
═══════════════════════════════════════════════════════════════════════ */
@media(max-width:1100px) and (min-width:721px){
/* Container padding intermediário — entre desktop (32) e mobile (20) */
.container, .container-wide{padding:0 28px}
/* Section padding intermediário (desktop usa 130–200, mobile 74–90) */
.areas-section, .practice-section, .method-section,
.partners-section, .editorial-section, .reach-section,
.manifesto, .cta-section{padding:108px 0}
.faq-section{padding:130px 0 140px}
.clients-hero{padding:64px 0}
/* HERO — tipografia intermediária */
.hero-content{padding-top:150px;padding-bottom:56px}
.hero-title{font-size:clamp(38px,5.6vw,52px);line-height:1.1;max-width:18ch}
.hero-sub{font-size:15.5px;line-height:1.6;max-width:540px}
.hero-awards{margin-top:36px;padding-top:22px;gap:20px}
.ha-strip img{height:54px}
.ha-strip img.ha-exin{height:60px}
.ha-divider{height:38px}
/* HEADER — nav slim entre 981 e 1100px (acima do breakpoint do hamburguer) */
.h-menu{gap:2px}
.h-menu > li > a, .h-menu > li > button{padding:9px 11px;font-size:13px}
.btn-gold{height:42px;padding:0 16px;font-size:12.5px}
.cta-icon{width:42px;height:42px}
.h-logo img{height:72px}
.mainbar-inner{gap:20px}
.pill{font-size:12px;padding:6px 11px}
.top-link{font-size:12px;padding:6px 11px}
/* CLIENTES — logo cards tamanho intermediário */
.ch-card{width:200px;height:118px;padding:12px 18px}
.ch-track{gap:16px}
.ch-head{margin-bottom:28px}
.ch-head h2{font-size:20px}
/* MARQUEE STRIP — espaçamento intermediário */
.marquee-strip{padding:24px 0}
.marquee-strip-row{gap:34px;padding-right:34px}
.ms-item{font-size:16px}
/* MANIFESTO — gap maior pra respirar em 1 coluna */
.manifesto-grid{gap:48px;max-width:680px;margin:0 auto}
.manifesto-quote{font-size:clamp(24px,3.4vw,32px);line-height:1.3}
.manifesto-stamp{bottom:28px;right:28px}
.manifesto-ghost{font-size:clamp(220px,38vw,420px)}
/* BENTO — featured (bc-6) ocupa linha inteira pra criar hierarquia;
bc-4 e bc-3 dividem em 2 colunas equilibradas. */
.bento{--bento-cols:2;--bento-gap:16px}
.bc-6, .bc-4, .bc-3{grid-column:auto}
.bc-6 .bc-img, .bc-4 .bc-img, .bc-3 .bc-img{aspect-ratio:16/10}
.bento-card .bc-body{padding:24px 24px}
.bento-card .bc-body h3{font-size:19.5px}
.bento-card .bc-body p{font-size:13px}
.bc-topics{grid-template-columns:1fr 1fr;gap:8px 16px}
/* SÓCIAS — manter foto + texto lado a lado mais tempo; bios em 2 cols */
.partners-grid{grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.partners-photo{aspect-ratio:1/1}
.partners-text .lead{font-size:15px}
.p-quote{font-size:16px;margin:22px 0;padding-left:20px}
.partners-bios{grid-template-columns:1fr;gap:18px;margin-top:48px}
.p-bio-photo{flex-basis:220px;min-height:240px}
.p-bio-body{padding:20px 22px 22px;gap:8px}
.p-bio-name{font-size:19px}
.p-bio-text{font-size:13.5px;line-height:1.6}
/* PRACTICE — 2 colunas em tablet (não 1) */
.practice-grid{grid-template-columns:1fr 1fr;gap:18px}
.pr-card-body{padding:22px 22px 24px}
.pr-card-body h3{font-size:19px}
/* METHOD — cards mais compactos em 2x2 */
.method-flow{margin-top:56px;gap:16px}
.m-card{padding:30px 22px 22px}
.m-num-ghost{font-size:72px;top:6px;right:14px}
.m-title{font-size:20px}
.m-desc{font-size:13px}
.m-list li{font-size:12.5px}
/* COBERTURA NACIONAL — mapa proporção intermediária + stats 2x2 limpo */
.reach-map-frame{aspect-ratio:16/11;padding:24px 32px;max-width:760px}
.reach-stats{grid-template-columns:1fr 1fr;gap:14px;max-width:760px}
.rs-item{padding:18px}
.reach-head{margin-bottom:44px}
/* EDITORIAL — featured horizontal mantido em tablet (mais elegante);
só vira coluna em mobile. Secondary fica 2 cols com gap melhor. */
.ed-featured{grid-template-columns:1.2fr 1fr}
.ed-featured-img{min-height:320px;aspect-ratio:auto}
.ed-featured-body{padding:30px 32px;gap:14px}
.ed-featured-body h3{font-size:clamp(20px,2.4vw,26px)}
.ed-featured-body p{font-size:14.5px;-webkit-line-clamp:2}
.ed-secondary{grid-template-columns:repeat(2,1fr);gap:16px}
.ed-card-body{padding:18px 20px 20px}
.ed-card-body h4{font-size:15px}
.editorial-head{grid-template-columns:1fr auto;gap:32px;margin-bottom:44px}
/* FAQ — largura confortável (já pega o 980px block); refinos extras */
.faq-wrap{max-width:760px}
.faq-item summary{padding:24px 24px;gap:20px}
.faq-question{font-size:16px}
.faq-body{padding:14px 28px 26px 88px;font-size:14px}
.faq-body::before{left:88px;right:28px}
/* CTA FINAL — heading intermediário */
.cta-content h2{font-size:clamp(38px,6vw,56px)}
.cta-content .lead{font-size:15.5px}
.cta-foot{gap:36px;margin-top:48px}
/* FOOTER — manter 2 cols mas com brand ocupando linha inteira em cima
fica mais limpo em tablet portrait */
.footer{padding:60px 0 30px}
.footer-grid{grid-template-columns:1.4fr 1fr 1fr;gap:32px;margin-bottom:44px}
.footer-brand p{max-width:38ch}
.footer-col h5{margin-bottom:16px}
}
/* Estreito do tablet (721–860px) — partners volta para 1 col, editorial featured também */
@media(max-width:860px) and (min-width:721px){
.partners-grid{grid-template-columns:1fr;gap:40px;max-width:520px;margin:0 auto}
.partners-photo{aspect-ratio:1/1;max-width:480px;margin:0 auto}
.partners-bios{grid-template-columns:1fr;max-width:none}
.ed-featured{grid-template-columns:1fr}
.ed-featured-img{min-height:260px;aspect-ratio:16/9}
.practice-grid{grid-template-columns:1fr;max-width:560px;margin:0 auto}
.bc-4, .bc-3{grid-column:auto}
.reach-map-frame{aspect-ratio:1/1;max-width:600px}
.footer-grid{grid-template-columns:1fr 1fr;gap:28px}
}
/* manifesto-awards is mobile-only; hidden on desktop */
.manifesto-awards{display:none}
/* ── Reach mobile (hidden on desktop) ── */
.reach-mobile{display:none;flex-direction:column;gap:18px;max-width:480px;margin:0 auto;position:relative;z-index:3}
.rm-sede{
display:flex;align-items:center;gap:16px;
padding:18px 20px;border-radius:18px;
background:radial-gradient(220px 120px at 0% 0%, rgba(205,177,127,.18), transparent 60%), linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015));
border:1px solid rgba(205,177,127,.28);
box-shadow:0 12px 28px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.06);
}
.rm-sede-dot{position:relative;flex:0 0 auto;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle, var(--champ) 0%, var(--champ-deep) 70%);box-shadow:0 0 0 6px rgba(205,177,127,.14), 0 0 22px rgba(205,177,127,.45)}
.rm-sede-dot span{position:absolute;width:46px;height:46px;border-radius:50%;border:1px solid var(--champ);animation:rmPulse 2.6s ease-out infinite}
@keyframes rmPulse{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.9);opacity:0}}
.rm-sede-body{min-width:0}
.rm-sede-label{font-size:10px;font-weight:700;color:var(--champ);letter-spacing:.22em;text-transform:uppercase;margin-bottom:2px}
.rm-sede-name{font-size:22px;font-weight:600;color:#fff;letter-spacing:-.015em;line-height:1.1}
.rm-sede-name span{color:var(--stone);font-weight:400;font-size:16px;letter-spacing:0}
.rm-sede-addr{margin-top:6px;font-size:12.5px;color:var(--linen);letter-spacing:.01em}
.rm-regions-title{display:flex;align-items:center;gap:12px;margin:6px 4px;font-size:10px;font-weight:700;color:var(--stone);letter-spacing:.22em;text-transform:uppercase;justify-content:center}
.rm-regions-title .rm-line{flex:1;height:1px;background:linear-gradient(90deg, transparent, rgba(205,177,127,.32), transparent);max-width:80px}
.rm-regions{display:flex;flex-direction:column;gap:10px}
.rm-region{
display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;
padding:14px 16px;border-radius:14px;
background:linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01));
border:1px solid rgba(205,177,127,.12);
transition:all .25s var(--ease);
}
.rm-region:active, .rm-region:hover{border-color:rgba(205,177,127,.30);background:linear-gradient(180deg, rgba(205,177,127,.05), rgba(255,255,255,.01));transform:translateY(-1px)}
.rm-r-ico{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg, rgba(205,177,127,.18), rgba(205,177,127,.06));border:1px solid rgba(205,177,127,.22);color:var(--champ);font-size:13px}
.rm-r-body{min-width:0;display:flex;flex-direction:column;gap:2px}
.rm-r-body strong{font-size:15px;font-weight:600;color:#fff;letter-spacing:-.005em}
.rm-r-body span{font-size:11.5px;color:var(--linen);letter-spacing:.02em}
.rm-r-tag{font-size:9.5px;font-weight:600;color:var(--stone);letter-spacing:.14em;text-transform:uppercase;padding:5px 9px;border-radius:999px;border:1px solid rgba(205,177,127,.16);background:rgba(0,0,0,.18);white-space:nowrap}
.rm-r-tag.rm-r-tag--strong{color:var(--champ);border-color:rgba(205,177,127,.32);background:rgba(205,177,127,.08)}
.rm-meta{
display:grid;grid-template-columns:repeat(3,1fr);gap:10px;
padding:16px 14px;margin-top:6px;
border-radius:16px;
border:1px solid rgba(205,177,127,.18);
background:radial-gradient(180px 80px at 50% 0%, rgba(205,177,127,.10), transparent 60%), linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01));
}
.rm-meta-item{text-align:center;display:flex;flex-direction:column;gap:2px}
.rm-meta-item b{font-size:24px;font-weight:300;color:#fff;letter-spacing:-.02em;line-height:1;font-variant-numeric:tabular-nums}
.rm-meta-item span{font-size:9.5px;font-weight:600;color:var(--stone);letter-spacing:.20em;text-transform:uppercase}
@media(max-width:720px){
.container, .container-wide{padding:0 20px}
.section, .manifesto, .areas-section, .practice-section, .method-section, .clients-hero, .reach-section, .partners-section, .editorial-section, .cta-section{padding:74px 0}
.faq-section{padding:84px 0 90px}
/* Heading rhythm — tighten gigantic clamp() values */
.h-xl{font-size:clamp(28px,7.6vw,38px);line-height:1.12}
.h-lg{font-size:clamp(26px,6.8vw,34px);line-height:1.14}
.h-md{font-size:clamp(22px,5.8vw,28px);line-height:1.18}
.h-sm{font-size:18px;line-height:1.25}
.lead{font-size:14.5px;line-height:1.65}
.body{font-size:14px;line-height:1.7}
.eyebrow{font-size:10.5px;letter-spacing:.20em;gap:10px}
.eyebrow::before{width:18px}
.eyebrow.center::after{width:18px}
.reach-stats{grid-template-columns:1fr;gap:10px}
.rs-item{padding:16px;gap:12px}
.rs-icon{width:38px;height:38px;font-size:14px}
.rs-value{font-size:13px}
/* Mobile: mapa SVG dentro de um card refinado com respiração nas bordas */
.reach-mobile{display:none !important}
.reach-atmos{display:none}
.reach-map-frame{
padding:24px 14px;
aspect-ratio:10/9.5;max-width:100%;margin:0;
border-radius:20px;
background:radial-gradient(ellipse 70% 60% at 50% 50%, rgba(205,177,127,.08), transparent 70%), linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));
border:1px solid rgba(205,177,127,.18);
box-shadow:0 12px 32px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.05);
overflow:hidden;
}
.reach-map-frame::before, .reach-map-frame::after{display:none}
.reach-svg{overflow:visible}
/* Fontes em unidades SVG para compensar o downscale */
.reach-label-text{font-size:19px !important;font-weight:700;letter-spacing:.16em;fill:#fff !important;filter:drop-shadow(0 1px 3px rgba(0,0,0,.85))}
.reach-origin-name{font-size:24px !important;letter-spacing:.18em;fill:#fff !important;filter:drop-shadow(0 1px 4px rgba(0,0,0,.95))}
.reach-origin-sub{font-size:14px !important;letter-spacing:.28em;fill:var(--champ) !important;filter:drop-shadow(0 0 4px rgba(0,0,0,.9))}
/* Map silhouette dots mais visíveis */
.map-dot{fill:rgba(205,177,127,.40) !important}
/* Arcos mais grossos */
.arc{stroke-width:2.2 !important;opacity:1}
/* Stats: ocultos no mobile (mapa já comunica tudo) */
.reach-stats{display:none !important}
/* HERO: esconder chips + selos */
.hero{min-height:88vh}
.hero-content{padding-top:180px;padding-bottom:110px}
/* HERO MOBILE — elementos premium */
.hero-mark{display:inline-flex;align-items:center;gap:10px;margin-bottom:18px}
.hero-mark .hm-line{width:22px;height:1px;background:var(--champ)}
.hero-mark .hm-tag{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;background:rgba(15,15,14,.55);border:1px solid rgba(205,177,127,.32);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:10px;font-weight:700;color:var(--champ);letter-spacing:.22em;text-transform:uppercase}
.hero-mark .hm-tag i{font-size:9px}
.hero-eyebrow{margin-bottom:16px;font-size:10.5px;letter-spacing:.22em}
.hero-title{font-size:32px;line-height:1.15;margin-bottom:18px;max-width:100%;letter-spacing:-.02em}
.hero-sub{font-size:14.5px;line-height:1.65;margin-bottom:24px;color:var(--w80)}
/* CTA group */
.hero-cta{display:flex;flex-direction:column;gap:12px;margin-bottom:24px;align-items:flex-start}
.hero-cta-primary{
display:inline-flex;align-items:center;justify-content:center;gap:12px;
width:100%;max-width:340px;height:56px;padding:0 22px;
background:linear-gradient(135deg, var(--champ-3), var(--champ-deep));
color:var(--ink) !important;font-size:14px;font-weight:700;letter-spacing:.02em;
border-radius:14px;
box-shadow:0 14px 32px rgba(205,177,127,.28), inset 0 1px 0 rgba(255,255,255,.32), 0 0 0 1px rgba(232,210,168,.4);
transition:transform .25s var(--ease), box-shadow .25s, filter .25s;
position:relative;overflow:hidden;
}
.hero-cta-primary::before{content:'';position:absolute;inset:0;background:linear-gradient(120deg, transparent 30%, rgba(255,255,255,.35) 50%, transparent 70%);transform:translateX(-100%);transition:transform .9s var(--ease)}
.hero-cta-primary:active{transform:translateY(1px);box-shadow:0 6px 14px rgba(205,177,127,.24)}
.hero-cta-primary:hover::before{transform:translateX(100%)}
.hero-cta-primary i:first-child{font-size:18px}
.hero-cta-primary .hcp-arr{font-size:11px;opacity:.7;margin-left:4px}
.hero-cta-secondary{
display:inline-flex;align-items:center;gap:8px;
padding:10px 0 10px 4px;
color:var(--linen) !important;font-size:12.5px;font-weight:500;letter-spacing:.04em;
position:relative;
}
.hero-cta-secondary i{color:var(--champ);font-size:11px;transition:transform .3s var(--ease)}
.hero-cta-secondary::after{content:'';position:absolute;left:4px;right:32px;bottom:6px;height:1px;background:rgba(205,177,127,.4);transform-origin:left;transition:transform .35s var(--ease)}
.hero-cta-secondary:active{color:#fff !important}
/* Trust microline */
.hero-trust{
display:flex;align-items:flex-start;gap:10px;
padding:14px 16px;border-radius:12px;
background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015));
border:1px solid rgba(205,177,127,.18);
max-width:380px;
}
.hero-trust i{color:var(--champ);font-size:13px;margin-top:1px;flex-shrink:0}
.hero-trust span{font-size:11.5px;line-height:1.5;color:var(--linen);letter-spacing:.01em}
.hero-trust{margin-bottom:30px}
.hero-bottom{flex-direction:column;align-items:flex-start;gap:20px;margin-top:8px}
.hero-scroll{display:none}
.hero .hero-chips, .hero .hero-awards{display:none !important}
.ha-strip img{height:36px}
/* MANIFESTO mobile melhorias */
.manifesto{padding:90px 0 8px}
.manifesto-awards{margin-top:24px;padding-top:18px;padding-bottom:0;gap:12px}
.manifesto-awards .ha-strip{padding:2px 0 0}
.manifesto-head{margin-bottom:32px}
.manifesto-quote{font-size:22px;line-height:1.32}
.manifesto-quote::before{width:42px;height:42px;margin-bottom:12px}
.manifesto-body{padding-top:0}
.manifesto-p{font-size:14.5px;line-height:1.7;padding-left:38px}
.manifesto-p[data-num]::before{font-size:10px}
.manifesto-p::after{display:none}
.manifesto-sig{flex-direction:column;align-items:flex-start;gap:6px;padding-top:18px;margin-top:18px}
.manifesto-stamp{display:none}
.manifesto-ghost{font-size:38vw;top:auto;bottom:8%;opacity:.05}
/* Selos no manifesto (só mobile) */
.manifesto-awards{display:flex;flex-direction:column;align-items:center;gap:18px;margin:48px auto 0;padding-top:32px;border-top:1px solid var(--w08);position:relative;z-index:2;width:100%;max-width:100%}
.manifesto-awards .ha-label{font-size:10px;font-weight:600;color:var(--stone);letter-spacing:.22em;text-transform:uppercase}
.manifesto-awards .ha-divider{display:none}
/* Swiper infinito: container com mask lateral + track scrolling */
.manifesto-awards .ha-strip{
display:block;width:100%;overflow:hidden;position:relative;
mask-image:linear-gradient(90deg, transparent 0%, #000 8%, #000 92%, transparent 100%);
-webkit-mask-image:linear-gradient(90deg, transparent 0%, #000 8%, #000 92%, transparent 100%);
padding:6px 0;
}
.manifesto-awards .ha-track{
display:flex;align-items:center;gap:12px;width:max-content;
animation:awardScroll 28s linear infinite;
}
@keyframes awardScroll{to{transform:translateX(-50%)}}
.manifesto-awards .ha-strip img{
flex:0 0 auto;
width:calc((100vw - 60px) / 3);max-width:120px;
height:104px;object-fit:contain;
padding:10px;border-radius:14px;
background:linear-gradient(180deg, #FFFFFF 0%, #F6F2EA 100%);
border:1px solid rgba(127,103,64,.18);
box-shadow:0 4px 12px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.6);
filter:none;opacity:1;
}
/* EXIN combinado: card maior (ocupa ~2 slots) */
.manifesto-awards .ha-strip img.ha-exin{
width:calc(((100vw - 60px) / 3) * 2 + 12px);max-width:252px;
height:104px;padding:14px 18px;
border-radius:14px;
border-color:rgba(127,103,64,.28);
background:linear-gradient(180deg, #FFFFFF 0%, #F2EDE3 100%);
box-shadow:0 6px 18px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.7);
}
.method-flow{grid-template-columns:1fr;gap:24px}
.m-card{padding-top:42px}
.bc-6, .bc-4, .bc-3{grid-column:auto}
.bc-6 .bc-img, .bc-4 .bc-img, .bc-3 .bc-img{aspect-ratio:16/9}
.bc-topics{grid-template-columns:1fr}
.bc-6 .bc-body h3{font-size:22px}
.bc-6 .bc-body p{font-size:14px}
/* Card ativo no scroll: revela cor natural com transição sutil */
.bento-card .bc-img img{transition:filter 1.4s var(--ease-out) !important}
.bento-card .bc-img::before,
.bento-card .bc-img::after{transition:opacity 1.4s var(--ease-out)}
.bento-card.bc-active .bc-img img{filter:saturate(1.1) !important}
.bento-card.bc-active .bc-img::before,
.bento-card.bc-active .bc-img::after{opacity:.5}
.footer-grid{grid-template-columns:1fr}
.ed-featured-body{padding:24px}
.ed-featured-img{min-height:220px}
.ed-secondary{grid-template-columns:1fr;gap:14px}
.editorial-head{grid-template-columns:1fr;gap:16px}
.ed-meta{text-align:left}
.partners-gallery{grid-template-columns:repeat(2,1fr)}
.ch-card{width:158px;height:96px;padding:10px 14px;overflow:hidden;box-shadow:none}
.ch-card:hover{box-shadow:none}
/* Esconde marquee desktop, mostra dupla linha no mobile */
.ch-frame .ch-marquee{display:none}
.ch-frame .ch-marquee-mobile{display:flex;flex-direction:column;gap:14px}
.ch-marquee-mobile .ch-track{animation-duration:50s}
/* CONFIANÇA HEAD — tighter, more breathing */
.clients-hero{padding:60px 0}
.ch-head{margin-bottom:24px;padding:0 4px}
.ch-head h2{font-size:17px;line-height:1.3}
.ch-head .lead{font-size:13.5px;margin-top:8px}
.ch-foot{margin-top:36px;font-size:12.5px;gap:12px}
.ch-foot::before, .ch-foot::after{flex-basis:32px}
/* MARQUEE STRIP — refinement */
.ms-num{font-size:9.5px;min-width:24px;height:24px}
/* AREAS HEAD */
.areas-head{gap:18px;margin-bottom:36px}
.areas-head h2{margin-top:10px}
.areas-intro{font-size:14.5px}
.bento{--bento-cols:1;--bento-gap:14px}
.bento-card .bc-body{padding:22px 22px 22px;gap:10px}
.bento-card .bc-body h3{font-size:18px;line-height:1.28}
.bento-card .bc-body p{font-size:13px;line-height:1.55}
.bc-6 .bc-body{padding:22px 22px 22px;gap:12px}
.bc-6 .bc-body h3{font-size:20px}
.bento-card .bc-num{font-size:9.5px;padding:5px 10px;top:14px;left:14px}
.bento-card .bc-foot{padding-top:14px}
.bento-card .bc-tag{font-size:9.5px}
/* PARTNERS — bios cleanup */
.partners-section{padding:80px 0}
.partners-grid{gap:32px}
.partners-photo{aspect-ratio:1/1}
.partners-text h2{margin-bottom:18px}
.partners-text .lead{margin-bottom:18px;font-size:14.5px}
.p-quote{margin:22px 0;padding:14px 0 14px 20px;font-size:15.5px;line-height:1.55}
.partners-bios{grid-template-columns:1fr;gap:18px;margin-top:40px}
.p-bio{flex-direction:column}
.p-bio-photo{flex:none;align-self:auto;min-height:0;aspect-ratio:4/3.2}
.p-bio-body{padding:20px 20px 22px;gap:8px}
.p-bio-name{font-size:19px}
.p-bio-text{font-size:13.5px;line-height:1.6;padding-top:12px;margin-top:2px}
.p-bio-role{font-size:10.5px;letter-spacing:.12em}
.p-bio-oab{font-size:10px}
.p-bio-linkedin{font-size:11.5px;padding:8px 14px;margin-top:10px}
/* PRACTICE — head + cards */
.practice-head{margin-bottom:36px}
.practice-grid{gap:16px}
.pr-card-body{padding:20px 20px 22px;gap:10px}
.pr-card-body h3{font-size:18px;line-height:1.25}
.pr-lead{font-size:13px;line-height:1.55}
.pr-card-list{padding-top:14px;gap:8px}
.pr-card-list li{font-size:12px}
.pr-card-num{font-size:9.5px;padding:5px 9px}
/* METHOD — cards mobile fixes */
.method-section{padding:84px 0}
.method-head{margin-bottom:36px}
.method-flow{margin-top:36px;gap:18px}
.method-corner{width:38px;height:38px}
.method-corner.tl,.method-corner.tr{top:24px}
.method-corner.bl,.method-corner.br{bottom:24px}
.method-corner.tl,.method-corner.bl{left:18px}
.method-corner.tr,.method-corner.br{right:18px}
.m-card{padding:36px 22px 22px}
.m-num-ghost{font-size:64px;top:6px;right:14px}
.m-icon-frame{width:46px;height:46px;font-size:18px;margin-bottom:18px;border-radius:12px}
.m-title{font-size:19px;margin-bottom:10px}
.m-desc{font-size:13px;line-height:1.55;margin-bottom:16px}
.m-step{font-size:10px;letter-spacing:.20em}
.m-list{gap:7px;margin-bottom:18px}
.m-list li{font-size:12px}
.m-meta{padding-top:14px;gap:8px;flex-wrap:wrap}
.m-meta-label{font-size:9.5px}
.m-meta-value{font-size:12px}
/* REACH — head + stats */
.reach-head{margin-bottom:36px}
.reach-head .lead{font-size:14.5px;margin-top:14px}
/* EDITORIAL */
.editorial-section{padding:80px 0}
.editorial-head{margin-bottom:32px}
.ed-grid{gap:22px}
.ed-featured-body{padding:22px;gap:14px}
.ed-featured-body h3{font-size:21px;line-height:1.22}
.ed-featured-body p{font-size:14px;line-height:1.55}
.ed-byline{padding-top:14px;font-size:11px}
.ed-tag{font-size:9.5px;padding:4px 9px}
.ed-card-body{padding:16px 18px 18px;gap:8px}
.ed-card-body h4{font-size:14.5px;line-height:1.32}
.ed-card-meta{font-size:10px;padding-top:8px}
.ed-card-img{aspect-ratio:16/9}
/* FAQ */
.faq-head{margin-bottom:40px;padding-top:12px}
.faq-stamp{font-size:9.5px;padding:6px 12px;letter-spacing:.18em}
.faq-item summary{padding:20px 18px;gap:14px}
.faq-num{width:38px;height:38px;font-size:12px}
.faq-plus{width:34px;height:34px;font-size:11px}
.faq-cat{font-size:9px;letter-spacing:.18em;gap:6px}
.faq-cat::before{width:10px}
.faq-question{font-size:15px;line-height:1.38}
.faq-body{padding:10px 20px 22px 20px;font-size:13.5px;line-height:1.7}
.faq-body::before{left:20px;right:20px}
.faq-wrap{gap:10px}
/* CTA FINAL */
.cta-section{padding:90px 0}
.cta-content .eyebrow{margin-bottom:18px}
.cta-content h2{font-size:clamp(28px,8vw,38px);line-height:1.1;margin-bottom:20px}
.cta-content .lead{margin-bottom:28px;font-size:14.5px}
.btn-gold-lg{padding:15px 24px;font-size:12px;gap:10px;width:100%;max-width:340px;justify-content:center}
.cta-foot{margin-top:36px;padding-top:24px;gap:24px;flex-direction:column}
.cta-foot-item .v{font-size:14.5px}
/* FOOTER */
.footer{padding:54px 0 28px}
.footer-grid{gap:36px;margin-bottom:36px}
.footer-brand img{height:60px;margin-bottom:16px}
.footer-brand p{font-size:13.5px;max-width:none}
.footer-col h5{margin-bottom:14px;font-size:10.5px;letter-spacing:.20em}
.footer-col ul{gap:9px}
.footer-col ul li{font-size:13.5px}
.footer-bottom{flex-direction:column;align-items:flex-start;gap:8px;padding-top:24px;text-align:left;font-size:11px;letter-spacing:.06em}
/* WhatsApp float — mantém círculo perfeito no mobile (sem padding/oval) */
.wa-float{right:16px;bottom:16px;width:54px;height:54px;padding:0}
}
/* Extra-small phones: ultimate compaction */
@media(max-width:420px){
.container, .container-wide{padding:0 16px}
.h-xl{font-size:26px;line-height:1.14}
.h-lg{font-size:24px;line-height:1.16}
.h-md{font-size:21px;line-height:1.2}
.hero-title{font-size:26px;line-height:1.18}
.hero-sub{font-size:14px}
.bento-card .bc-body{padding:18px 18px 18px}
.bento-card .bc-body h3{font-size:17px}
.p-bio-body{padding:18px}
.p-bio-name{font-size:18px}
.pr-card-body{padding:18px}
.pr-card-body h3{font-size:17px}
.ed-featured-body h3{font-size:19px}
.faq-item summary{padding:18px 16px;gap:12px}
.faq-num{width:34px;height:34px;font-size:11.5px}
.faq-plus{width:32px;height:32px}
.faq-question{font-size:14.5px}
.faq-body{padding:8px 18px 20px}
.faq-body::before{left:18px;right:18px}
.footer-brand img{height:54px}
.m-card{padding:32px 18px 20px}
.m-num-ghost{font-size:54px}
.cta-content h2{font-size:26px}
.ms-item{font-size:13.5px;gap:10px}
.marquee-strip-row{gap:24px;padding-right:24px}
.ch-card{width:140px;height:84px}
}
@media(prefers-reduced-motion:reduce){
*,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important}
.aurora,#particles-canvas{display:none}
}
/* ════════════════════════════════════════════════════════════════════════
CLR · OVERRIDES FINAIS — vencem regras do site.css/branding.css do motor
que usam !important e selectors compound. Mantém a paleta champagne LP.
════════════════════════════════════════════════════════════════════════ */
/* btn-gold (CTA WhatsApp do header e similares) — engine força verde via
a[href*="whatsapp"][class*="btn"]:not(.btn-padrao). Sobrescrevemos com
um seletor de igual especificidade + !important. */
body a.btn-gold[href*="whatsapp"]:not(.btn-padrao),
body a.btn-gold,
body .btn-gold {
background: radial-gradient(160px 80px at 0% 0%, rgba(255,255,255,.18), transparent 58%),
linear-gradient(135deg, var(--champ-3) 0%, var(--champ) 38%, var(--champ-deep) 100%) !important;
color: var(--ink) !important;
border: 1px solid var(--g25) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.32), 0 14px 30px rgba(0,0,0,.24) !important;
border-radius: 14px !important;
padding: 0 22px !important;
min-height: 48px !important;
}
body a.btn-gold:hover {
transform: translateY(-2px) !important;
filter: saturate(1.05) brightness(1.03) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.34), 0 22px 40px rgba(0,0,0,.28) !important;
color: var(--ink) !important;
}
/* btn-gold-lg (CTA grande final) */
body a.btn-gold-lg[href*="whatsapp"],
body a.btn-gold-lg,
body .btn-gold-lg {
background: linear-gradient(135deg, var(--champ-3), var(--champ), var(--champ-deep)) !important;
color: var(--ink) !important;
border: 1px solid var(--g25) !important;
border-radius: 14px !important;
padding: 18px 32px !important;
}
/* hero-cta-primary (CTA WhatsApp do hero mobile, ou desktop se aparecer) */
body a.hero-cta-primary[href*="whatsapp"],
body a.hero-cta-primary {
background: linear-gradient(135deg, var(--champ-3), var(--champ-deep)) !important;
color: var(--ink) !important;
border: 1px solid rgba(232,210,168,.4) !important;
}
/* m-cta-prime (drawer mobile WhatsApp) */
body a.m-cta-prime[href*="whatsapp"],
body a.m-cta-prime {
background: linear-gradient(135deg, var(--champ-3) 0%, var(--champ) 50%, var(--champ-deep) 100%) !important;
color: var(--ink) !important;
}
/* WA flutuante (wa-float) — dourado champagne premium */
body a.wa-float[href*="whatsapp"],
body a.wa-float {
background:
radial-gradient(circle at 30% 25%, #FAEBC8 0%, transparent 55%),
linear-gradient(135deg, #E8D2A8 0%, #CDB17F 38%, #8B7448 100%) !important;
color: #0F0F0E !important;
border: 1px solid rgba(255,255,255,.35) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.65),
inset 0 -1px 0 rgba(0,0,0,.20),
0 10px 24px rgba(205,177,127,.50),
0 24px 44px rgba(0,0,0,.32) !important;
}
body a.wa-float[href*="whatsapp"] i,
body a.wa-float i {
color: #0F0F0E !important;
filter: drop-shadow(0 1px 0 rgba(255,255,255,.45));
}
body a.wa-float[href*="whatsapp"]:hover,
body a.wa-float:hover {
box-shadow:
inset 0 1px 0 rgba(255,255,255,.75),
inset 0 -1px 0 rgba(0,0,0,.22),
0 14px 32px rgba(205,177,127,.65),
0 32px 56px rgba(0,0,0,.40) !important;
}
/* Pulso dourado sutil */
body a.wa-float[href*="whatsapp"]::after,
body a.wa-float::after {
content: '';
position: absolute;
inset: 0;
border-radius: 50%;
border: 1.5px solid rgba(205,177,127,.45);
animation: waPulse 2.6s ease-out infinite;
pointer-events: none;
z-index: 0;
}
@media (prefers-reduced-motion: reduce){
body a.wa-float::after{ animation: none; opacity: 0; }
}
@keyframes waPulse {
0% { transform: scale(.92); opacity: .85; }
70% { transform: scale(1.35); opacity: 0; }
100% { transform: scale(1.35); opacity: 0; }
}
/* Reset engine padding/min-height nos botoes nav */
body .h-menu > li > a,
body .h-menu .h-dropbtn {
padding: 10px 18px !important;
min-height: 0 !important;
}
/* ════════════════════════════════════════════════════════
MEGA-MENU — paleta CLR pura (warm ink + champagne)
Cores SÓLIDAS (sem rgba com low alpha) para eliminar o
efeito navy/azulado que vinha da translucência sobre
camadas mistas.
════════════════════════════════════════════════════════ */
body .mega.mega {
background:
radial-gradient(900px 320px at 0% 0%, rgba(205,177,127,.07), transparent 60%),
linear-gradient(180deg, #1C1C1D 0%, #111112 100%);
border-color: rgba(205,177,127,.16);
-webkit-backdrop-filter: none;
backdrop-filter: none;
}
body .mega.mega::before {
background: linear-gradient(135deg, #1C1C1D, #161617);
border-color: rgba(205,177,127,.20);
}
/* Painel lateral direito — sólido grafite neutro */
body .mega.mega .mega-side {
background:
radial-gradient(420px 200px at 0% 0%, rgba(205,177,127,.04), transparent 60%),
#161618;
border-color: rgba(255,255,255,.07);
}
/* Search bar — ink neutro */
body .mega.mega .mega-search input {
background:
radial-gradient(220px 90px at 0% 0%, rgba(205,177,127,.05), transparent 58%),
#131314;
border-color: rgba(255,255,255,.10);
color: rgba(255,255,255,.92);
}
body .mega.mega .mega-search input::placeholder { color: rgba(255,255,255,.38); }
body .mega.mega .mega-search input:focus {
border-color: rgba(205,177,127,.40);
box-shadow: 0 0 0 3px rgba(205,177,127,.12), 0 14px 24px rgba(0,0,0,.30);
}
/* Cards das áreas — grafite neutro sólido */
body .mega.mega .mega-link {
background: linear-gradient(180deg, #222224 0%, #1C1C1E 100%);
border-color: rgba(255,255,255,.08);
box-shadow: 0 8px 18px rgba(0,0,0,.28);
}
body .mega.mega .mega-link:hover {
background:
radial-gradient(220px 100px at 0% 0%, rgba(205,177,127,.10), transparent 60%),
linear-gradient(180deg, #2B2B2E 0%, #222224 100%);
border-color: rgba(205,177,127,.40);
box-shadow: 0 14px 28px rgba(0,0,0,.32);
}
/* Cards laterais — grafite neutro com leve tint champagne */
body .mega.mega .high-card {
background:
radial-gradient(320px 160px at 0% 0%, rgba(205,177,127,.10), transparent 60%),
#202022;
border-color: rgba(205,177,127,.18);
}
body .mega.mega .qpill {
background: #202022;
border-color: rgba(255,255,255,.10);
color: rgba(255,255,255,.86);
}
body .mega.mega .qpill:hover {
background: #2A2A2D;
border-color: rgba(205,177,127,.40);
}
body .mega.mega .metric {
background: #202022;
border-color: rgba(255,255,255,.08);
}
body .mega.mega .mega-cta {
background:
radial-gradient(220px 100px at 0% 0%, rgba(205,177,127,.20), transparent 58%),
rgba(205,177,127,.08);
border-color: rgba(205,177,127,.42);
}
/* Head / Kicker */
body .mega.mega .mega-head { border-bottom-color: rgba(205,177,127,.14); }
body .mega.mega .mega-kicker { color: rgba(255,255,255,.62); }
body .mega.mega .mega-kicker .dot { background: #CDB17F; box-shadow: 0 0 0 5px rgba(205,177,127,.18); }
/* Ícones em circulo dos cards — gradient champagne premium */
body .mega.mega .mega-ico {
background: linear-gradient(135deg, rgba(205,177,127,.20), rgba(205,177,127,.08));
border-color: rgba(205,177,127,.40);
color: #E8D2A8;
}
/* ════════════════════════════════════════════════════════
CORREÇÃO DEFINITIVA — .mega-inner
O site.css LEGACY define: background: rgba(8,10,30,.97)
(navy puro com B=30, MUITO acima do R=8). Esse é o
"fundo azul" que aparecia atrás dos cards.
Sobrescrevemos com warm ink + saturate(1) e tiramos o
padding para os cards encostarem nas bordas do menu.
════════════════════════════════════════════════════════ */
body .mega.mega .mega-inner {
background: transparent; /* deixa o .mega bg warm aparecer */
-webkit-backdrop-filter: none;
backdrop-filter: none;
border: none;
border-radius: 0;
box-shadow: none;
padding: 12px; /* reduzido (era 14px no clr-site, mas o user pediu enxuto) */
}
/* Hairline champagne acentuada (substitui mustard #c9a227 do legacy) */
body .mega.mega .mega-inner::before {
background: linear-gradient(90deg,
transparent 0%,
rgba(205,177,127,.18) 10%,
rgba(232,210,168,.7) 35%,
rgba(232,210,168,.7) 65%,
rgba(205,177,127,.18) 90%,
transparent 100%);
}
/* ═══════════════════════════════════════════════════════════════════════
PÁGINAS INTERNAS — base compartilhada
Fonte única para o CORPO das páginas internas (o hero já é .clr-phero).
Unifica: superfície/ambiente, container, ritmo de seção, eyebrow em
superfície clara, cabeçalho de seção, cards e botões. Tudo em tokens.
Uso: … …
Cada página mantém seus grids/conteúdo; estas classes dão a casca comum.
═══════════════════════════════════════════════════════════════════════ */
/* ====================================================================
FAIXAS (ritmo dark/cream — linguagem da home) · full-bleed
Uma página = .clr-phero + uma pilha de .
Cada faixa traz sua própria superfície + ambiente em camadas + cor de texto.
==================================================================== */
.clr-band{
position:relative; overflow:hidden; isolation:isolate;
width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);
padding:clamp(72px,9vw,128px) 0;
}
.clr-band > .container{ position:relative; z-index:1; max-width:1280px; }
.clr-band::before{ content:''; position:absolute; inset:0; z-index:0; pointer-events:none; }
.clr-band--pad-sm{ padding:clamp(48px,6vw,88px) 0; }
.clr-band--cream{ background:var(--cream); color:var(--ink); }
.clr-band--cream::before{
background:
radial-gradient(58% 40% at 90% -8%, var(--g15), transparent 62%),
radial-gradient(50% 38% at 4% 106%, var(--g10), transparent 62%);
}
.clr-band--dark{ background:var(--ink); color:var(--w92); }
.clr-band--dark::before{
background:
radial-gradient(58% 44% at 88% -12%, var(--g25), transparent 60%),
radial-gradient(54% 40% at 6% 110%, rgba(232,210,168,.10), transparent 62%),
linear-gradient(180deg, var(--ink) 0%, var(--ink-2) 52%, var(--ink) 100%);
}
/* Legado/compat: .clr-page (superfície única) e .clr-block (ritmo simples) */
.clr-page{
background:var(--cream); color:var(--ink);
width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);
position:relative; overflow:hidden;
}
.clr-page::before{
content:''; position:absolute; inset:0; z-index:0; pointer-events:none;
background:
radial-gradient(ellipse 55% 32% at 92% 4%, var(--g15) 0%, transparent 60%),
radial-gradient(ellipse 45% 30% at 6% 96%, var(--g10) 0%, transparent 60%);
}
.clr-page > *{ position:relative; z-index:1; }
.clr-page .container{ max-width:1280px; }
.clr-block{ padding:clamp(56px,7vw,96px) 0; border-top:1px solid var(--i08); }
.clr-block--flush{ border-top:0; }
/* ── Tipografia adaptativa por faixa ── */
.clr-band .container{ }
.clr-band--cream .eyebrow{ color:var(--champ-darker); }
.clr-band--cream .eyebrow::before, .clr-band--cream .eyebrow::after{ background:var(--champ-darker); }
.clr-page .eyebrow{ color:var(--champ-darker); }
.clr-page .eyebrow::before, .clr-page .eyebrow::after{ background:var(--champ-darker); }
.clr-band--dark .eyebrow{ color:var(--champ); }
.clr-band--dark .eyebrow::before, .clr-band--dark .eyebrow::after{ background:var(--champ); }
/* ── Kicker premium (pílula glass com dot) ── */
.clr-kicker{
display:inline-flex; align-items:center; gap:9px;
padding:9px 15px; border-radius:var(--r-pill);
font-size:11px; font-weight:800; letter-spacing:.16em; text-transform:uppercase;
-webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
}
.clr-kicker::before{
content:''; width:7px; height:7px; border-radius:50%;
background:linear-gradient(135deg, var(--champ-3), var(--champ));
box-shadow:0 0 0 5px var(--g10);
}
.clr-band--cream .clr-kicker, .clr-page .clr-kicker{
color:var(--champ-darker); background:var(--w92); border:1px solid var(--i08); box-shadow:var(--sh-light);
}
.clr-band--dark .clr-kicker{
color:var(--champ-3); background:var(--g05); border:1px solid var(--g25);
}
/* ── Cabeçalho de seção: kicker/eyebrow + título (+ ação à direita) ── */
.clr-section-head{
display:flex; align-items:flex-end; justify-content:space-between;
gap:24px; flex-wrap:wrap; margin-bottom:clamp(28px,3vw,44px);
}
.clr-section-head-l{ display:flex; flex-direction:column; gap:14px; align-items:flex-start; }
.clr-section-title{
font-size:clamp(28px,2.8vw,42px); font-weight:800; letter-spacing:-.03em;
line-height:1.08; margin:0; color:var(--ink); text-wrap:balance;
}
.clr-section-title em{ font-style:normal; color:var(--champ-darker); }
.clr-section-sub{ font-size:clamp(15px,1.1vw,17px); line-height:1.6; color:var(--i55); margin:4px 0 0; max-width:60ch; }
.clr-band--dark .clr-section-title{ color:#F6F1E7; }
.clr-band--dark .clr-section-title em{ color:var(--champ); }
.clr-band--dark .clr-section-sub{ color:var(--w65); }
/* ── Card base (casca) + variantes premium ── */
.clr-card{
background:var(--pure);
border:1px solid var(--i08);
border-radius:var(--r-lg);
box-shadow:var(--sh-light);
transition:transform .3s var(--ease), border-color .3s var(--ease), box-shadow .3s var(--ease);
}
a.clr-card{ text-decoration:none; color:inherit; display:block; }
.clr-card:hover{ transform:translateY(-6px); border-color:var(--g40); box-shadow:var(--sh-light-hover); }
/* Glass (faixas dark) */
.clr-card--glass{
background:linear-gradient(180deg, var(--w08), var(--w03));
border:1px solid var(--w12);
box-shadow:var(--sh-2), inset 0 1px 0 var(--w12);
-webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px);
color:var(--w92);
}
.clr-card--glass:hover{ transform:translateY(-6px); border-color:var(--g40); box-shadow:var(--sh-3), inset 0 1px 0 var(--w20); }
/* Media card (foto + overlay + shine + corpo) */
.clr-card--media{ overflow:hidden; padding:0; display:flex; flex-direction:column; }
.clr-card-media{ position:relative; overflow:hidden; aspect-ratio:4/3; background:linear-gradient(135deg, var(--ink-3), var(--ink-2)); }
.clr-card-media img{ width:100%; height:100%; object-fit:cover; transition:transform .6s var(--ease-out); }
.clr-card--media:hover .clr-card-media img{ transform:scale(1.05); }
.clr-card-shine{
position:absolute; inset:0; pointer-events:none; z-index:1;
background:linear-gradient(120deg, transparent 35%, rgba(255,255,255,.18) 50%, transparent 65%);
transform:translateX(-120%); transition:transform .85s var(--ease-out);
}
.clr-card--media:hover .clr-card-shine{ transform:translateX(120%); }
.clr-card-body{ padding:22px 24px 24px; display:flex; flex-direction:column; gap:8px; flex:1; }
/* ── Stat (métrica) ── */
.clr-stat{ padding:26px 28px; display:flex; flex-direction:column; gap:12px; }
.clr-stat-ic{
width:46px; height:46px; border-radius:var(--r-md); display:inline-grid; place-items:center;
font-size:18px; color:var(--champ-darker);
background:linear-gradient(135deg, var(--g15), var(--g05)); border:1px solid var(--g25);
}
.clr-band--dark .clr-stat-ic{ color:var(--champ-3); }
.clr-stat-num{
font-size:clamp(26px,2.6vw,40px); font-weight:800; letter-spacing:-.03em; line-height:1; margin:0;
background:linear-gradient(135deg, var(--champ-3), var(--champ) 55%, var(--champ-darker));
-webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
}
.clr-stat-label{ font-size:14px; font-weight:700; color:inherit; margin:0; }
.clr-stat-desc{ font-size:13px; line-height:1.5; color:var(--i55); margin:0; }
.clr-band--dark .clr-stat-desc{ color:var(--w65); }
/* ── Feature (ícone + título + texto) ── */
.clr-feature{ padding:22px 22px 20px; }
.clr-feature-ic{
width:40px; height:40px; border-radius:var(--r-sm); display:inline-grid; place-items:center;
font-size:15px; margin-bottom:14px; color:var(--champ-darker);
background:linear-gradient(135deg, var(--g15), var(--g05)); border:1px solid var(--g25);
}
.clr-band--dark .clr-feature-ic{ color:var(--champ-3); }
.clr-feature h4{ font-size:15px; font-weight:700; letter-spacing:-.01em; margin:0 0 6px; color:inherit; }
.clr-feature p{ font-size:13px; line-height:1.55; margin:0; color:var(--i55); }
.clr-band--dark .clr-feature p{ color:var(--w65); }
/* ── Accordion (FAQ) ── */
.clr-accordion{ display:flex; flex-direction:column; gap:12px; }
.clr-acc-item{
border:1px solid var(--i08); border-radius:var(--r-lg); background:var(--pure); overflow:hidden;
transition:border-color .22s var(--ease), box-shadow .22s var(--ease);
}
.clr-band--dark .clr-acc-item{ background:var(--w05); border-color:var(--w12); }
.clr-acc-item.is-open{ border-color:var(--g40); box-shadow:var(--sh-light); }
.clr-acc-head{
width:100%; display:flex; align-items:center; gap:14px; padding:18px 20px; cursor:pointer;
font-size:15px; font-weight:600; color:inherit; text-align:left; background:none; line-height:1.4;
}
.clr-acc-q{ flex:1; }
.clr-acc-ic{
width:28px; height:28px; flex-shrink:0; border-radius:50%; display:inline-grid; place-items:center;
font-size:12px; color:var(--champ-darker); background:var(--g10); border:1px solid var(--g25);
transition:transform .3s var(--ease);
}
.clr-band--dark .clr-acc-ic{ color:var(--champ-3); }
.clr-acc-item.is-open .clr-acc-ic{ transform:rotate(45deg); }
.clr-acc-panel{ max-height:0; overflow:hidden; transition:max-height .35s var(--ease); }
.clr-acc-panel-inner{ padding:0 20px 20px; font-size:14px; line-height:1.7; color:var(--i70); }
.clr-band--dark .clr-acc-panel-inner{ color:var(--w65); }
/* ── Chips de escolha (rádio com ícone + check) — kit reutilizável ── */
.clr-choices{ display:flex; flex-wrap:wrap; gap:10px; }
.clr-chip{
position:relative; display:inline-flex; align-items:center; gap:10px;
padding:9px 16px 9px 9px; border-radius:var(--r-sm);
border:1.5px solid var(--i15); background:var(--pure); cursor:pointer; user-select:none;
transition:border-color .18s, background .18s, box-shadow .18s, transform .15s;
}
.clr-chip input{ position:absolute; opacity:0; width:0; height:0; pointer-events:none; }
.clr-chip-ic{
width:30px; height:30px; flex-shrink:0; border-radius:var(--r-xs); display:inline-grid; place-items:center;
font-size:13px; color:var(--champ-darker); background:var(--cream); border:1px solid var(--g25);
transition:all .2s ease;
}
.clr-chip-tx{ font-size:13.5px; font-weight:600; color:var(--ink); letter-spacing:-.005em; line-height:1.2; white-space:nowrap; }
.clr-chip-chk{
position:absolute; top:-7px; right:-7px; width:20px; height:20px; border-radius:50%;
background:linear-gradient(135deg, var(--champ-darker), var(--champ)); color:var(--pure);
font-size:9px; display:inline-grid; place-items:center; border:2px solid var(--pure);
opacity:0; transform:scale(.3); transition:opacity .2s ease, transform .25s cubic-bezier(.34,1.56,.64,1);
}
.clr-chip:hover{ border-color:var(--g40); transform:translateY(-1px); box-shadow:0 8px 18px -12px rgba(127,103,64,.55); }
.clr-chip.is-sel, .clr-chip:has(input:checked){
border-color:var(--champ); background:linear-gradient(135deg, #fff8ec, #f6ecd6); box-shadow:0 0 0 3px var(--g15);
}
.clr-chip.is-sel .clr-chip-ic, .clr-chip:has(input:checked) .clr-chip-ic{
background:linear-gradient(135deg, var(--champ-darker), var(--champ)); border-color:transparent; color:var(--pure);
}
.clr-chip.is-sel .clr-chip-chk, .clr-chip:has(input:checked) .clr-chip-chk{ opacity:1; transform:scale(1); }
.clr-chip:has(input:focus-visible){ border-color:var(--champ-darker); box-shadow:0 0 0 3px var(--g25); }
/* ── Botões ── */
.clr-cta-dark{
display:inline-flex; align-items:center; gap:8px; padding:12px 22px; border-radius:var(--r-sm);
background:var(--ink); color:var(--champ-3); border:1px solid var(--ink);
font-size:13px; font-weight:700; letter-spacing:-.005em; white-space:nowrap;
transition:transform .22s var(--ease), box-shadow .22s var(--ease), color .22s;
}
.clr-cta-dark:hover{ transform:translateY(-2px); color:var(--pure); box-shadow:0 12px 26px var(--i15); }
.clr-cta-gold{
display:inline-flex; align-items:center; gap:10px; padding:14px 28px; border-radius:var(--r-sm);
background:linear-gradient(135deg, var(--champ-darker) 0%, var(--champ) 100%);
color:var(--pure); font-size:14px; font-weight:700; letter-spacing:-.005em;
box-shadow:var(--sh-gold); transition:transform .25s var(--ease), box-shadow .25s var(--ease), filter .25s;
}
.clr-cta-gold:hover{ transform:translateY(-2px); box-shadow:0 18px 40px var(--g40); filter:brightness(1.06); }
.clr-cta-ghost{
display:inline-flex; align-items:center; gap:8px; padding:12px 22px; border-radius:var(--r-sm);
background:var(--w05); color:var(--champ-3); border:1px solid var(--w20);
font-size:13px; font-weight:700; transition:transform .2s var(--ease), background .2s, border-color .2s, color .2s;
}
.clr-cta-ghost:hover{ transform:translateY(-2px); background:var(--w08); border-color:var(--g40); color:#fff; }
/* ── Faixa de CTA de fechamento ── */
.clr-cta-inner{ display:flex; align-items:center; justify-content:space-between; gap:36px; flex-wrap:wrap; }
.clr-cta-text{ font-size:clamp(22px,2.4vw,32px); font-weight:700; letter-spacing:-.02em; line-height:1.22; margin:0; max-width:30ch; }
.clr-cta-text em{ font-style:normal; color:var(--champ); }
.clr-trust{ display:inline-flex; align-items:center; gap:8px; font-size:12.5px; color:var(--w50); }
.clr-trust i{ color:var(--champ); }
.clr-band--cream .clr-cta-text em{ color:var(--champ-darker); }
.clr-band--cream .clr-trust{ color:var(--i55); }
.clr-band--cream .clr-trust i{ color:var(--champ-darker); }
@media(max-width:560px){
.clr-page .container{ padding:0 20px; }
.clr-section-head{ margin-bottom:24px; }
}