/*** METIS – Design System v3 - UI/UX Premium Redesign ***/
/* select styled to match form-control */
select.form-control{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23C5903A' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem;cursor:pointer}

/* ─── FONTES LOCAIS ─── */
@font-face{font-family:"Evolutor";src:url("../fonts/mbf-canno.ttf") format("truetype");font-weight:normal;font-display:swap}
@font-face{font-family:"Thank You";src:url("../fonts/thank_you/Thank you.ttf") format("truetype");font-weight:normal;font-display:swap}
@font-face{font-family:"Jost";src:url("../fonts/jost/static/jost-latin-300-normal.woff2") format("woff2");font-weight:300;font-display:swap}
@font-face{font-family:"Jost";src:url("../fonts/jost/static/jost-latin-400-normal.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Jost";src:url("../fonts/jost/static/jost-latin-500-normal.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Jost";src:url("../fonts/jost/static/jost-latin-600-normal.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Jost";src:url("../fonts/jost/static/jost-latin-700-normal.woff2") format("woff2");font-weight:700;font-display:swap}

/* ─── TOKENS ─── */
:root{
  --color-gold:#C5903A;--color-gold-light:#D4A855;--color-gold-dark:#A0722A;
  --color-gold-pale:#F0E0C0;--color-gold-xpale:#FBF3E4;
  --color-cream:#FAF6EE;--color-cream-dark:#F2EAD8;
  --color-dark:#1A1510;--color-dark-mid:#2C2418;--color-dark-2:#231D13;
  --color-text:#3A2E1E;--color-text-muted:#7A6A52;
  --color-border:#E0D4BC;--color-border-dark:rgba(197,144,58,.18);
  --color-white:#FFFFFF;--color-terracotta:#B85C38;--color-olive:#6B7A3C;
  --font-title:"Thank You",cursive;
  --font-body:"Jost",sans-serif;
  --font-heading:var(--font-body);
  --space-xs:.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2.25rem;
  --space-xl:3.25rem;--space-2xl:4.5rem;--space-3xl:5.5rem;
  --container-max:1200px;
  --radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-xl:32px;
  --shadow-sm:0 2px 8px rgba(90,60,20,.08);
  --shadow-md:0 8px 32px rgba(90,60,20,.12);
  --shadow-lg:0 20px 60px rgba(90,60,20,.18);
  --shadow-gold:0 8px 32px rgba(197,144,58,.25);
  --transition-fast:.2s ease;--transition-med:.4s ease;
  --section-gap: clamp(4.5rem, 6vw, 5.5rem);
}

/* ─── RESET ─── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:var(--font-body);color:var(--color-text);background:#fff;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}
ul,ol{list-style:none}
button{cursor:pointer;border:none;background:none;font-family:inherit}

/* ─── LAYOUT ─── */
.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-lg)}
h1{font-family:var(--font-heading);font-weight:700;line-height:1.15;letter-spacing:-.02em}
h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.25;letter-spacing:-.02em}

/* ─── UTILITIES ─── */
.text-gold{color:var(--color-gold)}.text-cream{color:var(--color-cream)}.text-dark{color:var(--color-dark)}.text-muted{color:var(--color-text-muted)}.text-white{color:#fff}.text-center{text-align:center}
.section{padding:var(--section-gap) 0}.section--sm{padding:var(--space-xl) 0}
.section--dark{background:var(--color-dark);color:var(--color-cream)}
.section--dark-mid{background:var(--color-dark-mid);color:var(--color-cream)}
.section--cream{background:var(--color-cream)}
.section--cream-dark{background:var(--color-cream-dark)}
.section--white{background:#fff}
.section--dark .section-title,.section--dark-mid .section-title{color:var(--color-cream)}
.section--dark .section-subtitle,.section--dark-mid .section-subtitle{color:rgba(250,246,238,.75)}
.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}

/* ─── SECTION LABELS & TITLES ─── */
.section-label{font-family:var(--font-body);font-size:.72rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--color-gold);margin-bottom:var(--space-sm);display:flex;align-items:center;gap:.75rem}
.section-label::before{content:"";display:inline-block;width:2rem;height:1px;background:var(--color-gold)}
.section-label--center{justify-content:center}
.section-title{font-family:var(--font-heading);font-size:clamp(2rem,4vw,3.2rem);font-weight:700;color:var(--color-dark);margin-bottom:var(--space-sm);letter-spacing:-.02em;line-height:1.15}
.section-subtitle{font-family:var(--font-body);font-size:1.05rem;font-weight:300;color:var(--color-text-muted);max-width:680px;line-height:1.85;margin-bottom:var(--space-lg)}

/* ─── DECORATIVE DIVIDERS ─── */
.divider-line{display:flex;align-items:center;gap:1.5rem;margin:var(--space-xl) 0}
.divider-line::before,.divider-line::after{content:"";flex:1;height:1px;background:var(--color-border)}
.divider-line__text{font-family:var(--font-body);font-size:.72rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--color-gold);white-space:nowrap}
.divider-gold{width:3rem;height:2px;background:var(--color-gold);margin:var(--space-md) 0}
.divider-gold--center{margin-left:auto;margin-right:auto}
.divider-vertical{width:1px;height:3rem;background:var(--color-gold);opacity:.5;display:inline-block}
.item-number{font-family:var(--font-body);font-size:.85rem;font-weight:700;color:var(--color-gold);opacity:.7;margin-bottom:.25rem;display:block;letter-spacing:.08em}

/* ─── BUTTONS ─── */
.btn{display:inline-flex;align-items:center;gap:.6rem;padding:.9rem 2rem;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;transition:all var(--transition-med);white-space:nowrap;cursor:pointer;border:none}
.btn--primary{background:var(--color-gold);color:#fff;box-shadow:var(--shadow-gold)}
.btn--primary:hover{background:var(--color-gold-dark);transform:translateY(-2px);box-shadow:0 12px 40px rgba(197,144,58,.4);color:#fff}
.btn--outline{border:1.5px solid var(--color-gold);color:var(--color-gold);background:transparent}
.btn--outline:hover{background:var(--color-gold);color:#fff;transform:translateY(-2px)}
.btn--outline-dark{border:1.5px solid var(--color-dark);color:var(--color-dark);background:transparent}
.btn--outline-dark:hover{background:var(--color-dark);color:#fff;transform:translateY(-2px)}
.btn--outline-light{border:1.5px solid rgba(250,246,238,.5);color:var(--color-cream);background:transparent}
.btn--outline-light:hover{border-color:var(--color-gold);color:var(--color-gold)}
.btn--whatsapp{background:#25D366;color:#fff;box-shadow:0 4px 20px rgba(37,211,102,.35)}
.btn--whatsapp:hover{background:#1ebe5d;transform:translateY(-2px);color:#fff}
.btn svg,.btn i{transition:transform var(--transition-fast);flex-shrink:0}
.btn:hover svg,.btn:hover i{transform:translateX(4px)}
.btn--whatsapp:hover svg{transform:none}

/* ─── HEADER / NAVBAR ─── */
/* Estado inicial: glassmorphism suave em branco translúcido - integrado ao Hero */
.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;transition:background .45s ease,box-shadow .45s ease,backdrop-filter .45s ease;padding:0;background:rgba(255,255,255,0.05);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
/* Estado scrolled: branco sólido - identidade limpa, sem fundo preto */
.site-header.scrolled{background:rgba(255,255,255,.98);backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);box-shadow:0 2px 20px rgba(90,60,20,.1)}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:76px;padding:0 var(--space-xl)}
.logo{display:flex;align-items:center;gap:.85rem;text-decoration:none}
.logo-img{height:60px;width:auto;display:block;flex-shrink:0;transition:transform var(--transition-med);object-fit:contain}
.logo:hover .logo-img{transform:scale(1.04)}
.logo-text{display:flex;flex-direction:column;line-height:1}
.logo-name{font-family:var(--font-title);font-size:1.9rem;color:var(--color-gold);letter-spacing:.06em;line-height:1}
.logo-tagline{font-size:.50rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,0.9);margin-top:2px;font-weight:500}
/* Links nav: BRANCO por padrão sobre imagem/hero escuro em TODO o site */
.nav{display:flex;align-items:center;gap:1.25rem}
.nav__links{display:flex;align-items:center;gap:.1rem}
.nav__links>.nav__cta{margin-left:1.15rem}
.nav__link{font-family:var(--font-body);font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#ffffff;padding:.45rem .7rem;border-radius:var(--radius-sm);transition:all var(--transition-fast);position:relative}
.nav__link::after{content:"";position:absolute;bottom:0;left:.7rem;right:.7rem;height:1px;background:var(--color-gold);transform:scaleX(0);transition:transform var(--transition-fast)}
.nav__link:hover::after,.nav__link.active::after{transform:scaleX(1)}
.nav__link:hover,.nav__link.active{color:var(--color-gold);background:none}
/* Scrolled (fundo branco/claro): texto do menu em tom PRETO/ESCURO em TODO o site */
.site-header.scrolled .nav__link {
  color: var(--color-dark);
}
/* Destaque visual do item ativo e hover na navbar */
.site-header.scrolled .nav__link:hover,
.site-header.scrolled .nav__link.active {
  color: var(--color-gold);
}
.site-header.scrolled .nav__link:hover::after,
.site-header.scrolled .nav__link.active::after {
  background: var(--color-gold);
}
.site-header.scrolled .logo-tagline {
  color: var(--color-dark);
  font-weight: 500;
}
.nav__cta{font-family:var(--font-body);font-size:.72rem;padding:.6rem 1.35rem;letter-spacing:.1em;border-radius:var(--radius-sm)}
.nav-toggle{display:none;flex-direction:column;gap:5px;padding:.5rem;cursor:pointer}
.nav-toggle span{width:22px;height:1.5px;background:#fff;transition:all var(--transition-fast);transform-origin:center}
.site-header.scrolled .nav-toggle span{background:var(--color-gold)}
.nav-toggle.open span:nth-child(1){transform:rotate(45deg) translate(4.5px,4.5px)}
.nav-toggle.open span:nth-child(2){opacity:0}
.nav-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(4.5px,-4.5px)}

/* ─── HERO SPLIT – Foto esquerda / Creme direita (index) ─── */
.hero-split{display:grid;grid-template-columns:54% 46%;min-height:85vh;height:auto;position:relative;overflow:hidden}

/* ── LEFT PANEL: foto nítida ── */
.hero-split__photo{position:relative;overflow:hidden}
.hero-split__photo img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;transition:transform 1.2s ease}
.hero-split__photo:hover img{transform:scale(1.025)}
.hero-split__photo::after{content:"";position:absolute;top:0;right:0;bottom:0;width:120px;background:linear-gradient(to right,transparent 0%,var(--color-cream) 100%);pointer-events:none;z-index:1}
.hero-split__photo::before{content:"";position:absolute;top:0;left:0;right:0;height:200px;background:linear-gradient(to bottom,rgba(26,21,16,.25) 0%,transparent 100%);pointer-events:none;z-index:1}

/* ── RIGHT PANEL: conteúdo creme ── */
.hero-split__content{background:var(--color-cream);display:flex;flex-direction:column;justify-content:center;padding:76px 4.5rem 2rem 3.5rem;position:relative;overflow:hidden}
.hero-split__content::before{content:"";position:absolute;top:-10%;right:-15%;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(197,144,58,.06) 0%,transparent 70%);pointer-events:none}

/* ── Eyebrow label ── */
.hero-split__eyebrow{font-family:var(--font-body);font-size:.68rem;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--color-gold);margin-bottom:var(--space-md);display:flex;align-items:center;gap:.75rem;animation:fadeInUp .7s ease .12s both}
.hero-split__eyebrow::before{content:"";display:block;width:2.5rem;height:1px;background:var(--color-gold);flex-shrink:0}

/* ── Título Principal (Hero) ── */
.hero-split__brand{font-family:var(--font-heading);font-weight:700;font-size:clamp(3.2rem,6vw,5rem);color:var(--color-dark);line-height:1.1;letter-spacing:-.02em;margin-bottom:.5rem;animation:fadeInUp .8s ease .2s both}

/* ── Subtítulo ── */
.hero-split__tagline{font-family:var(--font-body);font-size:clamp(.88rem,1.2vw,1rem);font-weight:300;letter-spacing:.12em;text-transform:uppercase;color:var(--color-gold-dark);margin-bottom:var(--space-sm);animation:fadeInUp .8s ease .3s both;line-height:1.8}

/* ── Divisória dourada ── */
.hero-split__divider{width:3rem;height:1px;background:linear-gradient(to right,var(--color-gold),rgba(197,144,58,.2));margin-bottom:var(--space-md);animation:fadeInUp .7s ease .35s both}

/* ── Texto descritivo ── */
.hero-split__desc{font-family:var(--font-body);font-size:.92rem;font-weight:300;color:var(--color-text-muted);line-height:1.85;max-width:380px;margin-bottom:var(--space-md);animation:fadeInUp .8s ease .42s both}

/* ── Botões do hero ── */
.hero-split__actions{display:flex;flex-wrap:wrap;gap:.85rem;margin-bottom:var(--space-md);animation:fadeInUp .8s ease .5s both}
.hero-split__btn-primary{display:inline-flex;align-items:center;gap:.6rem;padding:.85rem 2rem;background:var(--color-gold);color:#fff;font-family:var(--font-body);font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;border-radius:0;border:none;cursor:pointer;transition:all var(--transition-med);box-shadow:0 4px 20px rgba(197,144,58,.3);text-decoration:none}
.hero-split__btn-primary:hover{background:var(--color-gold-dark);transform:translateY(-2px);box-shadow:0 8px 32px rgba(197,144,58,.45);color:#fff;gap:.9rem}
.hero-split__btn-outline{display:inline-flex;align-items:center;gap:.6rem;padding:.85rem 2rem;background:transparent;color:var(--color-dark);font-family:var(--font-body);font-size:.72rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;border-radius:0;border:1px solid rgba(26,21,16,.25);cursor:pointer;transition:all var(--transition-med);text-decoration:none}
.hero-split__btn-outline:hover{border-color:var(--color-gold);color:var(--color-gold);gap:.9rem}
.hero-split__btn-primary svg,.hero-split__btn-outline svg{transition:transform var(--transition-fast)}
.hero-split__btn-primary:hover svg,.hero-split__btn-outline:hover svg{transform:translateX(4px)}

/* ── Stats do hero ── */
.hero-split__stats{display:flex;gap:2.5rem;padding-top:var(--space-md);border-top:1px solid rgba(197,144,58,.15);animation:fadeInUp .8s ease .6s both}
.hero-split__stat-value{font-family:var(--font-heading);font-size:2.4rem;font-weight:700;color:var(--color-dark);line-height:1}
.hero-split__stat-label{font-family:var(--font-body);font-size:.62rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);margin-top:.2rem}
.hero-split__stat-sep{width:1px;background:rgba(197,144,58,.2);align-self:stretch;flex-shrink:0}

/* ── Scroll indicator ── */
.hero-split__scroll{position:absolute;bottom:2.5rem;left:2.5rem;z-index:2;display:flex;align-items:center;gap:.75rem;animation:fadeInUp 1s ease .8s both}
.hero-split__scroll-line{width:1px;height:2.5rem;background:linear-gradient(to bottom,rgba(250,246,238,.5),transparent)}
.hero-split__scroll-label{font-family:var(--font-body);font-size:.58rem;letter-spacing:.22em;text-transform:uppercase;color:rgba(250,246,238,.5);writing-mode:vertical-rl}

/* ── Elemento decorativo de canto ── */
.hero-split__corner-tl{position:absolute;top:1.5rem;left:1.5rem;width:50px;height:50px;border-top:1px solid rgba(197,144,58,.25);border-left:1px solid rgba(197,144,58,.25);pointer-events:none}
.hero-split__corner-br{position:absolute;bottom:1.5rem;right:1.5rem;width:50px;height:50px;border-bottom:1px solid rgba(197,144,58,.25);border-right:1px solid rgba(197,144,58,.25);pointer-events:none}

/* ── Responsive hero-split ── */
@media(max-width:1024px){
  .hero-split{grid-template-columns:1fr;height:auto;min-height:85vh}
  .hero-split__photo{height:55vh;height:55dvh;flex-shrink:0}
  .hero-split__photo img{height:100%}
  .hero-split__photo::after{display:none}
  .hero-split__content{padding:76px var(--space-lg) 2rem;flex:1}
  .hero-split__brand{font-size:clamp(3.5rem,8vw,6rem)}
  .hero-split__scroll{display:none}
}
@media(max-width:640px){
  .hero-split__photo{height:45vh;height:45dvh}
  .hero-split__content{padding:calc(76px + 1rem) var(--space-md) 2rem}
  .hero-split__stats{gap:1.5rem}
  .hero-split__actions{flex-direction:column;align-items:flex-start}
  .hero-split__btn-primary,.hero-split__btn-outline{justify-content:center}
}

/* ─── PAGE HERO – Split layout (subpáginas) ─── */
.page-hero{height:100vh;height:100dvh;position:relative;overflow:hidden}
.page-hero::after{content:"";position:absolute;top:0;left:0;right:0;height:140px;background:linear-gradient(to bottom,rgba(0,0,0,0.51),transparent);pointer-events:none;z-index:5}
.page-hero__inner{display:grid;grid-template-columns:46% 54%;height:100%}
.page-hero__content{background:var(--color-cream);display:flex;flex-direction:column;justify-content:center;padding:calc(76px + 2rem) var(--space-xl) 3rem var(--space-xl);position:relative;overflow:hidden}
.page-hero__content::before{content:"";position:absolute;bottom:-20%;left:-10%;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(197,144,58,.05) 0%,transparent 70%);pointer-events:none}
.page-hero__image-wrap{position:relative;overflow:hidden}
.page-hero__image-wrap picture{display:block;width:100%;height:100%}
.page-hero__image-wrap::after{content:"";position:absolute;top:0;left:0;bottom:0;width:100px;background:linear-gradient(to right,var(--color-cream) 0%,transparent 100%);pointer-events:none;z-index:1}
.page-hero__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s ease}
.page-hero__image-wrap:hover .page-hero__image{transform:scale(1.025)}
/* Frame dourado decorativo */
.page-hero__frame{position:absolute;top:2rem;right:2rem;width:60px;height:60px;border-top:1px solid rgba(197,144,58,.3);border-right:1px solid rgba(197,144,58,.3);pointer-events:none}
.page-hero__frame-b{position:absolute;bottom:2rem;left:2rem;width:60px;height:60px;border-bottom:1px solid rgba(197,144,58,.3);border-left:1px solid rgba(197,144,58,.3);pointer-events:none}
/* Breadcrumb */
.page-hero__breadcrumb{font-family:var(--font-body);font-size:.68rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--color-gold);margin-bottom:var(--space-md);display:flex;align-items:center;gap:.5rem;animation:fadeInUp .7s ease .1s both}
.page-hero__breadcrumb span{color:var(--color-text-muted)}
/* Título Principal Interno */
.page-hero__title{font-family:var(--font-heading);font-weight:700;font-size:clamp(2.6rem,5vw,4.5rem);color:var(--color-dark);line-height:1.15;letter-spacing:-.02em;margin-bottom:var(--space-md);animation:fadeInUp .8s ease .25s both}
.page-hero__title em{color:var(--color-gold);font-style:normal}
.page-hero__subtitle{font-family:var(--font-body);font-size:.9rem;font-weight:300;color:var(--color-text-muted);max-width:400px;line-height:1.9;animation:fadeInUp .8s ease .35s both}

/* ─── INTRO / APRESENTAÇÃO ─── */
.intro{padding:var(--section-gap) 0;background:#fff}
.intro__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2.75rem,4vw,3.75rem);align-items:center}
.intro__image-wrapper{position:relative}
.intro__image{width:100%;height:100%;min-height:400px;object-fit:cover;object-position:top;border-radius:var(--radius-xl) var(--radius-xl) 0 var(--radius-xl);box-shadow:var(--shadow-lg)}
.intro__image-badge{position:absolute;bottom:-1.5rem;right:-1.5rem;background:var(--color-gold);color:#fff;padding:1.5rem;border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-gold)}
.intro__badge-value{font-family:var(--font-heading);font-size:2.8rem;font-weight:700;line-height:1}
.intro__badge-label{font-family:var(--font-body);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;margin-top:.25rem;opacity:.9;max-width:80px}
/* Quote com fonte heading - elegante e legível */
.intro__quote{font-family:var(--font-heading);font-size:1.5rem;font-weight:600;font-style:italic;color:var(--color-gold);line-height:1.5;border-left:3px solid var(--color-gold);padding-left:1.5rem;margin:var(--space-lg) 0}
/* Pilares como cards com ícones Lucide */
.intro__pillars{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:var(--space-lg)}
.intro__pillar{background:var(--color-cream);border-radius:var(--radius-md);padding:1.25rem;border-left:3px solid var(--color-gold);transition:all var(--transition-fast);display:flex;flex-direction:column;gap:.5rem}
.intro__pillar:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
.intro__pillar-icon{color:var(--color-gold)}
.intro__pillar-title{font-family:var(--font-body);font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-dark)}
.intro__pillar-text{font-family:var(--font-body);font-size:.86rem;color:var(--color-text-muted);line-height:1.65}

/* ─── STATS ─── */
.stats{background:var(--color-dark);padding:var(--space-2xl) 0}
.stats__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(197,144,58,.12)}
.stats__item{background:var(--color-dark);padding:var(--space-xl) var(--space-lg);text-align:center;transition:background var(--transition-fast)}
.stats__item:hover{background:rgba(197,144,58,.07)}
.stats__value{font-family:var(--font-heading);font-size:clamp(2.5rem,4vw,4.2rem);font-weight:700;color:var(--color-gold);line-height:1;display:block}
.stats__label{font-family:var(--font-body);font-size:.72rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:rgba(250,246,238,.5);margin-top:.5rem}

/* ─── SERVICES – Cards com ícones Lucide ─── */
.services{padding:var(--section-gap) 0;background:var(--color-cream)}
.services__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0;margin-top:0;border:1px solid var(--color-border)}
.service-card{background:#fff;padding:2.5rem 2rem;position:relative;overflow:hidden;transition:all var(--transition-med);border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}
.service-card:nth-child(2n){border-right:none}
.service-card:nth-last-child(-n+2){border-bottom:none}
.service-card::before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background:var(--color-gold);transform:scaleY(0);transform-origin:bottom;transition:transform var(--transition-med)}
.service-card:hover::before{transform:scaleY(1)}
.service-card:hover{background:var(--color-gold-xpale)}
/* Ícone Lucide no topo do card */
.service-card__icon{width:48px;height:48px;background:var(--color-gold-xpale);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-md);color:var(--color-gold);transition:all var(--transition-fast)}
.service-card:hover .service-card__icon{background:var(--color-gold);color:#fff}
.service-card__num{font-family:var(--font-body);font-size:.78rem;font-weight:700;color:var(--color-gold);opacity:.7;display:block;margin-bottom:.5rem;letter-spacing:.08em}
/* H3 do card usa font-heading */
.service-card__title{font-family:var(--font-heading);font-size:1.9rem;font-weight:700;color:var(--color-dark);margin-bottom:.75rem;line-height:1.1}
.service-card__text{font-family:var(--font-body);color:var(--color-text-muted);font-size:.9rem;line-height:1.85;margin-bottom:var(--space-md)}
.service-card__tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:var(--space-md)}
.service-card__tag{font-family:var(--font-body);font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-gold);background:var(--color-gold-pale);padding:.22rem .65rem;border-radius:999px}
.service-card__link{font-family:var(--font-body);font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-gold);display:inline-flex;align-items:center;gap:.4rem;transition:gap var(--transition-fast)}
.service-card__link:hover{gap:.75rem}
.service-card__arrow{width:32px;height:32px;border-radius:50%;border:1.5px solid var(--color-gold);display:inline-flex;align-items:center;justify-content:center;color:var(--color-gold);transition:all var(--transition-fast);flex-shrink:0}
.service-card:hover .service-card__arrow{background:var(--color-gold);color:#fff}
/* CTA de seção abaixo do grid */
.services__cta{text-align:center;margin-top:2.75rem}

/* ─── DIFERENCIAIS ─── */
.differentials{padding:var(--section-gap) 0;background:#fff}
.differentials__header{text-align:center;max-width:700px;margin:0 auto 2.5rem}
.differentials__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.diff-card{position:relative;padding:var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-med);background:#fff}
.diff-card::before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background:var(--color-gold);transform:scaleY(0);transform-origin:bottom;transition:transform var(--transition-med)}
.diff-card:hover::before{transform:scaleY(1)}
.diff-card:hover{box-shadow:var(--shadow-md);border-color:transparent;transform:translateY(-4px)}
.diff-card__num{font-family:var(--font-body);font-size:.72rem;font-weight:700;color:var(--color-gold);opacity:.65;display:block;margin-bottom:.5rem;letter-spacing:.08em}
.diff-card__icon{width:52px;height:52px;background:var(--color-gold-xpale);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-md);color:var(--color-gold);transition:all var(--transition-fast)}
.diff-card:hover .diff-card__icon{background:var(--color-gold);color:#fff}
.diff-card__title{font-family:var(--font-heading);font-size:1.3rem;font-weight:700;color:var(--color-dark);margin-bottom:.5rem}
.diff-card__text{font-family:var(--font-body);font-size:.88rem;color:var(--color-text-muted);line-height:1.8}
/* CTA seção */
.differentials__cta{text-align:center;margin-top:2.75rem}

/* ─── METHODOLOGY ─── */
.methodology{padding:var(--section-gap) 0;background:var(--color-dark);position:relative;overflow:hidden}
.methodology__bg-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-title);font-size:20vw;color:rgba(197,144,58,.04);pointer-events:none;white-space:nowrap;user-select:none}
.methodology__grid{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(2.75rem,4vw,3.75rem);align-items:start}
.methodology__steps{margin-top:1.5rem}
.methodology__step{display:flex;gap:var(--space-md);padding:var(--space-md) 0;border-bottom:1px solid rgba(197,144,58,.1);transition:all var(--transition-fast)}
.methodology__step:last-child{border-bottom:none}
.methodology__step:hover .methodology__step-num{background:var(--color-gold);color:#fff;border-color:var(--color-gold)}
.methodology__step-num{width:42px;height:42px;min-width:42px;border-radius:50%;border:1.5px solid rgba(197,144,58,.4);display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:1.1rem;font-weight:700;color:var(--color-gold);transition:all var(--transition-fast);margin-top:2px}
.methodology__step-title{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;color:var(--color-cream);margin-bottom:.3rem}
.methodology__step-text{font-family:var(--font-body);font-size:.88rem;color:rgba(250,246,238,.58);line-height:1.75}
.methodology__image{width:100%;height:100%;min-height:450px;object-fit:cover;border-radius:var(--radius-xl) 0 var(--radius-xl) var(--radius-xl);filter:brightness(.82) contrast(1.06)}

/* Nova estrutura da coluna direita (Sticky + Card Institucional) */
.methodology__right-col {
  position: sticky;
  top: calc(76px + var(--space-xl)); /* header height + padding */
  display: flex;
  flex-direction: column;
  gap: var(--space-xl);
}
.methodology__image-wrapper {
  position: relative;
}
.methodology__highlight-card {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(197,144,58,0.15);
  border-radius: var(--radius-lg);
  padding: 2.5rem;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  position: relative;
  box-shadow: var(--shadow-lg);
}
.methodology__highlight-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 2.5rem;
  right: 2.5rem;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--color-gold), transparent);
  opacity: 0.6;
}
.methodology__highlight-icon {
  color: var(--color-gold);
  margin-bottom: 1.25rem;
  opacity: 0.4;
}
.methodology__highlight-quote {
  font-family: var(--font-heading);
  font-size: 1.35rem;
  color: var(--color-cream);
  line-height: 1.5;
  font-style: italic;
  margin-bottom: 2rem;
}
.methodology__highlight-author {
  display: flex;
  align-items: center;
  gap: 1rem;
  border-top: 1px solid rgba(255,255,255,0.08);
  padding-top: 1.25rem;
}
.methodology__author-avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
  border: 1px solid rgba(197,144,58,0.4);
}
.methodology__author-info strong {
  display: block;
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 1.1rem;
  color: #fff;
  line-height: 1.2;
}
.methodology__author-info span {
  display: block;
  font-family: var(--font-body);
  font-size: 0.8rem;
  color: rgba(250,246,238,0.6);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-top: 0.1rem;
}
@media (max-width: 992px) {
  .methodology__right-col {
    position: relative;
    top: 0;
  }
}

/* CTA methodology */
.methodology__cta{margin-top:2.5rem;display:flex;gap:1rem;flex-wrap:wrap}

/* ─── ABOUT JULIANA ─── */
.about-juliana{padding:var(--section-gap) 0;background:var(--color-cream-dark);position:relative;overflow:hidden}
/* Marca d'água do logo Métis no fundo */
.about-juliana::before{content:"Métis";position:absolute;bottom:-5%;right:-3%;font-family:var(--font-title);font-size:18vw;color:rgba(197,144,58,.05);pointer-events:none;line-height:1;white-space:nowrap;user-select:none}
.juliana__grid{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(2.75rem,4vw,3.75rem);align-items:center}
/* Mosaico assimétrico (4 fotos) */
.juliana__images {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
  align-items: start;
  padding-bottom: 3rem; /* compensa o offset das fotos pares */
}
.juliana__img {
  width: 100%;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  object-fit: cover;
  transition: transform var(--transition-med), box-shadow var(--transition-med);
}
.juliana__img:nth-child(even) {
  transform: translateY(3rem);
}
/* Alturas variadas para efeito dinâmico */
.juliana__img:nth-child(1) { height: 340px; }
.juliana__img:nth-child(2) { height: 440px; }
.juliana__img:nth-child(3) { height: 440px; }
.juliana__img:nth-child(4) { height: 340px; }

.juliana__img:hover {
  box-shadow: var(--shadow-lg);
}

@media (max-width: 992px) {
  .juliana__images {
    padding-bottom: 0;
  }
  .juliana__img:nth-child(even) {
    transform: none;
  }
  .juliana__img {
    height: 300px !important;
  }
}

/* Credenciais com ícones Lucide */
.juliana__credentials{margin-top:1.75rem;display:flex;flex-direction:column;gap:.65rem}
.juliana__credential-item{display:flex;align-items:flex-start;gap:.85rem;font-family:var(--font-body);font-size:.9rem;color:var(--color-text-muted);padding:.75rem;background:rgba(255,255,255,.7);border-radius:var(--radius-md);border-left:2px solid rgba(197,144,58,.3);transition:all var(--transition-fast)}
.juliana__credential-item:hover{background:#fff;border-left-color:var(--color-gold);box-shadow:var(--shadow-sm)}
.juliana__credential-icon{color:var(--color-gold);flex-shrink:0;margin-top:2px}

/* ─── VALUES ─── */
.values{padding:var(--section-gap) 0;background:var(--color-dark-mid)}
.values__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:0}
.value-card{padding:2rem 1.75rem;border-radius:var(--radius-lg);border:1px solid rgba(197,144,58,.12);transition:all var(--transition-med);background:rgba(255,255,255,.03);position:relative;overflow:hidden}
.value-card::before{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;background:var(--color-gold);transform:scaleY(0);transform-origin:bottom;transition:transform var(--transition-med)}
.value-card:hover::before{transform:scaleY(1)}
.value-card:hover{border-color:transparent;background:rgba(197,144,58,.05);transform:translateY(-4px)}
.value-card__icon{width:48px;height:48px;background:rgba(197,144,58,.1);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;color:var(--color-gold)}
.value-card__title{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:var(--color-gold);margin-bottom:.5rem}
.value-card__text{font-family:var(--font-body);font-size:.88rem;color:rgba(250,246,238,.62);line-height:1.8}

/* ─── THEMES ─── */
.themes{padding:var(--section-gap) 0;background:var(--color-cream-dark)}
.themes__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-top:0}
.theme-card{background:#fff;border-radius:var(--radius-lg);padding:2rem 1.5rem;transition:all var(--transition-med);border:1px solid transparent;text-align:center;position:relative;overflow:hidden}
.theme-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-gold),var(--color-gold-light));transform:scaleX(0);transition:transform var(--transition-med)}
.theme-card:hover::before{transform:scaleX(1)}
.theme-card:hover{border-color:rgba(197,144,58,.15);transform:translateY(-5px);box-shadow:var(--shadow-md)}
.theme-card__icon{width:52px;height:52px;background:var(--color-gold-xpale);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-sm);color:var(--color-gold);transition:all var(--transition-fast)}
.theme-card:hover .theme-card__icon{background:var(--color-gold);color:#fff}
.theme-card__title{font-family:var(--font-heading);font-weight:700;font-size:1.15rem;color:var(--color-dark);margin-bottom:.6rem}
.theme-card__items{font-family:var(--font-body);font-size:.82rem;color:var(--color-text-muted);line-height:2;white-space:pre-line}

/* ─── CITAÇÃO PREMIUM (TEMAS) ─── */
.quote-premium {
  padding: 5.5rem 0;
  background: var(--color-dark-mid);
  position: relative;
  text-align: center;
  border-top: 1px solid rgba(197,144,58, 0.15);
  border-bottom: 1px solid rgba(197,144,58, 0.15);
  overflow: hidden;
}
.quote-premium::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: radial-gradient(circle at center, rgba(197,144,58,0.08) 0%, transparent 65%);
  pointer-events: none;
}
.quote-premium__card {
  max-width: 960px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.quote-premium__deco-quotes {
  font-family: var(--font-title);
  font-size: 6rem;
  line-height: 0;
  color: var(--color-gold);
  opacity: 0.25;
  margin-bottom: 2rem;
  display: inline-block;
  transform: translateY(2rem);
}
.quote-premium__text {
  font-family: var(--font-heading);
  font-size: clamp(1.6rem, 3.5vw, 2.6rem);
  color: var(--color-cream);
  line-height: 1.4;
  font-weight: 400;
  margin-bottom: 2rem;
  padding: 0 1rem;
}
.quote-premium__author {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.4rem;
}
.quote-premium__author-name {
  font-family: var(--font-heading);
  font-size: 1rem;
  font-weight: 700;
  color: var(--color-gold);
  text-transform: uppercase;
  letter-spacing: 0.15em;
}
.quote-premium__author-role {
  font-family: var(--font-body);
  font-size: 0.85rem;
  color: rgba(250,246,238, 0.45);
  letter-spacing: 0.05em;
  text-transform: uppercase;
}/* ─── TESTIMONIALS (old structure removed) ─── */

/* ─── JOURNEY ─── */
.journey{padding:var(--section-gap) 0;background:var(--color-dark)}
.journey__steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:0;position:relative}
.journey__steps::after{content:"";position:absolute;top:2.5rem;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--color-gold),transparent)}
.journey__step{text-align:center;padding:var(--space-lg) var(--space-md);position:relative;z-index:1}
.journey__step-num{width:52px;height:52px;border-radius:50%;background:var(--color-dark);border:1.5px solid var(--color-gold);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-md);font-family:var(--font-heading);font-size:1.3rem;font-weight:700;color:var(--color-gold);transition:all var(--transition-fast)}
.journey__step:hover .journey__step-num{background:var(--color-gold);color:#fff}
.journey__step-title{font-family:var(--font-heading);font-weight:700;font-size:1rem;color:var(--color-cream);margin-bottom:.5rem}
.journey__step-text{font-family:var(--font-body);font-size:.83rem;color:rgba(250,246,238,.5);line-height:1.75}
/* CTA journey */
.journey__cta{text-align:center;margin-top:2.75rem}

/* ─── FAQ ─── */
.faq{padding:var(--section-gap) 0;background:var(--color-cream)}
.faq__grid{display:grid;grid-template-columns:1fr 1.5fr;gap:clamp(2.75rem,4vw,3.75rem);margin-top:0}
.faq__list{display:flex;flex-direction:column;gap:var(--space-xs)}
.faq__item{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--transition-fast);background:#fff}
.faq__item:hover,.faq__item.open{border-color:var(--color-gold)}
.faq__item-num{font-family:var(--font-body);font-size:.72rem;font-weight:700;color:var(--color-gold);opacity:.7;letter-spacing:.08em;margin-right:.5rem}
.faq__question{padding:1.2rem 1.5rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;cursor:pointer;font-family:var(--font-heading);font-weight:600;font-size:1.05rem;color:var(--color-dark);transition:color var(--transition-fast)}
.faq__item.open .faq__question{color:var(--color-gold)}
/* Ícone chevron Lucide SVG inline */
.faq__icon{width:28px;height:28px;border-radius:50%;border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-text-muted);transition:all var(--transition-fast)}
.faq__icon svg{transition:transform var(--transition-fast)}
.faq__item.open .faq__icon{background:var(--color-gold);border-color:var(--color-gold);color:#fff}
.faq__item.open .faq__icon svg{transform:rotate(180deg)}
.faq__answer{max-height:0;overflow:hidden;transition:max-height var(--transition-med)}
.faq__answer-inner{padding:0 1.5rem 1.25rem;font-family:var(--font-body);font-size:.9rem;color:var(--color-text-muted);line-height:1.85}
.faq-cta{background:linear-gradient(135deg,var(--color-dark) 0%,var(--color-dark-mid) 100%);border-radius:var(--radius-xl);padding:var(--space-xl);text-align:center;position:sticky;top:8rem}
.faq-cta__subtitle{font-family:var(--font-body);font-size:.72rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--color-gold);margin-bottom:var(--space-md)}
.faq-cta__title{font-family:var(--font-heading);font-size:2.2rem;font-weight:700;color:var(--color-cream);margin-bottom:var(--space-md);line-height:1.2}
.faq-cta__text{font-family:var(--font-body);font-size:.9rem;color:rgba(250,246,238,.6);line-height:1.8;margin-bottom:var(--space-lg)}

/* ─── CTA FINAL ─── */
.cta-section{padding:var(--section-gap) 0;background:linear-gradient(135deg,var(--color-dark) 0%,var(--color-dark-mid) 100%);position:relative;overflow:hidden;text-align:center}
.cta-section::before{content:"";position:absolute;top:-50%;left:50%;transform:translateX(-50%);width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(197,144,58,.08),transparent 70%);pointer-events:none}
.cta-section::after{content:"";position:absolute;top:1.5rem;left:1.5rem;right:1.5rem;bottom:1.5rem;border:1px solid rgba(197,144,58,.1);border-radius:var(--radius-xl);pointer-events:none}
/* Título CTA usa font-heading (não manuscrita) para máxima legibilidade */
.cta-section__quote{font-family:var(--font-heading);font-size:clamp(2rem,4vw,3.5rem);font-weight:700;color:var(--color-cream);max-width:800px;margin:0 auto 1.5rem;line-height:1.2}
.cta-section__quote em{color:var(--color-gold);font-style:italic}
.cta-section__text{font-family:var(--font-body);color:rgba(250,246,238,.62);max-width:540px;margin:0 auto 2.25rem;font-size:1rem;font-weight:300;line-height:1.85}
.cta-section__actions{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-sm)}
/* Badge "Resposta rápida" */
.cta-badge{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-body);font-size:.68rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--color-gold);background:rgba(197,144,58,.1);border:1px solid rgba(197,144,58,.2);padding:.35rem .85rem;border-radius:999px;margin-bottom:var(--space-md)}

/* ─── FOOTER ─── */
/* Ajuste de contraste para o footer */
.site-footer{background:#0c0a07;color:rgba(250,246,238,.65);padding:5rem 0 var(--space-lg);border-top:1px solid rgba(197,144,58,0.1)}
.site-footer .logo-name{color:var(--color-cream)}
.site-footer .logo-tagline{color:rgba(250,246,238,.4)}
.site-footer .logo-img{filter:drop-shadow(0 2px 8px rgba(197,144,58,.2));height:44px}
.footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2.5rem;padding-bottom:2.5rem;border-bottom:1px solid rgba(197,144,58,.12)}
.footer__brand-tagline{font-family:var(--font-body);font-size:.87rem;line-height:1.9;margin-top:var(--space-sm);margin-bottom:var(--space-md);max-width:280px}
.footer__social{display:flex;gap:.6rem}
.footer__social-link{width:38px;height:38px;border-radius:var(--radius-sm);border:1px solid rgba(197,144,58,.22);display:flex;align-items:center;justify-content:center;color:rgba(250,246,238,.6);transition:all var(--transition-fast)}
.footer__social-link:hover{border-color:var(--color-gold);color:var(--color-gold);background:rgba(197,144,58,.1)}
.footer__heading{font-family:var(--font-body);font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--color-gold);margin-bottom:1.2rem}
.footer__links{display:flex;flex-direction:column;gap:.55rem}
.footer__link{font-family:var(--font-body);font-size:.87rem;color:rgba(250,246,238,.55);transition:color var(--transition-fast)}
.footer__link:hover{color:var(--color-gold)}
.footer__bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;padding-top:var(--space-lg)}
.footer__copyright{font-family:var(--font-body);font-size:.78rem;color:rgba(250,246,238,.35)}
.footer__developer{color:rgba(250,246,238,.35)}
.evolutor-link{font-family:"Evolutor", sans-serif;font-size:0.95rem;color:rgba(250,246,238,.45);text-decoration:none;transition:color var(--transition-fast)}
.evolutor-link:hover{color:var(--color-gold)}
.footer__bottom-links{display:flex;gap:var(--space-md)}
.footer__bottom-link{font-family:var(--font-body);font-size:.78rem;color:rgba(250,246,238,.35);transition:color var(--transition-fast)}
.footer__bottom-link:hover{color:var(--color-gold)}

/* ─── CONTACT ─── */
.contact{padding:var(--section-gap) 0;background:var(--color-cream)}
.contact__grid{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(2.75rem,4vw,3.75rem)}
.contact__info-item{display:flex;gap:1rem;margin-bottom:1rem;align-items:flex-start;padding:1.1rem 1.25rem;border-radius:var(--radius-md);border:1px solid var(--color-border);transition:all var(--transition-fast);background:#fff}
.contact__info-item:hover{border-color:var(--color-gold);box-shadow:var(--shadow-sm)}
.contact__info-icon{width:46px;height:46px;min-width:46px;background:var(--color-gold-xpale);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-gold)}
.contact__info-label{font-family:var(--font-body);font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--color-gold);margin-bottom:.2rem}
.contact__info-value{font-family:var(--font-body);font-size:.93rem;color:var(--color-text)}
.form-group{margin-bottom:1.2rem}
.form-label{display:block;font-family:var(--font-body);font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:.4rem}
.form-control{width:100%;padding:.9rem 1.2rem;border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:.95rem;color:var(--color-text);background:#fff;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}
.form-control:focus{border-color:var(--color-gold);box-shadow:0 0 0 3px rgba(197,144,58,.1)}
textarea.form-control{resize:vertical;min-height:130px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.form-message{display:none;padding:1rem;border-radius:var(--radius-md);font-family:var(--font-body);font-size:.9rem;margin-top:1rem}
.form-message.success{display:block;background:rgba(107,122,60,.12);color:var(--color-olive);border:1px solid rgba(107,122,60,.25)}
.form-message.error{display:block;background:rgba(184,92,56,.1);color:var(--color-terracotta);border:1px solid rgba(184,92,56,.2)}

/* ─── ABOUT PAGE EXTRAS ─── */
.about-mission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin:0}
.mission-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl) var(--space-lg);text-align:center;transition:all var(--transition-med);position:relative;overflow:hidden}
.mission-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-gold),var(--color-gold-light));transform:scaleX(0);transition:transform var(--transition-med)}
.mission-card:hover::before{transform:scaleX(1)}
.mission-card:hover{border-color:rgba(197,144,58,.2);box-shadow:var(--shadow-md);transform:translateY(-5px)}
.mission-card__icon{width:56px;height:56px;background:var(--color-gold-xpale);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:var(--color-gold)}
.mission-card__label{font-family:var(--font-body);font-size:.68rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--color-gold);margin-bottom:.5rem}
.mission-card__text{font-family:var(--font-body);font-size:.9rem;color:var(--color-text-muted);line-height:1.8}
/* Timeline */
.formation-timeline{margin:0;display:flex;flex-direction:column;gap:0}
.formation-item{display:grid;grid-template-columns:120px 1fr;gap:var(--space-md);padding:var(--space-md) 0;border-bottom:1px solid var(--color-border);transition:all var(--transition-fast)}
.formation-item:last-child{border-bottom:none}
.formation-item:hover{padding-left:.5rem}
.formation-year{font-family:var(--font-heading);font-size:1.3rem;font-weight:700;color:var(--color-gold);padding-top:.15rem}
.formation-title{font-family:var(--font-heading);font-weight:600;font-size:1rem;color:var(--color-dark);margin-bottom:.2rem}
.formation-inst{font-family:var(--font-body);font-size:.85rem;color:var(--color-text-muted)}

/* ─── SERVICES PAGE ─── */
.service-detail-block{margin-bottom:0;padding-bottom:0;border-bottom:none}
.service-detail-block:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
.service-detail-block__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2.75rem,4vw,3.75rem);align-items:center}
.service-detail-block--reverse .service-detail-block__grid>*:first-child{order:2}
.service-detail-block--reverse .service-detail-block__grid>*:last-child{order:1}
.service-detail-block__img{width:100%;height:100%;min-height:300px;object-fit:cover;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}
.service-list{margin:1.25rem 0}
.service-list li{display:flex;align-items:flex-start;gap:.75rem;padding:.45rem 0;font-family:var(--font-body);font-size:.92rem;color:var(--color-text-muted)}
/* Ícone check Lucide SVG inline nos bullets */
.service-list li::before{content:"";display:none}
.service-list__icon{color:var(--color-gold);flex-shrink:0;margin-top:2px}

/* ─── PRIVACY ─── */
.privacy-content{max-width:820px;margin:0 auto;padding:var(--space-3xl) var(--space-lg)}
.privacy-content h2{font-family:var(--font-heading);font-size:2rem;font-weight:700;color:var(--color-dark);margin:var(--space-xl) 0 var(--space-md)}
.privacy-content p,.privacy-content li{font-family:var(--font-body);font-size:.95rem;color:var(--color-text-muted);line-height:1.9;margin-bottom:.75rem}
.privacy-content ul{list-style:disc;padding-left:1.5rem}

/* ─── ANIMAÇÕES ─── */
@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
@keyframes scrollBounce{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(8px)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.reveal{opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease}
.reveal.visible{opacity:1;transform:translateY(0)}
.reveal-delay-1{transition-delay:.15s}.reveal-delay-2{transition-delay:.3s}.reveal-delay-3{transition-delay:.45s}.reveal-delay-4{transition-delay:.6s}

/* ─── RESPONSIVE ─── */
@media(max-width:1200px){
  .container{padding:0 var(--space-md)}
  .footer__grid{grid-template-columns:1fr 1fr}
  .themes__grid{grid-template-columns:repeat(2,1fr)}
  .differentials__grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:1024px){
  .intro__grid,.methodology__grid,.juliana__grid,.contact__grid{grid-template-columns:1fr}
  .intro__image{height:450px}
  .methodology__image{height:420px}
  .juliana__img-main{height:320px}
  .stats__grid{grid-template-columns:repeat(2,1fr)}
  .services__grid{grid-template-columns:1fr}
  .service-card{border-right:none!important}
  .journey__steps{grid-template-columns:repeat(2,1fr)}
  .journey__steps::after{display:none}
  .testimonials__grid{grid-template-columns:1fr}
  .testimonials__grid > .testimonial-card:nth-child(3),
  .testimonials__grid > .testimonial-card-new:nth-child(3){
    grid-column:auto;
    max-width:100%;
    margin:0;
  }
  .faq__grid{grid-template-columns:1fr}
  .faq-cta{position:static}
  .values__grid{grid-template-columns:repeat(2,1fr)}
  .about-mission-grid{grid-template-columns:1fr}
  .service-detail-block__grid{grid-template-columns:1fr}
  .service-detail-block--reverse .service-detail-block__grid{direction:ltr}
  .page-hero{height:auto;min-height:100vh;min-height:100dvh}
  .page-hero__inner{grid-template-columns:1fr;height:auto}
  .page-hero__image-wrap{display:block;height:50vh;height:50dvh}
  .page-hero__image-wrap::after{display:none}
  .page-hero__content{padding:calc(76px + 1.5rem) var(--space-lg) 3rem;flex:1}
  .page-hero__title{font-size:clamp(2.8rem,7vw,5rem)}
  .methodology__right-col{position:relative;top:0}
  .methodology-block{grid-template-columns:1fr;gap:2rem}
  .methodology-block:nth-child(even){direction:ltr}
  .footer__grid{grid-template-columns:1fr 1fr;gap:var(--space-xl)}
}

/* ─── Botão fechar (X) globalmente oculto ─── */
.nav__close-btn { display: none; }

/* ══════════════════════════════════════════════
   MOBILE NAV – Off-Canvas Premium
   ══════════════════════════════════════════════ */
@media(max-width:768px){
  /* Mantém o drawer preso à viewport em navegadores nos quais backdrop-filter
     cria um bloco de referência para descendentes com position:fixed. */
  .site-header,.site-header.scrolled{
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }

  /* ─── Esconder nav padrão ─── */
  .nav__links,.nav__cta{display:none}
  .nav-toggle{display:flex}

  /* ─── Overlay escuro por trás do menu ─── */
  .nav-overlay{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(10,8,5,.65);
    backdrop-filter:blur(4px);
    -webkit-backdrop-filter:blur(4px);
    z-index:998;
    opacity:0;
    transition:opacity .35s ease;
  }
  .nav.mobile-open ~ .nav-overlay,
  .nav-overlay.active{
    display:block;
    opacity:1;
  }

  /* ─── Drawer lateral off-canvas ─── */
  .nav.mobile-open .nav__links{
    display:flex;
    flex-direction:column;
    position:fixed;
    top:0;
    right:0;
    bottom:auto;
    height:100vh;
    height:100dvh;
    max-height:none;
    box-sizing:border-box;
    width:min(85vw, 340px);
    background:var(--color-dark);
    border-left:1px solid rgba(197,144,58,.15);
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);
    align-items:flex-start;
    justify-content:flex-start; /* Correção do alinhamento vertical */
    gap:0;
    z-index:999;
    padding:7rem 2.5rem 7.5rem; /* Reserva o rodapé para a CTA fixa */
    box-shadow:-20px 0 60px rgba(0,0,0,.5);
    animation:slideInRight .35s cubic-bezier(.16,1,.3,1) both;
    overflow-y:auto;
    overscroll-behavior:contain;
  }

  @keyframes slideInRight{
    from{transform:translateX(100%);opacity:.4}
    to{transform:translateX(0);opacity:1}
  }

  /* ─── Links do menu mobile ─── */
  .nav.mobile-open .nav__link{
    display:block;
    width:100%;
    font-size:1.35rem; /* Ajuste sutil na proporção da fonte */
    font-family:var(--font-heading);
    font-weight:600;
    letter-spacing:-.01em;
    padding:1.25rem 0; /* Área de toque mais confortável */
    color:var(--color-cream);
    border-bottom:1px solid rgba(197,144,58,.08);
    text-transform:none;
    transition:color .2s ease, padding-left .2s ease;
    position:relative;
  }
  .nav.mobile-open .nav__link::after{
    content:'';
    position:absolute;
    left:0;
    bottom:0;
    width:0;
    height:1px;
    background:var(--color-gold);
    transition:width .3s ease;
  }
  .nav.mobile-open .nav__link:hover,
  .nav.mobile-open .nav__link.active{
    color:var(--color-gold);
    padding-left:.5rem;
  }
  .nav.mobile-open .nav__link:hover::after,
  .nav.mobile-open .nav__link.active::after{
    width:100%;
  }
  .nav.mobile-open .nav__link:last-child{border-bottom:none}

  /* ─── CTA do menu mobile ─── */
  .nav.mobile-open .nav__links>.nav__cta{
    display:inline-flex;
    position:static;
    margin-top:2rem;
    margin-left:0;
    width:100%;
    justify-content:center;
    padding:1rem;
    font-size:.85rem;
  }

  /* ─── Botão fechar (X) dentro do drawer ─── */
  .nav.mobile-open .nav__close-btn{
    display:flex;
    position:absolute;
    top:1.25rem;
    right:1.5rem;
    width:40px;height:40px;
    border-radius:50%;
    border:1px solid rgba(197,144,58,.25);
    align-items:center;justify-content:center;
    color:rgba(250,246,238,.7);
    cursor:pointer;
    transition:all .2s ease;
  }
  .nav.mobile-open .nav__close-btn:hover{
    background:rgba(197,144,58,.15);
    color:var(--color-gold);
    border-color:var(--color-gold);
  }

  /* ─── Logo no topo do drawer ─── */
  .nav.mobile-open::before{display:none}
  .nav.mobile-open .nav__links::before{
    content:'Métis';
    font-family:var(--font-title);
    font-size:2.2rem;
    color:var(--color-gold);
    display:block;
    position:absolute;
    top:1.5rem;
    left:2.5rem;
  }

  /* ─── Toggle hamburguer animado ─── */
  .nav-toggle span{width:22px;height:1.5px;background:#fff;transition:all .3s ease;transform-origin:center}
  .nav-toggle.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
  .nav-toggle.open span:nth-child(2){opacity:0;transform:scaleX(0)}
  .nav-toggle.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}

  /* ─── Espaçamento global ─── */
  :root{--space-3xl:5rem;--space-2xl:3.5rem;--space-xl:2.5rem}

  /* ─── Layouts de seção ─── */
  .hero-split__stats{flex-direction:column;gap:var(--space-md)}
  .intro__pillars,.form-row{grid-template-columns:1fr}
  .footer__grid{grid-template-columns:1fr;gap:var(--space-lg)}
  .footer__bottom{flex-direction:column;text-align:center}
  .juliana__images{grid-template-columns:1fr}
  .juliana__img-sub{height:220px}
  .values__grid{grid-template-columns:1fr}
  .differentials__grid{grid-template-columns:1fr}
  .testimonials__grid{grid-template-columns:1fr}
  .testimonials__grid > .testimonial-card:nth-child(3),
  .testimonials__grid > .testimonial-card-new:nth-child(3){
    grid-column:auto;max-width:100%;margin:0;
  }
  .methodology__cta{flex-direction:column;align-items:flex-start}
  .about-mission-grid{grid-template-columns:1fr}
  .stats__grid{grid-template-columns:1fr 1fr}
  .journey__steps{grid-template-columns:1fr 1fr}

  /* ─── Tipografia mobile ─── */
  .section-title{font-size:clamp(1.75rem,6vw,2.4rem)}
  .hero-full__title{font-size:clamp(1.8rem,7vw,2.6rem)}
  .page-hero__title{font-size:clamp(2rem,7vw,3rem)}

  /* ─── Hero full mobile ─── */
  .hero-full{align-items:flex-end;padding-bottom:3rem}
  .hero-full__content{padding:0 var(--space-md);max-width:100%}
  .hero-full__actions{flex-direction:column;align-items:flex-start;gap:.75rem}
  .hero-full__actions .btn{width:100%;justify-content:center}

  /* ─── Formulário ─── */
  .form-row{grid-template-columns:1fr}

  /* ─── CTA section ─── */
  .cta-section__actions{flex-direction:column;align-items:center}
  .cta-section__actions .btn{width:100%;max-width:340px;justify-content:center}

  /* ─── Tcarousel mobile ─── */
  .tcarousel{max-width:100%}
  .tcarousel__card{padding:2rem 1.5rem}

  /* ─── Contact steps ─── */
  .contact-steps{grid-template-columns:1fr}

  /* ─── Botões de seção ─── */
  .services__cta,.journey__cta{display:flex;flex-direction:column;align-items:center;gap:.75rem}
  .services__cta .btn,.journey__cta .btn{width:100%;max-width:320px;justify-content:center}
}

/* ─── Breakpoint 480px (pequenos smartphones) ─── */
@media(max-width:480px){
  :root{--space-xl:2rem;--space-2xl:3rem}
  .hero__title{font-size:2.6rem}
  .themes__grid{grid-template-columns:1fr}
  .hero__actions{flex-direction:column}
  .stats__grid{grid-template-columns:1fr}
  .footer__grid{grid-template-columns:1fr}
  .values__grid{grid-template-columns:1fr}
  .differentials__grid{grid-template-columns:1fr}
  .service-detail-block__grid{grid-template-columns:1fr}
  .section-title{font-size:clamp(1.75rem,7vw,2.4rem)}
  .page-hero__title{font-size:clamp(2rem,8vw,3rem)}
  .tcarousel__card{padding:1.75rem 1.25rem}
  .tcarousel__text{font-size:1.1rem}
  .journey__steps{grid-template-columns:1fr}
  .faq__grid{grid-template-columns:1fr}
  .header-inner{padding:0 var(--space-md)}
  .container{padding:0 1rem}
}

/* ─── Breakpoint 375px (iPhone médio) ─── */
@media(max-width:375px){
  .hero-full__title{font-size:1.85rem}
  .section-title{font-size:1.75rem}
  .btn{padding:.8rem 1.4rem;font-size:.72rem}
  .logo-name{font-size:1.55rem}
  .logo-tagline{display:none}
  .tcarousel__author{grid-template-columns:auto 1fr;gap:.75rem}
  .tcarousel__tag{grid-column:1/-1}
}

/* ─── Ultrawide (> 1600px) ─── */
@media(min-width:1600px){
  :root{--container-max:1380px}
  .hero-full__content{max-width:1100px}
}



/* ══════════════════════════════════════════════════════════
   NEW ELEMENTS – Design System Additions
   ══════════════════════════════════════════════════════════ */

/* ─── Botão WhatsApp ─── */
.btn--whatsapp{
  display:inline-flex;align-items:center;gap:.5rem;
  padding:.75rem 1.5rem;border-radius:var(--radius-full);
  font-family:var(--font-body);font-size:.85rem;font-weight:600;
  letter-spacing:.05em;text-decoration:none;
  background:#25D366;color:#fff;border:2px solid #25D366;
  transition:all var(--transition-fast);cursor:pointer;
}
.btn--whatsapp:hover{background:#1ebe5d;border-color:#1ebe5d;transform:translateY(-2px);box-shadow:0 8px 24px rgba(37,211,102,.35)}

/* ─── CTA Badge ─── */
.cta-badge{
  display:inline-flex;align-items:center;gap:.45rem;
  background:rgba(197,144,58,.12);border:1px solid rgba(197,144,58,.3);
  border-radius:var(--radius-full);padding:.4rem 1rem;
  font-family:var(--font-body);font-size:.75rem;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;color:var(--color-gold);
  margin-bottom:var(--space-md);
}

/* ─── Section CTAs (after service, diff, testimonial, journey grids) ─── */
.services__cta,
.differentials__cta,
.testimonials__cta,
.journey__cta{
  text-align:center;margin-top:var(--space-2xl);display:flex;
  align-items:center;justify-content:center;gap:var(--space-md);
  flex-wrap:wrap;
}

/* ─── Service card icon ─── */
.service-card__icon{
  width:48px;height:48px;
  background:var(--color-gold-xpale);border-radius:var(--radius-md);
  display:flex;align-items:center;justify-content:center;
  color:var(--color-gold);margin-bottom:var(--space-md);
  transition:background var(--transition-fast);
}
.service-card:hover .service-card__icon{background:var(--color-gold);color:#fff}

/* ─── Intro pillar icon ─── */
.intro__pillar-icon{
  color:var(--color-gold);margin-bottom:.6rem;
  display:block;opacity:.85;
}
.intro__pillar:hover .intro__pillar-icon{opacity:1}

/* ─── Juliana credential icon (replaces dot) ─── */
.juliana__credential-icon{
  color:var(--color-gold);flex-shrink:0;margin-top:2px;
}

/* ─── Mission card icon already styled, ensure SVG fits ─── */
.mission-card__icon svg{width:26px;height:26px}

/* ─── Diff card icon SVG size ─── */
.diff-card__icon svg{width:22px;height:22px}

/* ─── Value card icon SVG size ─── */
.value-card__icon svg{width:22px;height:22px}

/* ─── Theme card icon as div ─── */
.theme-card__icon{
  width:52px;height:52px;
  background:rgba(197,144,58,.1);border-radius:var(--radius-md);
  display:flex;align-items:center;justify-content:center;
  color:var(--color-gold);margin-bottom:var(--space-md);
  transition:background var(--transition-fast),color var(--transition-fast);
}
.theme-card:hover .theme-card__icon{background:var(--color-gold);color:#fff}

/* ─── FAQ chevron rotation (replaces + animation) ─── */
.faq__icon svg{
  transition:transform var(--transition-fast);
  display:block;
}
.faq__item.open .faq__icon svg{transform:rotate(180deg)}

/* ─── Responsive for new CTAs ─── */
@media(max-width:768px){
  .services__cta,
  .differentials__cta,
  .testimonials__cta,
  .journey__cta{flex-direction:column;align-items:center}
  .service-card__icon{width:40px;height:40px}
}

/* ─── CONTACT REDESIGN EXTRAS ─── */
.contact-note {
  background: var(--color-cream);
  border: 1px solid rgba(197, 144, 58, 0.2);
  border-radius: var(--radius-xl);
  padding: 2.75rem 2.25rem;
  text-align: center;
  position: relative;
  margin: 2.75rem 0;
  box-shadow: var(--shadow-sm);
}
.contact-note::before {
  content: "";
  position: absolute;
  top: 0; left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 4px;
  background: var(--color-gold);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.contact-note__icon {
  color: var(--color-gold);
  margin-bottom: var(--space-md);
  opacity: 0.8;
}
.contact-note__title {
  font-family: var(--font-heading);
  font-size: 2.2rem;
  font-weight: 600;
  color: var(--color-dark);
  margin-bottom: var(--space-md);
}
.contact-note__text {
  font-family: var(--font-body);
  font-size: 1.05rem;
  line-height: 1.8;
  color: var(--color-text-muted);
  max-width: 700px;
  margin: 0 auto;
}

.contact-image-break {
  width: 100%;
  height: 400px;
  object-fit: cover;
  border-radius: var(--radius-xl);
  margin-top: 2.5rem;
  margin-bottom: 0;
  height: 380px;
  box-shadow: var(--shadow-lg);
}

.contact-steps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  position: relative;
  margin-top: 0;
}
/* Connecting line */
.contact-steps::before {
  content: "";
  position: absolute;
  top: 36px;
  left: 10%;
  right: 10%;
  height: 1px;
  background: rgba(197, 144, 58, 0.3);
  z-index: 0;
}
.contact-step {
  position: relative;
  z-index: 1;
  text-align: center;
  padding: 0 var(--space-md);
}
.contact-step__icon-wrap {
  width: 72px;
  height: 72px;
  background: #fff;
  border: 1px solid rgba(197, 144, 58, 0.3);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto var(--space-lg);
  color: var(--color-gold);
  box-shadow: 0 4px 12px rgba(0,0,0,0.03);
  transition: all var(--transition-med);
}
.contact-step:hover .contact-step__icon-wrap {
  background: var(--color-gold);
  color: #fff;
  transform: translateY(-5px);
  box-shadow: 0 8px 24px rgba(197, 144, 58, 0.25);
}
.contact-step__num {
  font-family: var(--font-heading);
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--color-gold);
  letter-spacing: 0.1em;
  margin-bottom: 0.5rem;
  display: block;
}
.contact-step__title {
  font-family: var(--font-heading);
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--color-dark);
  margin-bottom: 0.75rem;
}
.contact-step__text {
  font-family: var(--font-body);
  font-size: 0.95rem;
  line-height: 1.7;
  color: var(--color-text-muted);
}

@media(max-width: 768px) {
  .contact-steps {
    grid-template-columns: 1fr;
    gap: var(--space-2xl);
  }
  .contact-steps::before {
    display: none; /* Hide connecting line on mobile */
  }
  .contact-image-break {
    height: 250px;
  }
}

/* ─── TEMAS REDESIGN EXTRAS ─── */
.theme-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(2.75rem, 4vw, 3.75rem);
  align-items: center;
  margin: 0;
}
.theme-split--reverse .theme-split__image-col {
  order: 2;
}
.theme-split--reverse .theme-split__content-col {
  order: 1;
}
.theme-split__image {
  width: 100%;
  height: 500px;
  object-fit: cover;
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-lg);
}

.theme-quote {
  background: #fff;
  border-radius: var(--radius-lg);
  padding: 2.5rem 2rem;
  box-shadow: var(--shadow-md);
  border-left: 4px solid var(--color-gold);
  position: relative;
  margin: 2.5rem auto;
  max-width: 900px;
  text-align: center;
}
.theme-quote__icon {
  color: var(--color-gold);
  opacity: 0.2;
  position: absolute;
  top: 10px;
  left: 20px;
}
.theme-quote__text {
  font-family: var(--font-heading);
  font-size: 1.8rem;
  font-style: italic;
  color: var(--color-dark);
  line-height: 1.5;
  margin-bottom: var(--space-md);
}

.theme-feature-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
}
.theme-feature {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}
.theme-feature__icon {
  width: 48px;
  height: 48px;
  background: rgba(197, 144, 58, 0.1);
  color: var(--color-gold);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all var(--transition-fast);
}
.theme-feature:hover .theme-feature__icon {
  background: var(--color-gold);
  color: #fff;
}
.theme-feature__title {
  font-family: var(--font-heading);
  font-size: 1.35rem;
  font-weight: 600;
  color: var(--color-dark);
  margin-bottom: 0.4rem;
}
.theme-feature__text {
  font-family: var(--font-body);
  font-size: 0.95rem;
  color: var(--color-text-muted);
  line-height: 1.6;
}

@media(max-width: 992px) {
  .theme-split {
    grid-template-columns: 1fr;
    gap: var(--space-xl);
  }
  .theme-split--reverse .theme-split__image-col {
    order: 1; /* reset order on mobile */
  }
  .theme-split--reverse .theme-split__content-col {
    order: 2;
  }
  .theme-split__image {
    height: 350px;
  }
}

/* ─── NEW HERO FULL (Home) ─── */
.hero-full {
  position: relative;
  height: 100vh;
  height: 100dvh;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background-color: var(--color-dark);
  overflow: hidden;
  text-align: left;
}
.hero-full__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: right top;
  transform: scale(1.12) translateY(6%);
  transition: transform 8s ease;
  z-index: 1;
}
.hero-full__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background:
    linear-gradient(to right,
      rgba(0,0,0,0.79) 0%,
      rgba(0,0,0,0.66) 35%,
      rgba(0,0,0,0.37) 60%,
      rgba(0,0,0,0.11) 80%,
      transparent 100%
    );
  z-index: 2;
}
.hero-full__content {
  position: relative;
  z-index: 3;
  padding: 0 var(--space-xl);
  max-width: 900px;
  animation: fadeInUp .8s ease both;
}
.hero-full__eyebrow {
  font-family: var(--font-body);
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: var(--color-gold);
  margin-bottom: var(--space-md);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.75rem;
}
.hero-full__eyebrow::before {
  content: "";
  display: inline-block;
  width: 2rem;
  height: 1px;
  background: var(--color-gold);
}
.hero-full__title {
  font-family: var(--font-heading);
  font-size: clamp(2.4rem, 5vw, 4rem);
  color: #fff;
  line-height:  1.15;
  margin-bottom: var(--space-md);
  font-weight: 700;
  text-shadow: 0 2px 16px rgba(0,0,0,0.45), 0 1px 4px rgba(0,0,0,0.3);
}
.hero-full__subtitle {
  font-family: var(--font-body);
  font-size: clamp(1.05rem, 1.5vw, 1.25rem);
  color: rgba(255,255,255,0.9);
  margin-bottom: var(--space-xl);
  font-weight: 300;
  max-width: 750px;
  margin-inline: 0;
  text-shadow: 0 1px 8px rgba(0,0,0,0.35);
  line-height: 1.8;
}
.hero-full__actions {
  display: flex;
  gap: 1.2rem;
  justify-content: flex-start;
  flex-wrap: wrap;
}

/* ─── BENEFITS STRIP ─── */
.benefits-strip {
  background: var(--color-dark-mid);
  padding: 2.2rem 0;
  position: relative;
  z-index: 10;
  border-bottom: 1px solid rgba(255,255,255,0.05);
}
.benefits-strip__grid {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.5rem;
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
}
.benefit-card {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.85rem;
  white-space: nowrap;
  flex: 0 0 auto;
}
.benefit-card__icon {
  color: var(--color-gold);
  flex-shrink: 0;
}
.benefit-card__text {
  color: #fff;
  font-family: var(--font-heading);
  font-size: 1.05rem;
  line-height: 1.2;
  white-space: nowrap;
}

/* ─── TESTIMONIALS CAROUSEL ─── */
.testimonials {
  position: relative;
  padding: calc(var(--section-gap) * 1.2) 0;
  background-color: var(--color-dark);
  background-image: radial-gradient(circle at 10% 0%, rgba(197, 144, 58, 0.08) 0%, transparent 40%),
                    radial-gradient(circle at 90% 100%, rgba(197, 144, 58, 0.05) 0%, transparent 40%);
  color: #fff;
  overflow: hidden;
}
.testimonials__bg-deco {
  position: absolute;
  top: -50px;
  right: -50px;
  pointer-events: none;
  z-index: 0;
}
.testimonials__deco-quote {
  font-family: var(--font-heading);
  font-size: 30rem;
  color: rgba(197, 144, 58, 0.03);
  line-height: 1;
}
.testimonials .section-title {
  color: #fff;
}
.testimonials .section-subtitle {
  color: rgba(255, 255, 255, 0.7);
}

.tcarousel {
  position: relative;
  max-width: 900px;
  margin: 0 auto;
  z-index: 1;
}
.tcarousel__track-wrap {
  overflow: hidden;
  padding: var(--space-xl) 1rem;
  margin: -var(--space-xl) -1rem; /* compense padding to allow shadow */
}
.tcarousel__track {
  display: flex;
  transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
  will-change: transform;
}
.tcarousel__slide {
  flex: 0 0 100%;
  width: 100%;
  padding: 0 1rem;
  opacity: 0.4;
  transform: scale(0.95);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.tcarousel__slide.active {
  opacity: 1;
  transform: scale(1);
}

.tcarousel__card {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(197, 144, 58, 0.15);
  border-radius: 20px;
  padding: 3.5rem 3rem;
  position: relative;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 20px 40px rgba(0,0,0,0.2);
}
.tcarousel__card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 3rem;
  right: 3rem;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--color-gold), transparent);
  opacity: 0.5;
}

.tcarousel__quote-icon {
  color: var(--color-gold);
  margin-bottom: 2rem;
  opacity: 0.8;
}

.tcarousel__text {
  font-family: var(--font-heading);
  font-size: clamp(1.2rem, 3vw, 1.6rem);
  line-height: 1.6;
  color: #fff;
  margin-bottom: 3rem;
  font-style: italic;
  font-weight: 400;
}

.tcarousel__author {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 1.25rem;
  border-top: 1px solid rgba(255,255,255,0.1);
  padding-top: 2rem;
}
@media (max-width: 600px) {
  .tcarousel__author {
    grid-template-columns: auto 1fr;
    gap: 1rem;
  }
  .tcarousel__tag {
    grid-column: 1 / -1;
    margin-top: 1rem;
    justify-self: start;
  }
  .tcarousel__card {
    padding: 2.5rem 1.5rem;
  }
}

.tcarousel__avatar {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--color-gold) 0%, var(--color-gold-dark) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 1.5rem;
  color: #fff;
  box-shadow: 0 4px 15px rgba(197, 144, 58, 0.3);
}

.tcarousel__name {
  display: block;
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 1.1rem;
  color: #fff;
  font-style: normal;
  margin-bottom: 0.2rem;
}

.tcarousel__role {
  display: block;
  font-family: var(--font-body);
  font-size: 0.85rem;
  color: rgba(255,255,255,0.6);
  margin-bottom: 0.4rem;
}

.tcarousel__stars {
  color: var(--color-gold);
  font-size: 0.9rem;
  letter-spacing: 2px;
}

.tcarousel__tag {
  background: rgba(197, 144, 58, 0.1);
  border: 1px solid rgba(197, 144, 58, 0.3);
  color: var(--color-gold-light);
  padding: 0.4rem 1rem;
  border-radius: 100px;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

/* Controles */
.tcarousel__controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  margin-top: 2rem;
}
.tcarousel__btn {
  background: transparent;
  border: 1px solid rgba(255,255,255,0.2);
  color: #fff;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
}
.tcarousel__btn:hover {
  background: var(--color-gold);
  border-color: var(--color-gold);
  transform: scale(1.05);
}
.tcarousel__dots {
  display: flex;
  gap: 0.75rem;
}
.tcarousel__dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: rgba(255,255,255,0.2);
  border: none;
  padding: 0;
  cursor: pointer;
  transition: all 0.3s ease;
}
.tcarousel__dot.active {
  background: var(--color-gold);
  transform: scale(1.3);
}

/* ─── METHODOLOGY NEW (Alternating layout) ─── */
.methodology-block {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-3xl);
  align-items: center;
  margin-bottom: var(--space-2xl);
}
.methodology-block:nth-child(even) {
  direction: rtl;
}
.methodology-block:nth-child(even) > * {
  direction: ltr;
}
.methodology-block__image {
  border-radius: var(--radius-md);
  box-shadow: 0 15px 50px rgba(0,0,0,0.08);
}
.methodology-block__content h3 {
  font-family: var(--font-heading);
  font-size: 2.2rem;
  color: var(--color-cream);
  margin-bottom: 1rem;
  line-height: 1.1;
}
.methodology-block__content p {
  font-family: var(--font-body);
  font-size: 1.05rem;
  color: var(--color-text-muted);
  line-height: 1.8;
}

@media(max-width: 992px) {
  .methodology-block {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  .methodology-block:nth-child(even) {
    direction: ltr;
  }
}

/* ══════════════════════════════════════════════════════════
   ICON STANDARDIZATION SYSTEM
   Controla os tamanhos dos SVGs por contexto via CSS,
   garantindo consistência em todo o projeto.
   ══════════════════════════════════════════════════════════ */

/* ─── Variáveis de tamanho de ícone ─── */
:root {
  --icon-xs: 14px;   /* Botões / CTAs / setas */
  --icon-sm: 18px;   /* Listas / rodapé / inline */
  --icon-md: 20px;   /* Cards pequenos / credenciais */
  --icon-lg: 22px;   /* Cards de serviço / tema */
  --icon-xl: 24px;   /* Pilares / destaques */
  --icon-2xl: 28px;  /* Jornada / contato steps */
  --icon-hero: 32px; /* Benefits strip / hero icons */
  --icon-stroke: 1.5; /* Espessura padrão de traço */
}

/* ─── Ícones dentro de botões (setas de CTA) ─── */
.btn svg,
.service-card__link svg,
.service-card__arrow svg {
  width: var(--icon-xs);
  height: var(--icon-xs);
  flex-shrink: 0;
}

/* ─── Ícones no footer ─── */
.footer__link svg,
.footer__social-link svg {
  width: var(--icon-sm);
  height: var(--icon-sm);
  flex-shrink: 0;
}

/* ─── Ícones de lista (check marks) ─── */
.juliana__credential-icon svg,
li > svg {
  width: var(--icon-md);
  height: var(--icon-md);
  flex-shrink: 0;
}

/* ─── Ícones em cards de serviço e tema ─── */
.service-card__icon svg,
.theme-card__icon svg,
.diff-card__icon svg {
  width: var(--icon-lg);
  height: var(--icon-lg);
}

/* ─── Ícones nos pilares / destaques ─── */
.intro__pillar-icon,
.intro__pillar-icon svg,
.contact-step__icon-wrap svg {
  width: var(--icon-xl);
  height: var(--icon-xl);
}

/* ─── Ícones de steps da jornada / contato ─── */
.journey__step svg,
.contact__info-icon svg {
  width: var(--icon-2xl);
  height: var(--icon-2xl);
}

/* ─── Ícones do benefits strip / hero ─── */
.benefit-card__icon svg,
.benefit-card__icon {
  width: var(--icon-hero);
  height: var(--icon-hero);
}

/* ─── Ícones nos containers quadrados (mission, value, service) ─── */
.mission-card__icon svg,
.value-card__icon svg {
  width: var(--icon-xl);
  height: var(--icon-xl);
}

/* ─── Alinhamento vertical consistente ─── */
.btn svg,
.footer__link svg,
.footer__social-link svg,
.service-card__link svg {
  display: inline-block;
  vertical-align: middle;
}

/* ─── Espessura de traço padrão (stroke-width) para todos os SVGs ─── */
svg:not([fill="currentColor"]):not(.tcarousel__quote-icon) {
  stroke-width: var(--icon-stroke);
}

/* ══════════════════════════════════════════════════════════
   CONTRASTE VISUAL: Depoimentos → Jornada do Cliente
   Cria uma separação elegante entre as duas seções escuras
   ══════════════════════════════════════════════════════════ */

/* Seção de Depoimentos: fundo escuro base */
.testimonials {
  background-color: var(--color-dark);
  background-image:
    radial-gradient(circle at 10% 0%, rgba(197, 144, 58, 0.08) 0%, transparent 40%),
    radial-gradient(circle at 90% 100%, rgba(197, 144, 58, 0.05) 0%, transparent 40%);
}

/* Jornada do Cliente: fundo ligeiramente diferente + borda dourada superior */
.journey.section--dark {
  background-color: var(--color-dark-2, #231D13);
  background-image:
    radial-gradient(ellipse at 50% 0%, rgba(197, 144, 58, 0.07) 0%, transparent 55%);
  border-top: 1px solid rgba(197, 144, 58, 0.2);
  position: relative;
}

/* Linha decorativa dourada entre as duas seções */
.journey.section--dark::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 120px;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--color-gold), transparent);
}

/* Títulos da Jornada em fundo escuro-2 */
.journey .section-title {
  color: var(--color-cream);
}

/* ══════════════════════════════════════════════════════════
   CONTACT STEPS – Responsividade
   ══════════════════════════════════════════════════════════ */
.contact-steps {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: var(--space-md);
  margin-top: var(--space-xl);
}

@media(max-width: 600px) {
  .contact-steps {
    grid-template-columns: 1fr;
  }
}

/* ══════════════════════════════════════════════════════════
   MOBILE NAV – Overlay JS Hook
   (requer .nav-overlay adicionado no HTML via JS)
   ══════════════════════════════════════════════════════════ */
.nav-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(10, 8, 5, 0.65);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  z-index: 997;
  cursor: pointer;
}
.nav-overlay.active {
  display: block;
}
.hero-full__media{position:absolute;inset:0;display:block;z-index:1}

/* ══════════════════════════════════════════════════════════
   CLIENTES E PARCEIROS
   ══════════════════════════════════════════════════════════ */
.relations{background:var(--color-cream);position:relative;overflow:hidden}
.relations::before{content:"Métis";position:absolute;right:-2vw;top:1rem;font-family:var(--font-title);font-size:15vw;line-height:1;color:rgba(197,144,58,.045);pointer-events:none}
.relations__header{text-align:center;max-width:720px;margin:0 auto var(--space-xl)}
.relations__header .section-subtitle{margin-inline:auto}
.relations__group{display:flex;flex-direction:column;gap:2rem;padding:var(--space-xl) 0;border-top:1px solid var(--color-border)}
.relations__group:last-child{padding-bottom:0}
.relations__group-heading{display:flex;align-items:flex-start;gap:1rem;margin-bottom:.5rem}
.relations__group-heading .section-label{margin-bottom:.35rem}
.relations__group-heading .section-label::before{display:none}
.relations__group-heading h3{font-size:clamp(1.8rem,3vw,2.5rem);color:var(--color-dark)}
.relations__index{font-size:.7rem;font-weight:600;letter-spacing:.16em;color:var(--color-gold);padding-top:.45rem}
.relations__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;align-items:stretch}
.relation-card{min-width:0;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:transform var(--transition-med),box-shadow var(--transition-med),border-color var(--transition-med);display:flex;flex-direction:column;height:100%}
.relation-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:rgba(197,144,58,.45)}
.relation-card__media{height:165px;padding:1.35rem 1.25rem;display:flex;align-items:center;justify-content:center;background:#fff;border-bottom:1px solid var(--color-border);flex-shrink:0;box-sizing:border-box}
.relation-card__media picture{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.relation-card__media img{width:auto;height:auto;max-width:170px;max-height:85px;object-fit:contain;filter:grayscale(1);opacity:.85;transition:filter var(--transition-med),opacity var(--transition-med),transform var(--transition-med)}
.relation-card:hover .relation-card__media img{filter:grayscale(0);opacity:1;transform:scale(1.03)}
.relation-card__media--dark{background:var(--color-dark)}
.relation-card__media--portrait img{width:100px;height:100px;max-height:100px;border-radius:50%;object-fit:cover}
/* Arredondamento suave em logos específicos */
.relation-card__media img[alt="Nutrifrango"],
.relation-card__media img[alt="Grupo Imex"],
.relation-card__media img[alt="Baumgarten"],
.relation-card__media img[alt="Meteora Brands"],
.relation-card__media img[alt="Votto Corporate"],
.relation-card__media img[alt="Theo Graf Impressos"],
.relation-card__media img[alt="D Tech TI Solutions"],
.relation-card__media img[alt="Fortuna & Fontana Advocacia"],
.relation-card__media img[alt="Masi Seguros"]{border-radius:10px}
.relation-card__content{padding:1.35rem 1.35rem 1.5rem;flex:1 1 auto;display:flex;flex-direction:column;box-sizing:border-box}
.relation-card__content h4{font-size:1.12rem;font-weight:700;color:var(--color-dark);margin-bottom:.4rem;line-height:1.3}
.relation-card__content p{font-size:.86rem;color:var(--color-text-muted);line-height:1.6;margin:0}

/* Container de scroll vertical interno independente para Clientes e Parceiros */
.relations__grid-scroll-wrapper {
  max-height: 560px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 0.4rem;
  padding-bottom: 0.4rem;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}
.relations__grid-scroll-wrapper::-webkit-scrollbar {
  width: 6px;
}
.relations__grid-scroll-wrapper::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
}
.relations__grid-scroll-wrapper::-webkit-scrollbar-thumb {
  background: var(--color-gold);
  border-radius: 4px;
}
.relations__grid-scroll-wrapper::-webkit-scrollbar-thumb:hover {
  background: #b07d2e;
}
.relations__mobile-controls {
  display: none !important;
}

/* ══════════════════════════════════════════════════════════
   RESPONSIVIDADE E ACESSIBILIDADE — REVISÃO SISTÊMICA
   ══════════════════════════════════════════════════════════ */
:where(section[id]){scroll-margin-top:88px}
:where(a,button,input,select,textarea):focus-visible{outline:2px solid var(--color-gold);outline-offset:3px}
.nav-toggle{min-width:44px;min-height:44px;align-items:center;justify-content:center}
.faq__question,.tcarousel__btn,.tcarousel__dot{touch-action:manipulation}

@media(max-width:1024px){
  .relations__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}
}

@media(max-width:768px){
  :root{--section-gap:clamp(3.25rem,9vw,3.85rem);--space-lg:1.75rem;--space-xl:2.25rem;--space-2xl:3rem;--space-3xl:3.75rem}
  html{scroll-padding-top:72px}
  body{line-height:1.65}
  .site-header{backdrop-filter:none;-webkit-backdrop-filter:none}
  .header-inner{height:68px;padding-inline:1rem}
  .logo-img{height:48px}
  .logo{gap:.55rem;min-width:0}
  .logo-name{font-size:1.65rem}
  .logo-tagline{font-size:.42rem;letter-spacing:.11em;white-space:nowrap}
  .container{padding-inline:1.1rem}
  .btn{max-width:100%;white-space:normal;text-align:center;line-height:1.35;justify-content:center}
  .section,.intro,.services,.methodology,.themes,.testimonials,.journey,.faq,.relations,.contact{padding-top:var(--section-gap);padding-bottom:var(--section-gap)}
  .section-title{font-size:clamp(1.85rem,8vw,2.45rem);line-height:1.12;text-wrap:balance;overflow-wrap:anywhere}
  .section-subtitle{font-size:.98rem;line-height:1.7}
  .section-label{font-size:.66rem;letter-spacing:.17em}
  .section-label::before{width:1.5rem}
  .divider-line{margin:2.25rem 0;gap:.75rem}
  .divider-line__text{white-space:normal;text-align:center}

  .hero-full{height:auto;min-height:100svh;padding:calc(68px + 2rem) 0 2.5rem;align-items:flex-end}
  .hero-full__bg{inset:0;width:100%;height:100%;transform:none;object-fit:cover}
  .hero-full__content{padding-inline:1.1rem}
  .hero-full__title{font-size:clamp(2rem,9vw,2.65rem);line-height:1.08;text-wrap:balance}
  .hero-full__subtitle{font-size:.9rem;line-height:1.65;max-width:34rem}
  .hero-full__actions{width:100%;max-width:360px}
  .benefits-strip{padding:1.6rem 0}
  .benefits-strip__grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem .75rem}
  .benefit-card{padding:.25rem;min-width:0;white-space:normal}
  .benefit-card__text{font-size:.7rem;letter-spacing:.08em;white-space:normal}

  .page-hero{min-height:0;height:auto}
  .page-hero__content{padding:calc(68px + 2rem) 1.1rem 2.75rem;min-height:46svh;justify-content:flex-end}
  .page-hero__image-wrap{height:42svh;min-height:280px}
  .page-hero__title{font-size:clamp(2.15rem,10vw,3.1rem);text-wrap:balance;overflow-wrap:anywhere}
  .page-hero__subtitle{font-size:.92rem;line-height:1.7}
  .page-hero__frame,.page-hero__frame-b{width:38px;height:38px}

  .intro__grid,.methodology__grid,.juliana__grid,.contact__grid,.service-detail-block__grid{gap:2.25rem}
  .intro__image{height:auto;min-height:0;aspect-ratio:4/5}
  .intro__badge{right:.75rem;bottom:.75rem}
  .intro__quote{font-size:1.2rem;padding-left:1rem;margin:1.75rem 0}
  .intro__pillars{gap:1rem}
  .intro__pillar{padding:1rem}
  .services__header,.themes__header,.differentials__header{margin-bottom:2.25rem}
  .service-card{padding:2rem 1.25rem}
  .service-card__title{font-size:1.55rem}
  .methodology-block{gap:1.4rem;margin-bottom:2rem}
  .methodology-block:last-child{margin-bottom:0}
  .methodology-block__image{width:100%;aspect-ratio:4/3;object-fit:cover}
  .methodology-block__content h3{font-size:1.65rem}
  .methodology-block__content p{font-size:.95rem;line-height:1.7}
  .juliana__images{gap:1rem}
  .juliana__img-main{height:auto!important;aspect-ratio:1/1;object-fit:cover}
  .themes__grid{gap:1rem}
  .theme-card{padding:1.4rem}
  .theme-split,.theme-split--reverse{grid-template-columns:minmax(0,1fr)!important;gap:1.5rem!important}
  .theme-split__image-col,.theme-split__content-col,.theme-feature-list,.theme-feature{width:100%;max-width:100%;min-width:0}
  .theme-split__image{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
  .theme-feature{grid-template-columns:48px minmax(0,1fr);gap:1rem}
  .theme-feature__title,.theme-feature__text{overflow-wrap:anywhere}

  .relations::before{font-size:35vw;top:2rem}
  .relations__header{margin-bottom:2.5rem}
  .relations__group{padding:2rem 0;gap:1.25rem}

  /* Controles do carrossel mobile */
  .relations__mobile-controls {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 1.25rem;
    margin-top: 1.25rem;
  }
  .relations__nav-btn {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 1px solid var(--color-border);
    background: #fff;
    color: var(--color-dark);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all var(--transition-fast);
    box-shadow: var(--shadow-sm);
  }
  .relations__nav-btn:hover,
  .relations__nav-btn:active {
    border-color: var(--color-gold);
    color: var(--color-gold);
    transform: scale(1.05);
  }
  .relations__dots {
    display: flex;
    align-items: center;
    gap: 0.45rem;
  }
  .relations__dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.2);
    border: none;
    padding: 0;
    cursor: pointer;
    transition: all var(--transition-fast);
  }
  .relations__dot.active {
    width: 22px;
    border-radius: 4px;
    background: var(--color-gold);
  }

  /* Carrossel mobile: 1 card único visível por vez */
  .relations__grid-scroll-wrapper {
    max-height: none !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100%;
  }
  .relations__grid {
    display: flex !important;
    flex-direction: row !important;
    grid-template-columns: none !important;
    gap: 0 !important;
    width: 100%;
    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    touch-action: pan-y pinch-zoom;
  }
  .relation-card {
    flex: 0 0 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: auto;
    border-radius: var(--radius-lg);
  }
  .relation-card__media {
    height: 145px;
    padding: 1.25rem 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid var(--color-border);
    border-right: none;
    flex-shrink: 0;
    box-sizing: border-box;
  }
  .relation-card__media picture {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
  }
  .relation-card__media img {
    width: auto;
    height: auto;
    max-width: 82%;
    max-height: 90px;
    object-fit: contain;
    filter: grayscale(1);
    opacity: .85;
    transition: filter var(--transition-med), opacity var(--transition-med);
  }
  .relation-card__media--portrait img {
    width: 90px;
    height: 90px;
    max-height: 90px;
    border-radius: 50%;
    object-fit: cover;
  }
  .relation-card__content {
    padding: 1.25rem 1.1rem 1.4rem;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
  }
  .relation-card__content h4 {
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 0.4rem;
    overflow-wrap: anywhere;
  }
  .relation-card__content p {
    font-size: 0.84rem;
    line-height: 1.6;
    color: var(--color-text-muted);
    margin: 0;
    overflow-wrap: anywhere;
  }

  .testimonials__bg-deco{right:-3rem;overflow:hidden}
  .tcarousel__track-wrap{overflow:hidden}
  .tcarousel__slide{min-width:100%;padding:.5rem 0}
  .tcarousel__card{margin:0;padding:1.75rem 1.25rem}
  .tcarousel__card-inner{padding:0}
  .tcarousel__text{font-size:1rem;line-height:1.7}
  .tcarousel__controls{gap:1.25rem;margin-top:1.5rem}
  .tcarousel__btn{width:44px;height:44px}
  .journey__steps{gap:1rem}
  .journey__step{padding:1.25rem}
  .faq__grid{gap:2.5rem}
  .faq__list{gap:.65rem}
  .faq__question{padding:1rem;min-height:64px;text-align:left;align-items:flex-start;gap:.75rem;font-size:1rem;line-height:1.45}
  .faq__question>span:first-child{position:relative;display:block;flex:1;min-width:0;padding-left:2.15rem;overflow-wrap:anywhere}
  .faq__item-num{position:absolute;left:0;top:.1em;width:1.75rem;margin:0;font-size:.7rem;line-height:1.5}
  .faq__icon{margin-top:.05rem}
  .faq__answer-inner{padding:0 1rem 1.15rem;font-size:.88rem;line-height:1.75}
  .cta-section{padding:3.75rem 1.1rem}
  .cta-section__quote{font-size:clamp(1.8rem,8vw,2.5rem);text-wrap:balance}
  .contact__form-wrap{padding:1.4rem}
  .contact-break-image{height:auto!important;aspect-ratio:4/3}
  .service-detail-block__img{width:100%;height:auto;min-height:0;aspect-ratio:4/3;object-fit:cover;object-position:center 20%}
  .methodology__image{height:auto;min-height:0;aspect-ratio:4/3;object-fit:cover;object-position:center}
  .juliana__img{object-position:center 20%}
  .form-control{font-size:16px}
  .privacy-content{padding:calc(68px + 2.5rem) 1.1rem 4rem}

  .site-footer{padding-top:3rem}
  .footer__grid{grid-template-columns:1fr 1fr;gap:2rem 1.25rem}
  .footer__brand{grid-column:1/-1}
  .footer__col:last-child{grid-column:1/-1}
  .footer__link{min-height:36px;display:flex;align-items:center}
  .footer__bottom{gap:.75rem;padding:1.5rem 0}
}



@media(max-width:768px) and (max-height:700px){
  .nav.mobile-open .nav__links{padding:4.35rem 2rem 1.25rem}
  .nav.mobile-open .nav__links::before{top:.7rem;left:2rem;font-size:1.8rem}
  .nav.mobile-open .nav__close-btn{top:.65rem;right:1rem;width:38px;height:38px}
  .nav.mobile-open .nav__link{font-size:1.05rem;padding:.72rem 0}
  .nav.mobile-open .nav__cta{margin-top:.8rem;padding:.72rem;font-size:.72rem}
}

@media(max-width:520px){
  .benefits-strip__grid{grid-template-columns:1fr}
  .benefit-card{justify-content:flex-start;max-width:270px;margin-inline:auto;width:100%}
}

@media(max-width:375px){
  .logo-tagline{display:none}
}

@media(max-width:340px){
  .footer__grid{grid-template-columns:minmax(0,1fr)}
  .footer__brand,.footer__col:last-child{grid-column:1}
  .footer__brand,.footer__col,.footer__brand .logo{min-width:0;max-width:100%}
  .contact__info-item,.contact__info-content{min-width:0}
  .contact__info-value{overflow-wrap:anywhere;word-break:break-word}
}

/* ══════════════════════════════════════════════════════════
   MOBILE — HERO HOME E FOOTER COMPACTO
   Regras isoladas para preservar integralmente o desktop.
   ══════════════════════════════════════════════════════════ */
@media(max-width:768px){
  /* Hero: hierarquia mais forte e leitura protegida sobre a fotografia. */
  .hero-full{
    padding:calc(68px + 1.5rem) 0 2.25rem;
  }
  .hero-full__overlay{
    background:
      linear-gradient(to top,rgba(12,10,7,.82) 0%,rgba(12,10,7,.66) 48%,rgba(12,10,7,.20) 78%,rgba(12,10,7,.07) 100%),
      linear-gradient(to right,rgba(12,10,7,.36),transparent 72%);
  }
  .hero-full__content{
    width:calc(100% - 2rem);
    margin-inline:1rem;
    padding:1.1rem 0 0 1rem;
    border-left:1px solid rgba(197,144,58,.55);
  }
  .hero-full__eyebrow{
    max-width:290px;
    margin-bottom:1rem;
    font-size:.64rem;
    line-height:1.55;
    letter-spacing:.19em;
  }
  .hero-full__eyebrow::before{width:1.35rem}
  .hero-full__title{margin-bottom:1rem}
  .hero-full__subtitle{margin-bottom:1.5rem}
  .hero-full__actions{gap:.65rem}
  .hero-full__actions .btn{min-height:48px}

  /* Diferenciais: painel 2x2 compacto, legível e com áreas de toque visuais. */
  .benefits-strip{
    margin-top:-1rem;
    padding:1.15rem 0 1.35rem;
    border-top:1px solid rgba(197,144,58,.2);
    border-bottom:1px solid rgba(197,144,58,.16);
    box-shadow:0 -16px 38px rgba(12,10,7,.28);
  }
  .benefits-strip .container{padding-inline:1rem}
  .benefits-strip__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:.7rem;
  }
  .benefit-card{
    position:relative;
    width:100%;
    max-width:none;
    min-height:112px;
    margin:0;
    padding:.9rem;
    flex-direction:column;
    align-items:flex-start;
    justify-content:space-between;
    gap:.7rem;
    overflow:hidden;
    border:1px solid rgba(197,144,58,.18);
    border-radius:var(--radius-md);
    background:rgba(255,255,255,.025);
  }
  .benefit-card::after{
    position:absolute;
    top:.65rem;
    right:.7rem;
    font-family:var(--font-heading);
    font-size:.62rem;
    letter-spacing:.1em;
    color:rgba(197,144,58,.35);
  }
  .benefit-card:nth-child(1)::after{content:'01'}
  .benefit-card:nth-child(2)::after{content:'02'}
  .benefit-card:nth-child(3)::after{content:'03'}
  .benefit-card:nth-child(4)::after{content:'04'}
  .benefit-card__icon{
    width:22px;
    height:22px;
    padding:.45rem;
    box-sizing:content-box;
    border:1px solid rgba(197,144,58,.25);
    border-radius:50%;
    background:rgba(197,144,58,.08);
  }
  .benefit-card__text{
    max-width:11rem;
    font-size:.78rem;
    line-height:1.35;
    letter-spacing:.025em;
  }

  /* Retrato após os diferenciais reduzido e centralizado apenas no mobile. */
  .intro{padding-top:3.75rem}
  .intro__image-wrapper{
    width:min(72vw,290px);
    margin-inline:auto;
  }
  .intro__image{
    width:100%;
    max-height:365px;
    aspect-ratio:4/5;
  }

  /* Footer: mantém somente marca e contato no celular. */
  .site-footer{padding:2.75rem 0 1.25rem}
  .footer__grid{
    grid-template-columns:minmax(0,1fr);
    gap:1.75rem;
    padding-bottom:1.75rem;
  }
  .footer__grid>div:nth-child(2),
  .footer__grid>div:nth-child(3){display:none}
  .footer__brand,
  .footer__grid>div:last-child{grid-column:1}
  .footer__brand-tagline{
    max-width:34rem;
    margin-bottom:0;
    font-size:.82rem;
    line-height:1.7;
  }
  .footer__grid>div:last-child .footer__heading{margin-bottom:.85rem}
  .footer__grid>div:last-child .footer__links{gap:.35rem}
  .footer__link{min-height:32px}
  .footer__bottom{
    flex-direction:column;
    align-items:center;
    gap:.65rem;
    padding:1.25rem 0 0;
    text-align:center;
  }
  .footer__copyright{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:.25rem;
    line-height:1.5;
  }
  .footer__developer{display:block}
  .footer__separator{display:none}
  .footer__bottom-links{gap:0}
}

/* ══════════════════════════════════════════════════════════
   MOBILE — HEROES INTERNAS E PÁGINA SOBRE
   A composição desktop permanece intocada acima de 768px.
   ══════════════════════════════════════════════════════════ */
@media(max-width:768px){
  /* Hero interna: mesma linguagem da home — imagem total e conteúdo inferior. */
  .page-hero{
    display:block;
    min-height:100svh;
    height:auto;
    padding:0;
    background:var(--color-dark);
    overflow:hidden;
  }
  .page-hero::after{
    height:125px;
    background:linear-gradient(to bottom,rgba(0,0,0,.47),transparent);
  }
  .page-hero__inner{
    display:flex;
    align-items:flex-end;
    width:100%;
    min-height:100svh;
    height:auto;
    padding:calc(68px + 2rem) 0 2.25rem;
    box-sizing:border-box;
    position:relative;
  }
  .page-hero__image-wrap{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    min-height:0;
    max-height:none;
    margin:0;
    border-radius:0;
    box-shadow:inset 0 -36px 88px rgba(255,255,255,.08);
    overflow:hidden;
    z-index:1;
  }
  .page-hero[aria-label="Sobre a Métis"]{--page-hero-mobile-image:url('../images/responsive/mobile/new_16_9_img2-hero.webp')}
  .page-hero[aria-label="Serviços Métis"]{--page-hero-mobile-image:url('../images/responsive/mobile/new_16_9_img11-hero.webp')}
  .page-hero[aria-label="Temas de Palestras e Cursos"]{--page-hero-mobile-image:url('../images/PHOTO-2026-07-27-13-29-18.jpg')}
  .page-hero[aria-label="Perguntas Frequentes"]{--page-hero-mobile-image:url('../images/responsive/mobile/new_16_9_img12-hero.webp')}
  .page-hero[aria-label="Contato Métis"]{--page-hero-mobile-image:url('../images/contato_vamos_conversar.png')}
  .page-hero__image-wrap picture,
  .page-hero__image{width:100%;height:100%}
  .page-hero__image-wrap picture{
    position:relative;
    overflow:hidden;
    isolation:isolate;
  }
  .page-hero__image-wrap picture::before{
    content:"";
    position:absolute;
    inset:-1.5rem;
    background:var(--page-hero-mobile-image) center/cover no-repeat;
    filter:blur(18px);
    transform:scale(1.08);
    opacity:.72;
    z-index:0;
  }
  .page-hero__image{
    position:relative;
    object-fit:contain;
    object-position:center top!important;
    transform:none;
    z-index:1;
  }
  .page-hero__image-wrap::after{
    display:block;
    inset:0;
    width:auto;
    height:auto;
    background:
      radial-gradient(ellipse at 28% 72%,rgba(255,255,255,.12),transparent 46%),
      linear-gradient(to top,rgba(12,10,7,.82) 0%,rgba(12,10,7,.66) 48%,rgba(12,10,7,.20) 78%,rgba(12,10,7,.07) 100%),
      linear-gradient(to right,rgba(12,10,7,.37),transparent 74%);
    z-index:1;
  }
  .page-hero__content{
    position:relative;
    order:initial;
    width:calc(100% - 2rem);
    min-height:0;
    margin:0 1rem;
    padding:1.1rem 0 0 1rem;
    justify-content:center;
    background:transparent;
    border:0;
    border-left:1px solid rgba(197,144,58,.62);
    border-radius:0;
    box-shadow:none;
    filter:drop-shadow(0 10px 28px rgba(255,255,255,.1));
    overflow:visible;
    z-index:3;
  }
  .page-hero__content::before{
    inset:-1.25rem -1rem -1.25rem -.5rem;
    width:auto;
    height:auto;
    border-radius:50%;
    background:radial-gradient(ellipse at left,rgba(255,255,255,.12),transparent 72%);
    filter:blur(18px);
    opacity:.9;
    z-index:-1;
  }
  .page-hero__frame,.page-hero__frame-b{display:none}
  .page-hero__breadcrumb{
    margin-bottom:.8rem;
    font-size:.62rem;
    letter-spacing:.13em;
    color:var(--color-gold);
    text-shadow:0 1px 12px rgba(0,0,0,.55);
  }
  .page-hero__breadcrumb span{color:rgba(255,255,255,.68)}
  .page-hero__title{
    max-width:100%;
    margin-bottom:.8rem;
    font-size:clamp(2rem,9.5vw,2.85rem);
    line-height:1.06;
    color:#fff;
    text-wrap:balance;
    overflow-wrap:anywhere;
    text-shadow:0 2px 16px rgba(0,0,0,.55),0 0 24px rgba(255,255,255,.1);
  }
  .page-hero__subtitle{
    max-width:100%;
    font-size:.88rem;
    line-height:1.65;
    color:rgba(255,255,255,.9);
    text-shadow:0 1px 12px rgba(0,0,0,.5),0 0 18px rgba(255,255,255,.08);
  }

  /* Sobre: leitura primeiro, imagem depois, com escala proporcional. */
  #empresa .intro__grid{
    display:flex;
    flex-direction:column;
    gap:2.25rem;
  }
  #empresa .intro__grid>div:last-child{order:1}
  #empresa .intro__image-wrapper{
    display:none;
  }
  #empresa .intro__image{
    width:100%;
    height:auto;
    max-height:350px;
    aspect-ratio:4/5;
    object-fit:cover;
    box-shadow:var(--shadow-md);
  }

  /* Galeria Juliana: somente a segunda imagem permanece no mobile. */
  #juliana .juliana__images{
    display:block;
    width:100%;
    padding:0;
  }
  #juliana .juliana__images .juliana__img{display:none!important}
  #juliana .juliana__images .juliana__img:nth-child(2){
    display:block!important;
    width:min(82vw,330px);
    height:auto!important;
    aspect-ratio:1/1;
    margin:0 auto;
    object-fit:cover;
    object-position:center;
    transform:none;
    box-shadow:var(--shadow-lg);
  }
}

@media(hover:none){
  .relation-card__media img{filter:none;opacity:1}
  .service-card:hover,.theme-card:hover,.relation-card:hover{transform:none}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .reveal{opacity:1!important;transform:none!important}
}

/* Área de toque confortável para os indicadores, sem alterar o ponto visual. */
@media(max-width:768px){
  .btn{min-height:44px}
  .tcarousel__dots{gap:0}
  .tcarousel__dot{
    position:relative;
    width:44px;
    height:44px;
    background:transparent;
    transform:none;
  }
  .tcarousel__dot::before{
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    width:10px;
    height:10px;
    border-radius:50%;
    background:rgba(255,255,255,.2);
    transform:translate(-50%,-50%);
    transition:all .3s ease;
  }
  .tcarousel__dot.active{background:transparent;transform:none}
  .tcarousel__dot.active::before{
    background:var(--color-gold);
    transform:translate(-50%,-50%) scale(1.3);
  }
}

/* ─── CTA DE CONTATO (DESKTOP & MOBILE) ─── */
.contact-mobile-cta {
  display: block;
  position: relative;
  overflow: hidden;
  padding: 5.5rem 0;
  background: var(--color-dark);
  text-align: center;
}
.contact-mobile-cta::before {
  content: "";
  position: absolute;
  inset: -40% -20% auto;
  height: 85%;
  background: radial-gradient(circle, rgba(197,144,58,.14), transparent 70%);
  pointer-events: none;
}
.contact-mobile-cta__inner {
  position: relative;
  z-index: 1;
  max-width: 52rem;
  margin-inline: auto;
  padding: 3.75rem 3rem;
  border: 1px solid rgba(197,144,58,.22);
  border-radius: var(--radius-xl);
  background: linear-gradient(145deg, rgba(255,255,255,.045), rgba(255,255,255,.012));
  box-shadow: 0 18px 44px rgba(0,0,0,.25);
}
.contact-mobile-cta .section-label {
  margin-bottom: 1rem;
  color: var(--color-gold);
  justify-content: center;
}
.contact-mobile-cta__title {
  max-width: 40rem;
  margin: 0 auto 1.25rem;
  font-family: var(--font-heading);
  font-size: clamp(2.2rem, 3.5vw, 3rem);
  font-weight: 700;
  line-height: 1.2;
  color: var(--color-cream);
  text-wrap: balance;
}
.contact-mobile-cta__text {
  max-width: 34rem;
  margin: 0 auto 2rem;
  font-family: var(--font-body);
  font-size: 1.05rem;
  line-height: 1.8;
  color: rgba(250,246,238,.75);
}
.contact-mobile-cta__button {
  display: inline-flex;
  width: auto;
  max-width: none;
  min-height: 52px;
  padding: 0.9rem 2.25rem;
  margin-inline: auto;
  justify-content: center;
  align-items: center;
  gap: 0.6rem;
  font-size: 0.85rem;
}

/* ══════════════════════════════════════════════════════════
   MOBILE — RITMO DA PÁGINA TEMAS E CTA DE CONTATO
   Regras isoladas para preservar integralmente o desktop.
   ══════════════════════════════════════════════════════════ */
@media(max-width:768px){
  /* Temas: elimina a soma de paddings e margens verticais desproporcionais. */
  .page-temas main>.section{
    padding-top:3.5rem;
    padding-bottom:3.5rem;
  }
  .page-temas main>.section[id]>.container>.reveal:first-child{
    margin-bottom:1.75rem!important;
  }
  .page-temas .theme-split,
  .page-temas .theme-split--reverse{
    margin:0;
    gap:1.5rem!important;
  }
  .page-temas .theme-split__content-col>div[style*="margin-top"]{
    margin-top:1.5rem!important;
  }
  .page-temas #gestao .differentials__grid{gap:1rem}
  .page-temas #gestao .text-center[style*="margin-top"]{
    margin-top:1.75rem!important;
  }
  .page-temas #mercado .theme-split__content-col>div:first-child{
    margin-bottom:1.5rem!important;
  }
  .page-temas .quote-premium{
    padding:3.75rem 0;
  }
  .page-temas .quote-premium__deco-quotes{margin-bottom:1.75rem}
  .page-temas .quote-premium__text{
    margin-bottom:1.75rem;
    padding-inline:0;
  }
  .page-temas .cta-section{padding:4rem 1.1rem}

  /* Contato: fechamento breve e acionável imediatamente antes do rodapé. */
  .contact-mobile-cta{
    display:block;
    position:relative;
    overflow:hidden;
    padding:3.75rem 0;
    background:var(--color-dark);
    text-align:center;
  }
  .contact-mobile-cta::before{
    content:"";
    position:absolute;
    inset:-35% -30% auto;
    height:75%;
    background:radial-gradient(circle,rgba(197,144,58,.12),transparent 68%);
    pointer-events:none;
  }
  .contact-mobile-cta__inner{
    position:relative;
    z-index:1;
    max-width:36rem;
    margin-inline:auto;
    padding:2.5rem 1.25rem;
    border:1px solid rgba(197,144,58,.22);
    border-radius:var(--radius-xl);
    background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012));
    box-shadow:0 18px 44px rgba(0,0,0,.2);
  }
  .contact-mobile-cta .section-label{
    margin-bottom:1rem;
    color:var(--color-gold);
  }
  .contact-mobile-cta__title{
    max-width:20rem;
    margin:0 auto 1rem;
    font-family:var(--font-heading);
    font-size:clamp(1.85rem,8vw,2.35rem);
    font-weight:700;
    line-height:1.12;
    color:var(--color-cream);
    text-wrap:balance;
  }
  .contact-mobile-cta__text{
    max-width:21rem;
    margin:0 auto 1.75rem;
    font-family:var(--font-body);
    font-size:.94rem;
    line-height:1.7;
    color:rgba(250,246,238,.7);
  }
  .contact-mobile-cta__button{
    width:100%;
    max-width:22rem;
    margin-inline:auto;
    min-height:50px;
  }
}

@media(max-width:360px){
  .page-temas main>.section{padding-block:3rem}
  .page-temas .quote-premium{padding-block:3.25rem}
  .contact-mobile-cta{padding-block:3.25rem}
  .contact-mobile-cta__inner{padding:2.25rem 1rem}
}

/* ══════════════════════════════════════════════════════════
   MOBILE — AJUSTES EXCLUSIVOS DA PÁGINA INÍCIO
   O enquadramento e a composição desktop permanecem intactos.
   ══════════════════════════════════════════════════════════ */
@media(max-width:768px){
  /* O título auxiliar foi removido da hero da home no celular. */
  .page-home .hero-full__eyebrow{display:none}

  /* Hero centralizada sem deslocamento lateral. */
  .page-home .hero-full__bg{
    position:absolute;
    inset:0;
    left:0!important;
    right:0!important;
    top:0!important;
    bottom:0!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:91% top!important;
    transform:none!important;
  }

  /* Contraste sutil sob a navbar; desaparece sobre o header branco ao rolar em todo o site. */
  .site-header::before{
    content:"";
    position:absolute;
    z-index:0;
    top:0;
    left:0;
    right:0;
    height:96px;
    background:linear-gradient(to bottom,rgba(12,10,7,.53) 0%,rgba(12,10,7,.29) 64%,transparent 100%);
    opacity:1;
    pointer-events:none;
    transition:opacity .35s ease;
  }
  .site-header.scrolled::before{opacity:0}
  .site-header .header-inner{
    position:relative;
    z-index:1;
  }

  /* Fotografia de apresentação alinhada à escala do módulo Juliana. */
  .page-home #sobre .intro__image-wrapper{
    width:100%;
    max-width:600px;
    margin-inline:0;
  }
  .page-home #sobre .intro__image{
    display:block;
    width:100%;
    height:auto;
    max-height:none;
    aspect-ratio:4/3;
    object-fit:cover;
    object-position:center!important;
    border-radius:var(--radius-md);
    box-shadow:0 15px 40px rgba(0,0,0,.06);
  }
}

/* ══════════════════════════════════════════════════════════
   MOBILE — HEROES INTERNAS NO MESMO DESIGN DA HOME
   Aplicado somente a Sobre, Serviços, Temas e Contato.
   ══════════════════════════════════════════════════════════ */
@media(max-width:768px){
  :is(.page-sobre,.page-servicos,.page-temas,.page-contato,.page-faq) .page-hero{
    min-height:100svh;
    height:auto;
    background:var(--color-dark);
  }
  :is(.page-sobre,.page-servicos,.page-temas,.page-contato,.page-faq) .page-hero::after{
    height:96px;
    background:linear-gradient(to bottom,rgba(12,10,7,.53) 0%,rgba(12,10,7,.29) 64%,transparent 100%);
  }
  :is(.page-sobre,.page-servicos,.page-temas,.page-contato,.page-faq) .page-hero__inner{
    min-height:100svh;
    padding:calc(68px + 1.5rem) 0 3.5rem;
  }
  :is(.page-sobre,.page-servicos,.page-temas,.page-contato,.page-faq) .page-hero__image-wrap{
    box-shadow:none;
  }
  :is(.page-sobre,.page-servicos,.page-temas,.page-contato,.page-faq) .page-hero__image-wrap picture::before{
    display:none;
  }
  :is(.page-sobre,.page-servicos,.page-temas,.page-contato,.page-faq) .page-hero__image{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:var(--page-hero-cover-position,center 20%)!important;
    transform:none;
  }
  /* Enquadramento centralizado com destaque e foco nas pessoas */
  .page-sobre .page-hero{--page-hero-cover-position:center 22%}
  .page-servicos .page-hero{--page-hero-cover-position:center 20%}
  .page-temas .page-hero{--page-hero-cover-position:center 18%}
  .page-contato .page-hero{--page-hero-cover-position:center 15%}
  .page-faq .page-hero{--page-hero-cover-position:center 20%}
  :is(.page-sobre,.page-servicos,.page-temas,.page-contato,.page-faq) .page-hero__image-wrap::after{
    background:
      linear-gradient(to top,rgba(12,10,7,.82) 0%,rgba(12,10,7,.70) 44%,rgba(12,10,7,.24) 72%,rgba(12,10,7,.05) 100%),
      linear-gradient(to right,rgba(12,10,7,.39),transparent 75%);
  }
  /* Área de conteúdo com ~15% a mais de presença visual e sofisticação */
  :is(.page-sobre,.page-servicos,.page-temas,.page-contato,.page-faq) .page-hero__content{
    width:calc(100% - 2rem);
    margin-inline:1rem;
    padding:1.4rem 0 0.5rem 1.25rem;
    border-left:2px solid rgba(197,144,58,.65);
    filter:none;
  }
  :is(.page-sobre,.page-servicos,.page-temas,.page-contato,.page-faq) .page-hero__content::before{
    display:none;
  }
  :is(.page-sobre,.page-servicos,.page-temas,.page-contato,.page-faq) .page-hero__title{
    margin-bottom:1.15rem;
    font-size:clamp(2.15rem,9.6vw,2.85rem);
    line-height:1.12;
    text-shadow:0 2px 16px rgba(0,0,0,.45),0 1px 4px rgba(0,0,0,.3);
  }
  :is(.page-sobre,.page-servicos,.page-temas,.page-contato,.page-faq) .page-hero__subtitle{
    max-width:32rem;
    margin-bottom:0;
    font-size:0.96rem;
    line-height:1.72;
    color:rgba(255,255,255,.95);
    text-shadow:0 1px 12px rgba(0,0,0,.5);
  }
}