/* =========================================================
   GRUPO SUPER CÉREBRO — LP de franquia v4 (Neo Sans Pro)
   ========================================================= */
@font-face{font-family:'Neo Sans Pro';src:url('fonts/NeoSansPro-Light.woff2') format('woff2');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'Neo Sans Pro';src:url('fonts/NeoSansPro-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Neo Sans Pro';src:url('fonts/NeoSansPro-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Neo Sans Pro';src:url('fonts/NeoSansPro-MediumItalic.woff2') format('woff2');font-weight:500;font-style:italic;font-display:swap}
@font-face{font-family:'Neo Sans Pro';src:url('fonts/NeoSansPro-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Neo Sans Pro';src:url('fonts/NeoSansPro-Black.woff2') format('woff2');font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:'Neo Sans Pro';src:url('fonts/NeoSansPro-BlackItalic.woff2') format('woff2');font-weight:900;font-style:italic;font-display:swap}

:root{
  --sc-azul:#085e7e;
  --sc-azul-dark:#054254;
  --sc-ciano:#41c0f0;
  --sc-ciano-soft:#7fd3f5;
  --sc-amarelo:#fdc608;
  --sc-laranja:#f0821a;
  --sc-laranja-dark:#d36c0a;
  --sc-laranja-soft:#f59c45;
  --sc-bege:#fff5dc;
  --ink:#0c2735;
  --ink-soft:#3a4f5b;
  --bg:#fff;
  --bg-soft:#f4f8fb;
  --shadow-sm:0 4px 14px rgba(8,94,126,.10);
  --shadow-md:0 12px 30px rgba(8,94,126,.16);
  --shadow-lg:0 24px 60px rgba(8,94,126,.22);
  --r-sm:12px;
  --r-md:18px;
  --r-lg:28px;
  --r-xl:36px;
  --r-blob:50% 50% 38% 62% / 60% 45% 55% 40%;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:'Neo Sans Pro','Inter',system-ui,sans-serif;
  color:var(--ink);
  line-height:1.55;
  background:var(--bg);
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
  font-weight:400;
}
img{max-width:100%;display:block}
button{font-family:inherit;cursor:pointer;border:none;background:none}
a{text-decoration:none;color:inherit}
.container{max-width:1240px;margin:0 auto;padding:0 24px;position:relative}

/* HEADLINE display — Fredoka pra mood lúdico premium */
.vinila{
  font-family:'Neo Sans Pro','Inter',system-ui,sans-serif;
  font-weight:700;
  letter-spacing:-0.01em;
  line-height:1.12;
  padding-top:.08em;
  color:var(--sc-azul);
}
h1.vinila{font-size:clamp(34px,4.4vw,58px);font-weight:700}
h2.vinila{font-size:clamp(34px,4.5vw,58px);font-weight:700;margin-bottom:18px}

/* Titles 1-line preference no desktop */
@media(min-width:881px){
  .marcas .h2-center,
  .invista-narrativa h2.vinila,
  .para-quem .h2-center,
  .beneficios .h2-center,
  .cta-final h2.vinila{white-space:nowrap}
  .marcas .h2-center,
  .invista-narrativa h2.vinila,
  .para-quem .h2-center,
  .beneficios .h2-center,
  .metodo-title,
  .depo-head h2.vinila{font-size:clamp(28px,3.4vw,46px)}
}
.metodo-title{
  white-space:normal !important;
  text-wrap:balance;word-break:normal;overflow-wrap:break-word;
  max-width:920px;margin-left:auto;margin-right:auto;
}
.h2-center{text-align:center}
.h2-center.light{color:#fff}
.lead-center{text-align:center;max-width:760px;margin:0 auto 50px;font-size:17px;color:var(--ink-soft);line-height:1.7}

/* eyebrows */
.hero-eyebrow{
  display:inline-block;
  font-family:'Neo Sans Pro','Inter',system-ui,sans-serif;
  font-weight:700;
  font-size:11px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--sc-ciano);
  margin-bottom:16px;
}
.hero-eyebrow.center{display:block;text-align:center;margin:0 auto 14px}
.hero-eyebrow.light{color:#fdc608}
.hero-eyebrow.light::before{background:#fdc608}

/* Gradientes texto */
.grad-laranja{background:linear-gradient(110deg,#ff7a0c 0%,#ffb000 50%,#ffd611 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;display:inline-block;padding:.12em 0 .04em;line-height:1.1;filter:drop-shadow(0 2px 8px rgba(240,130,26,.18))}
/* sobre fundo claro fica laranja saturado, sobre fundo escuro o gradient pega luminância alta naturalmente */
.grad-amarelo{color:#fdc608}
.azul-ink{color:var(--sc-azul)}

.arcos-topo{display:none}

/* HEADER */
.header{
  position:fixed;top:0;left:0;right:0;z-index:100;
  background:rgba(255,255,255,.97);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  padding:14px 0;
  box-shadow:0 2px 14px rgba(8,94,126,.04);
}
.header.scrolled{box-shadow:0 4px 18px rgba(8,94,126,.10)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:32px}
.logo img{height:48px;width:auto;object-fit:contain}
.nav{display:flex;gap:34px}
.nav a{
  font-family:'Neo Sans Pro','Inter',system-ui,sans-serif;
  color:var(--ink);font-weight:600;font-size:14.5px;
  position:relative;padding:6px 0;transition:color .25s;
}
.nav a::after{
  content:"";position:absolute;left:0;bottom:0;width:0;height:2px;
  background:var(--sc-laranja);transition:width .3s;
}
.nav a:hover{color:var(--sc-azul)}
.nav a:hover::after{width:100%}

/* BOTÕES */
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  font-family:'Neo Sans Pro','Inter',system-ui,sans-serif;
  background:var(--sc-laranja);
  color:#fff;
  padding:15px 32px;border-radius:99px;
  font-weight:700;font-size:15px;
  transition:all .3s cubic-bezier(.2,.8,.2,1);
  box-shadow:0 8px 22px rgba(240,130,26,.35);
  position:relative;overflow:hidden;text-align:center;line-height:1.1;
  text-transform:uppercase;letter-spacing:.04em;
}
.btn::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.28) 50%,transparent 100%);
  transform:translateX(-100%);transition:transform .6s;
}
.btn:hover{background:var(--sc-laranja-dark);transform:translateY(-3px);box-shadow:0 14px 32px rgba(240,130,26,.5)}
.btn:hover::before{transform:translateX(100%)}
.btn-large{padding:18px 42px;font-size:16px}
.btn-ghost{
  display:inline-flex;align-items:center;
  font-weight:700;color:#fff;font-size:15px;
  padding:15px 12px;text-decoration:underline;text-underline-offset:6px;
  text-decoration-color:rgba(255,255,255,.5);
  transition:text-decoration-color .25s;
}
.btn-ghost:hover{text-decoration-color:#fdc608}
.btn-dark{
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--sc-azul);color:#fff;
  padding:16px 36px;border-radius:99px;
  font-weight:700;font-size:15px;
  box-shadow:0 8px 22px rgba(8,94,126,.35);
  transition:all .3s;
}
.btn-dark:hover{background:var(--sc-azul-dark);transform:translateY(-3px);box-shadow:0 14px 32px rgba(8,94,126,.45)}

/* =================== HERO LÚDICO =================== */
.hero{
  position:relative;
  padding:140px 0 100px;
  background:linear-gradient(135deg,#d36c0a 0%,#f0821a 55%,#fdc608 100%);
  overflow:hidden;color:#fff;
}
.hero-blob{
  position:absolute;width:920px;height:920px;
  border-radius:var(--r-blob);
  background:radial-gradient(circle at 30% 30%, var(--sc-ciano), rgba(65,192,240,.2) 60%, transparent 75%);
  right:-180px;top:-220px;
  filter:blur(2px);
  opacity:.55;
  animation:blob 14s ease-in-out infinite;
}
@keyframes blob{0%,100%{transform:scale(1) rotate(0)}50%{transform:scale(1.07) rotate(6deg)}}
.hero-pattern-arcs{
  position:absolute;inset:0;pointer-events:none;
  background-image:
    radial-gradient(circle at 80% 15%, rgba(253,198,8,.10), transparent 40%),
    radial-gradient(circle at 20% 80%, rgba(240,130,26,.10), transparent 40%);
}
.hero-grid{
  display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center;
  position:relative;z-index:2;
}
.hero-text h1{color:#fff;margin-bottom:22px;text-shadow:0 4px 24px rgba(0,0,0,.18)}
.hero-sub{
  font-size:clamp(16px,1.4vw,19px);
  color:rgba(255,255,255,.94);
  line-height:1.6;margin-bottom:24px;max-width:540px;
}
.hero-sub strong{color:#fdc608;font-weight:700}
.hero-bullets{list-style:none;margin-bottom:34px}
.hero-bullets li{
  display:flex;align-items:center;gap:14px;
  padding:8px 0;
  font-size:15.5px;color:rgba(255,255,255,.94);
}
.hero-bullets li .bcheck{
  position:relative;flex-shrink:0;width:22px;height:22px;border-radius:50%;
  background:var(--sc-laranja);box-shadow:0 0 0 4px rgba(240,130,26,.22);
  display:flex;align-items:center;justify-content:center;
}
.hero-bullets li .bcheck::after{
  content:"✓";
  color:#fff;font-weight:900;font-size:12px;line-height:1;
}
.hero-bullets li .btext{flex:1;line-height:1.45}
.hero-bullets strong{color:#fdc608;font-weight:700}
.hero-ctas{display:flex;gap:18px;flex-wrap:wrap;align-items:center}

.hero-art-spacer{display:none}
.hero-bg-video,.hero-bg-img{
  position:absolute;
  inset:0;
  top:auto;left:auto;right:auto;bottom:auto;
  width:100%;height:100%;
  max-width:none;max-height:none;
  object-fit:cover;object-position:62% 50%;
  z-index:0;
  transform:none;
}
.hero-bg-img + .hero-bg-video{display:none}
.hero-bg-overlay{
  position:absolute;inset:0;z-index:1;
  background:linear-gradient(95deg, rgba(211,108,10,.92) 0%, rgba(211,108,10,.78) 22%, rgba(240,130,26,.55) 42%, rgba(253,198,8,.18) 62%, transparent 78%);
}
.hero.hero-ludico{
  background:linear-gradient(135deg,#d36c0a 0%,#f0821a 55%,#fdc608 100%);
  padding:80px 0 80px;
  min-height:660px;
  aspect-ratio:auto;
}
.hero.hero-ludico .hero-blob,
.hero.hero-ludico .hero-pattern-arcs{display:none}
.hero.hero-ludico .hero-grid{
  grid-template-columns:minmax(0, max-content);
  gap:0;
  min-height:560px;
  align-items:center;
}

/* Hero on laranja bg — yellow accents → CIANO (#41c0f0, paleta SC, mesmo do método) */
.hero.hero-ludico .hero-eyebrow{color:#fff}
.hero.hero-ludico h1.vinila{color:#fff;text-shadow:0 4px 24px rgba(0,0,0,.32)}
.hero.hero-ludico h1 .grad-amarelo{
  color:#6ad9ff;
  background:none;-webkit-background-clip:initial;background-clip:initial;-webkit-text-fill-color:#6ad9ff;
  text-shadow:0 2px 14px rgba(8,94,126,.55), 0 0 24px rgba(106,217,255,.35);
}
.hero.hero-ludico .hero-sub strong,
.hero.hero-ludico .hero-bullets strong{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.18)}
.hero.hero-ludico .hero-bullets li .bcheck{
  background:var(--sc-ciano);box-shadow:0 0 0 4px rgba(65,192,240,.28);
}
.hero.hero-ludico .btn{
  background:var(--sc-ciano);color:#fff;
  box-shadow:0 8px 22px rgba(8,94,126,.35);
}
.hero.hero-ludico .btn:hover{
  background:var(--sc-azul);box-shadow:0 14px 32px rgba(8,94,126,.5);
}
.hero.hero-ludico .btn-ghost{color:#fff;text-decoration-color:rgba(255,255,255,.6)}
.hero.hero-ludico .btn-ghost:hover{text-decoration-color:var(--sc-ciano);color:#fff}

@media(min-width:881px){
  .hero.hero-ludico{padding:90px 0 80px;min-height:660px}
  .hero.hero-ludico picture{position:absolute;inset:0;display:block;z-index:0}
  .hero.hero-ludico picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 50%;transform:none}
  .hero.hero-ludico .container{max-width:1380px}
  .hero.hero-ludico .hero-grid{justify-content:start;justify-items:start}
  .hero.hero-ludico .hero-text{max-width:none}
}
@media(min-width:881px) and (max-width:1100px){
  .hero.hero-ludico{min-height:560px;padding:70px 0 60px}
  .hero.hero-ludico picture img{object-position:68% 50%}
  .hero.hero-ludico .hero-text{max-width:none}
}
@media(max-width:980px) and (min-width:881px){
  .hero-bg-img{opacity:.6}
}
@media(max-width:880px){
  body,html,main{margin:0;padding:0}
  body{background:#011E2E}
  .hero.hero-ludico{
    background:#011E2E !important;
    padding:0 !important;min-height:auto;margin:0;display:block;position:relative;
  }
  .hero-bg-overlay,.hero-blob,.hero-pattern-arcs{display:none}
  .hero.hero-ludico picture{display:block;margin:0;padding:0;position:relative;width:100%;line-height:0;font-size:0;aspect-ratio:760/1362}
  .hero.hero-ludico picture img{aspect-ratio:760/1362}
  .hero.hero-ludico picture::after{
    content:"";position:absolute;left:0;right:0;bottom:-1px;height:46%;
    background:linear-gradient(180deg,transparent 0%,rgba(1,30,46,.55) 42%,rgba(1,30,46,.94) 78%,#011E2E 100%);
    pointer-events:none;z-index:1;
  }
  .hero-bg-img,.hero.hero-ludico picture img{
    position:relative !important;inset:auto !important;top:auto !important;left:auto !important;right:auto !important;bottom:auto !important;
    width:100% !important;height:auto !important;max-width:100% !important;max-height:none !important;
    object-fit:contain !important;object-position:center top !important;
    opacity:1 !important;display:block !important;margin:0 !important;
    transform:none !important;
    vertical-align:top;
  }
  .hero.hero-ludico .hero-grid{grid-template-columns:1fr;gap:0;margin-top:-50vw;padding:0 24px 28px;position:relative;z-index:3;min-height:auto}
  .hero-text{color:#fff;padding-top:0}
  .hero.hero-ludico .hero-text h1.vinila{color:#fff;font-size:clamp(22px,6.4vw,28px);line-height:1.16;text-shadow:0 2px 12px rgba(0,0,0,.55);word-break:normal;overflow-wrap:break-word;text-wrap:balance;max-width:100%;margin-bottom:14px}
  .hero.hero-ludico h1 .grad-amarelo{color:#6ad9ff;-webkit-text-fill-color:#6ad9ff;text-shadow:0 2px 10px rgba(0,0,0,.5)}
  .hero.hero-ludico .hero-eyebrow{font-size:10.5px;letter-spacing:.12em;margin-bottom:10px;color:var(--sc-ciano)}
  .hero.hero-ludico .hero-sub{font-size:13.5px;color:rgba(255,255,255,.94);margin-bottom:14px;max-width:100%}
  .hero.hero-ludico .hero-sub strong{color:var(--sc-amarelo)}
  .hero.hero-ludico .hero-bullets{margin-bottom:18px}
  .hero.hero-ludico .hero-bullets li{font-size:13px;padding:4px 0;color:rgba(255,255,255,.94)}
  .hero.hero-ludico .hero-bullets strong{color:var(--sc-amarelo)}
  .hero.hero-ludico .hero-bullets li .bcheck{background:var(--sc-laranja);box-shadow:0 0 0 3px rgba(240,130,26,.25)}
  .hero.hero-ludico .btn{background:var(--sc-laranja);box-shadow:0 8px 22px rgba(240,130,26,.4)}
  .hero.hero-ludico .btn:hover{background:var(--sc-laranja-dark)}
  .hero-ctas{gap:10px}
  .hero-ctas .btn,.hero-ctas .btn-large{padding:13px 22px;font-size:13.5px}
  .hero-art-spacer{display:none}
}
.hero-badge{
  position:absolute;left:0;bottom:30px;z-index:5;
  background:var(--sc-laranja);color:#fff;
  border-radius:var(--r-md);
  padding:18px 24px;
  box-shadow:0 14px 30px rgba(240,130,26,.45);
  text-align:center;border:4px solid #fff;
}
.hero-badge strong{
  display:block;font-family:'Neo Sans Pro','Inter',system-ui,sans-serif;font-weight:900;font-style:italic;
  font-size:34px;line-height:1;color:#fff;
}
.hero-badge span{
  display:block;font-size:11px;font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;margin-top:6px;color:rgba(255,255,255,.95);line-height:1.2;
}

/* =================== 2 MARCAS DUO =================== */
.marcas{padding:70px 0 80px;background:#fff;position:relative;overflow:hidden}
.marcas::before{
  content:"";position:absolute;left:50%;top:60px;transform:translateX(-50%);
  width:120%;height:50px;
  background-image:
    radial-gradient(circle at 5% 50%, var(--sc-ciano) 0 4px, transparent 5px),
    radial-gradient(circle at 18% 50%, var(--sc-amarelo) 0 4px, transparent 5px),
    radial-gradient(circle at 32% 50%, var(--sc-laranja) 0 4px, transparent 5px),
    radial-gradient(circle at 46% 50%, var(--sc-azul) 0 4px, transparent 5px),
    radial-gradient(circle at 60% 50%, var(--sc-ciano) 0 4px, transparent 5px),
    radial-gradient(circle at 74% 50%, var(--sc-amarelo) 0 4px, transparent 5px),
    radial-gradient(circle at 88% 50%, var(--sc-laranja) 0 4px, transparent 5px);
  opacity:0;pointer-events:none;
}
.modelos-split{
  display:flex;align-items:center;justify-content:center;gap:36px;
  margin:30px auto 50px;max-width:780px;
}
.modelos-split-item{
  display:flex;align-items:center;gap:14px;
  background:var(--bg-soft);
  border:1.5px solid #eef3f7;
  border-radius:14px;
  padding:18px 24px;
  flex:1;max-width:320px;
}
.ms-num{
  font-family:'Neo Sans Pro','Inter',system-ui,sans-serif;font-weight:900;font-style:italic;
  font-size:32px;color:var(--sc-laranja);line-height:1;
}
.modelos-split-item span:not(.ms-num){
  font-size:14px;line-height:1.4;color:var(--sc-azul);font-weight:600;
}
.modelos-split-divider{
  font-family:'Neo Sans Pro','Inter',system-ui,sans-serif;font-weight:900;font-size:28px;color:var(--sc-laranja);
}
.marcas-duo{
  display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:10px;
}
.marca-card{
  position:relative;border-radius:var(--r-xl);
  overflow:hidden;
  transition:transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s;
  display:grid;grid-template-rows:260px auto;
  background:#fff;
  box-shadow:var(--shadow-md);
  border:1.5px solid #eef3f7;
}
.marca-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}
.marca-cover{
  position:relative;overflow:hidden;
  background:linear-gradient(135deg, var(--sc-laranja) 0%, #d36c0a 100%);
}
.marca-cover-img-real{
  width:100%;height:100%;object-fit:cover;display:block;
}
.marca-card.educ .marca-cover{border-bottom:5px solid var(--sc-amarelo)}
.marca-card.longe .marca-cover{border-bottom:5px solid var(--sc-amarelo)}
.marca-body{padding:32px 32px 30px;display:flex;flex-direction:column;gap:14px}
.marca-tag{
  display:inline-block;padding:6px 14px;border-radius:99px;
  background:color-mix(in srgb, var(--c) 14%, #fff);color:var(--c);
  font-family:'Neo Sans Pro','Inter',system-ui,sans-serif;font-weight:700;font-size:11.5px;
  letter-spacing:.14em;text-transform:uppercase;align-self:flex-start;
}
.marca-card h3{
  font-family:'Neo Sans Pro','Inter',system-ui,sans-serif;font-weight:500;
  color:var(--sc-azul);font-size:clamp(24px,2.4vw,32px);
  line-height:1.05;letter-spacing:-0.01em;
}
.marca-card h3 em{
  font-style:italic;font-weight:900;color:var(--c);
  margin-left:4px;
}
.marca-card p{font-size:15px;color:var(--ink-soft);line-height:1.6}
.marca-bullets{list-style:none;display:flex;flex-direction:column;gap:8px;margin-top:6px}
.marca-bullets li{
  font-size:14px;color:var(--sc-azul);font-weight:500;
  padding-left:22px;position:relative;
}
.marca-bullets li::before{
  content:"";position:absolute;left:0;top:7px;width:9px;height:9px;border-radius:50%;
  background:var(--c);
}

/* =================== FORM — sobreposto hero/marcas =================== */
.form-section-wrap{
  position:relative;z-index:30;
  margin-top:-50px;margin-bottom:0;
  padding:0 0 30px;
}
.form-card{
  background:#fff;border-radius:24px;
  padding:38px 44px 34px;
  box-shadow:0 30px 80px rgba(8,94,126,.18), 0 4px 14px rgba(8,94,126,.05);
  max-width:1080px;margin:0 auto;
  position:relative;
  border:1px solid rgba(8,94,126,.06);
}
.form-card::before{
  content:"";position:absolute;left:32px;right:32px;top:0;height:3px;
  background:linear-gradient(90deg, var(--sc-ciano), var(--sc-amarelo), var(--sc-laranja));
  border-radius:0 0 6px 6px;
}
.form-card h3,.form-card .form-title{
  font-family:'Neo Sans Pro','Inter',system-ui,sans-serif;font-weight:700;
  color:var(--sc-azul);font-size:22px;margin-bottom:26px;text-align:center;
  letter-spacing:-0.01em;
}
.form-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}
.form-grid-2{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:14px;margin-top:14px;align-items:stretch}
.form-card input,.form-card select{
  width:100%;padding:16px 18px;
  border:1.5px solid #e5edf2;border-radius:12px;
  font-family:inherit;font-size:14.5px;background:#f8fafc;color:var(--ink);
  transition:all .25s;
}
.form-card input::placeholder{color:#94a3b8;font-weight:400}
.form-card input:focus,.form-card select:focus{
  outline:none;border-color:var(--sc-ciano);background:#fff;
  box-shadow:0 0 0 4px rgba(65,192,240,.15);
}
.form-card select{
  appearance:none;color:#94a3b8;font-weight:400;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23085e7e' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;background-color:#f8fafc;padding-right:40px;
}
.form-card select:valid{color:var(--ink)}
.form-card .btn{padding:16px 28px;white-space:nowrap;font-size:13px;border-radius:12px;line-height:1.15}
.form-card small{display:block;font-size:12px;color:#64748b;margin-top:18px;text-align:center;line-height:1.5}

/* =================== INVISTA =================== */
.invista{padding:90px 0 100px;background:var(--bg-soft);position:relative;overflow:hidden}
.invista-arcos{
  position:absolute;left:0;right:0;top:24px;width:100%;height:80px;
  pointer-events:none;
}
.invista-narrativa{text-align:center;max-width:1100px;margin:0 auto}
.invista-narrativa h2{
  font-size:clamp(32px,3.8vw,52px);line-height:1.05;margin-bottom:20px;color:var(--sc-azul);
}
.invista-lead{
  font-size:18px;color:var(--ink-soft);line-height:1.65;
  max-width:780px;margin:0 auto 50px;
}
.invista-lead strong{color:var(--sc-azul);font-weight:700}
.invista-row{
  display:grid;grid-template-columns:repeat(3,1fr);gap:22px;
}
.invista-row{
  display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:0;
  background:#fff;border-radius:20px;
  box-shadow:0 14px 50px rgba(8,94,126,.10);
  border:1px solid #eef3f7;
  overflow:hidden;
}
.invista-card{
  padding:42px 36px;text-align:left;
  position:relative;
  border-right:1px solid #eef3f7;
  display:flex;flex-direction:column;justify-content:center;
  transition:background .3s;
}
.invista-card:last-child{border-right:none}
.invista-card:hover{background:#f8fafc}
.invista-card:first-child{
  background:linear-gradient(135deg, var(--sc-azul) 0%, var(--sc-azul-dark) 100%);
  color:#fff;
  position:relative;overflow:hidden;
}
.invista-card:first-child::before{
  content:"";position:absolute;right:-50px;top:-50px;width:180px;height:180px;border-radius:50%;
  background:radial-gradient(circle, rgba(253,198,8,.25), transparent 65%);
}
.invista-card .ic-icon{
  width:34px;height:34px;color:var(--c, var(--sc-laranja));margin-bottom:18px;position:relative;z-index:1;
}
.invista-card:first-child .ic-icon{color:var(--sc-amarelo)}
.invista-card .ic-icon svg{width:28px;height:28px}
.invista-card .ic-num{
  display:block;font-family:'Neo Sans Pro','Inter',system-ui,sans-serif;font-weight:900;font-style:italic;
  font-size:clamp(44px,5vw,72px);line-height:.95;white-space:nowrap;
  color:var(--sc-azul);letter-spacing:-0.025em;
  margin-bottom:14px;
  position:relative;z-index:1;
}
.invista-card:first-child .ic-num{color:var(--sc-amarelo)}
.invista-card .ic-label{
  display:block;font-size:13px;color:var(--ink-soft);font-weight:700;line-height:1.4;
  text-transform:uppercase;letter-spacing:.08em;
  position:relative;z-index:1;
}
.invista-card:first-child .ic-label{color:rgba(255,255,255,.85)}
.invista-destaque-row{
  display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:30px;
}
.dest-card{
  background:#fff;border-radius:var(--r-lg);padding:42px 24px 32px;text-align:center;
  box-shadow:var(--shadow-md);
  border:2px solid transparent;
  transition:transform .35s cubic-bezier(.2,.8,.2,1), border-color .3s, box-shadow .35s;
  position:relative;overflow:hidden;
  cursor:default;
}
.dest-card:hover{transform:translateY(-10px) scale(1.02);border-color:var(--sc-laranja);box-shadow:var(--shadow-lg)}
.dest-card::before{
  content:"";position:absolute;top:-40px;right:-40px;width:160px;height:160px;border-radius:50%;
  background:radial-gradient(circle, rgba(253,198,8,.25), transparent 70%);
  transition:transform .5s;
}
.dest-card:hover::before{transform:scale(1.4)}
.dest-card::after{
  content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);
  width:0;height:3px;background:var(--sc-laranja);transition:width .35s;
}
.dest-card:hover::after{width:60%}
.dest-num{
  display:block;font-family:'Neo Sans Pro','Inter',system-ui,sans-serif;font-weight:900;font-style:italic;
  font-size:clamp(48px,5.5vw,68px);color:var(--sc-laranja);line-height:1;margin-bottom:12px;
  letter-spacing:-0.02em;
  position:relative;z-index:1;
}
.dest-label{display:block;font-size:14px;color:var(--ink-soft);font-weight:600;line-height:1.4;position:relative;z-index:1}

/* =================== MÉTODO — fundo ciano #41C0F0 =================== */
.metodo{padding:90px 0 70px;background:var(--sc-ciano);position:relative;overflow:hidden;color:#fff}
.metodo::before{
  content:"";position:absolute;left:-220px;top:-120px;width:600px;height:600px;border-radius:var(--r-blob);
  background:radial-gradient(circle, rgba(255,255,255,.15), transparent 65%);
}
.metodo::after{
  content:"";position:absolute;right:-150px;bottom:-150px;width:480px;height:480px;border-radius:var(--r-blob);
  background:radial-gradient(circle, rgba(253,198,8,.18), transparent 65%);
}
.metodo .container{position:relative;z-index:2}
.metodo-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.metodo-text h2{font-size:clamp(32px,4vw,52px);margin-bottom:22px;color:#fff}
.metodo-text p{font-size:17px;color:rgba(255,255,255,.92);line-height:1.75;margin-bottom:32px}
.metodo-text .hero-eyebrow{color:#fff}
.metodo-text .hero-eyebrow::before{background:#fff}
.metodo-text .grad-laranja{background:linear-gradient(110deg,#fdc608 0%,#fff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.metodo .btn{background:var(--sc-laranja);box-shadow:0 8px 22px rgba(240,130,26,.4)}
.metodo .btn:hover{background:var(--sc-laranja-dark)}
.intel-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.intel-card{
  background:rgba(255,255,255,.95);border-radius:var(--r-md);
  padding:18px 22px;
  position:relative;
  box-shadow:0 8px 18px rgba(0,0,0,.08);
  border-left:5px solid var(--c, var(--sc-azul));
  transition:transform .25s, box-shadow .25s;
  display:flex;align-items:center;gap:16px;
  min-height:96px;
}
.intel-card.span2{grid-column:span 2}
.intel-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(0,0,0,.15)}
.intel-card strong{font-weight:700;color:var(--ink);font-size:16px;letter-spacing:.01em;line-height:1.2}
.intel-icon{
  width:48px;height:48px;flex-shrink:0;
  background:transparent;
  border-radius:0;
  display:flex;align-items:center;justify-content:center;
  color:var(--c, var(--sc-azul));
  transition:all .25s;
  border:none;
}
.intel-icon svg{width:30px;height:30px;display:block}
.intel-card:hover .intel-icon{
  transform:scale(1.06);
}

/* =================== PRA QUEM É — bolha ciano gigante =================== */
.para-quem{
  padding:90px 0 90px;background:var(--sc-azul);color:#fff;
  position:relative;overflow:hidden;
}
.bolha-ciano{
  position:absolute;top:-340px;left:50%;transform:translateX(-50%);
  width:140vw;height:1100px;border-radius:50%;
  background:var(--sc-ciano);
  z-index:1;
}
.para-quem .container{position:relative;z-index:2}
.para-quem h2{color:#fff;margin-bottom:50px}
.para-quem .h2-center{color:#fff}
.para-quem .grad-laranja{background:linear-gradient(110deg,#fdc608 0%,#ffe066 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

.quem-cards{
  max-width:1100px;margin:0 auto;
  display:flex;flex-wrap:wrap;justify-content:center;gap:18px;
}
.quem-card{flex:1 1 280px;max-width:340px}
.quem-card{
  display:flex;align-items:flex-start;gap:24px;
  padding:30px 32px;
  border-radius:var(--r-lg);
  transition:transform .25s, box-shadow .25s;
  position:relative;overflow:hidden;
}
.quem-card:hover{transform:translateY(-6px);box-shadow:0 16px 36px rgba(0,0,0,.25)}
.quem-card.light{background:#fff;color:var(--sc-azul);border:1.5px solid rgba(255,255,255,.4)}
.quem-card.dark{background:rgba(8,94,126,.5);color:#fff;border:1.5px solid rgba(255,255,255,.2);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.quem-num{
  font-family:'Neo Sans Pro','Inter',system-ui,sans-serif;font-weight:900;font-style:italic;
  font-size:46px;line-height:1;flex-shrink:0;letter-spacing:-0.02em;
}
.quem-card.light .quem-num{color:var(--sc-laranja)}
.quem-card.dark .quem-num{color:var(--sc-amarelo)}
.quem-icon{
  width:54px;height:54px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  border-radius:16px;
  transition:transform .3s;
}
.quem-icon svg{width:28px;height:28px;display:block}
.quem-card:hover .quem-icon{transform:scale(1.08) rotate(-4deg)}
.quem-card.light .quem-icon{background:linear-gradient(135deg,#f0821a 0%,#fdc608 100%);color:#fff;box-shadow:0 8px 20px rgba(240,130,26,.32)}
.quem-card.dark .quem-icon{background:linear-gradient(135deg,#fdc608 0%,#ffe066 100%);color:var(--sc-azul-dark);box-shadow:0 8px 20px rgba(253,198,8,.28)}
.quem-card p{font-size:15.5px;line-height:1.55;flex:1;padding-top:6px}
.quem-card.light strong{color:var(--sc-azul);font-weight:700}
.quem-card.dark strong{color:#fff;font-weight:700}

/* =================== WAVE TRANSITION =================== */
.wave-transition{
  display:block;line-height:0;background:var(--sc-azul);
  margin-bottom:-1px;
}
.wave-transition svg{width:100%;height:120px;display:block}

/* =================== BENEFÍCIOS — fundo azul-petróleo paleta =================== */
.beneficios{
  padding:70px 0 80px;background:var(--sc-azul);color:#fff;
  position:relative;overflow:hidden;
}
.beneficios::before{display:none}
.beneficios::after{display:none}
.beneficios .container{position:relative;z-index:2}
.beneficios h2{color:#fff}
.beneficios h2 .azul-ink{color:var(--sc-amarelo)}
.beneficios-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;margin-top:30px;
}
.benef-list{
  background:rgba(255,255,255,.04);
  border:1.5px solid rgba(255,255,255,.12);
  color:#fff;
  border-radius:var(--r-xl);padding:44px 40px;
  box-shadow:0 18px 40px rgba(0,0,0,.25);
}
.benef-list ul{list-style:none;margin-bottom:28px}
.benef-list li{
  font-size:16.5px;padding:12px 0 12px 36px;position:relative;color:#fff;font-weight:400;
  line-height:1.45;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.benef-list li:last-child{border-bottom:0}
.benef-list li::before{
  content:"";position:absolute;left:0;top:18px;width:22px;height:22px;border-radius:50%;
  background:var(--sc-laranja);box-shadow:0 0 0 4px rgba(240,130,26,.25);
}
.benef-list li::after{
  content:"✓";position:absolute;left:0;top:17px;width:22px;height:22px;
  display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:12px;
}
.benef-list strong{color:#ffe066;font-weight:700}
.benef-photo{
  position:relative;
  overflow:hidden;
}
.benef-photo img{
  width:100%;height:auto;object-fit:contain;display:block;
}
.benef-photo::before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:1;
  background:
    radial-gradient(ellipse 70% 78% at 50% 50%, transparent 18%, rgba(8,94,126,.55) 60%, var(--sc-azul) 92%),
    linear-gradient(180deg, var(--sc-azul) 0%, transparent 14%, transparent 86%, var(--sc-azul) 100%),
    linear-gradient(90deg, var(--sc-azul) 0%, transparent 10%, transparent 90%, var(--sc-azul) 100%);
}

/* =================== DEPOIMENTOS — player + lista =================== */
.depoimentos{
  padding:70px 0 90px;background:var(--sc-azul);color:#fff;position:relative;overflow:hidden;
}
.depoimentos::before{display:none}
.depoimentos::after{display:none}
.depo-head{text-align:center;max-width:780px;margin:0 auto 50px;position:relative;z-index:1}
.depo-head h2{color:#fff;font-size:clamp(34px,4.6vw,58px);margin:14px 0 14px}
.depo-head h2 .azul-ink{color:var(--sc-amarelo)}
.depo-sub{color:rgba(255,255,255,.85);font-size:17px;line-height:1.6}

.depo-player{
  display:grid;grid-template-columns:1.65fr 1fr;gap:30px;
  max-width:1200px;margin:0 auto;position:relative;z-index:1;
}
.player-frame{
  aspect-ratio:16/9;border-radius:var(--r-xl);overflow:hidden;
  background:#000;box-shadow:0 30px 60px rgba(0,0,0,.5);
  border:5px solid #fff;
  align-self:center;
}
.depo-player--desktop{align-items:center}
.player-frame iframe{width:100%;height:100%;display:block;border:0}
.player-cover{
  position:absolute;inset:0;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;
  background:#000;
}
.player-cover img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  filter:saturate(1.1);
}
.player-cover::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(135deg, rgba(8,94,126,.65) 0%, rgba(8,94,126,.2) 60%, transparent 100%);
}
.player-cover::after{
  content:"Assista no nosso canal";position:absolute;left:24px;bottom:22px;
  font-family:'Neo Sans Pro','Inter',system-ui,sans-serif;font-weight:700;font-size:14px;color:#fff;
  letter-spacing:.06em;text-transform:uppercase;
  padding:8px 14px;background:rgba(0,0,0,.4);border-radius:99px;
}
.player-play{
  position:relative;z-index:2;
  width:96px;height:96px;border-radius:50%;
  background:var(--sc-laranja);color:#fff;
  display:flex;align-items:center;justify-content:center;
  font-size:32px;
  box-shadow:0 18px 40px rgba(240,130,26,.6);
  transition:transform .25s, background .25s;
  cursor:pointer;border:none;padding-left:6px;
}
.player-play:hover{transform:scale(1.12);background:var(--sc-amarelo);color:var(--sc-azul)}
.player-play span{display:block;line-height:1}

.depo-list{
  display:flex;flex-direction:column;gap:12px;max-height:560px;overflow-y:auto;
  padding-right:6px;
  scrollbar-width:thin;scrollbar-color:var(--sc-ciano) transparent;
}
.depo-list::-webkit-scrollbar{width:6px}
.depo-list::-webkit-scrollbar-thumb{background:var(--sc-ciano);border-radius:3px}

.depo-item{
  display:grid;grid-template-columns:130px 1fr;gap:14px;align-items:center;
  background:rgba(255,255,255,.06);
  border:1.5px solid rgba(255,255,255,.1);
  border-radius:var(--r-md);
  padding:10px;text-align:left;width:100%;
  transition:all .25s;cursor:pointer;
  font-family:inherit;
}
.depo-item:hover{background:rgba(255,255,255,.12);border-color:rgba(253,198,8,.45);transform:translateX(4px)}
.depo-item.active{background:rgba(253,198,8,.18);border-color:var(--sc-amarelo);box-shadow:0 8px 22px rgba(0,0,0,.3)}
.depo-item-thumb{
  position:relative;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#000;
}
.depo-item-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.depo-item-thumb::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(135deg, rgba(8,94,126,.4) 0%, rgba(8,94,126,.15) 100%);
  pointer-events:none;
}
.mini-play{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:32px;height:32px;border-radius:50%;
  background:var(--sc-laranja);
  display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;
  transition:transform .25s;z-index:2;
  box-shadow:0 4px 14px rgba(240,130,26,.5);
  padding-left:2px;
}
.depo-item:hover .mini-play{transform:translate(-50%,-50%) scale(1.15);background:var(--sc-amarelo);color:var(--sc-azul)}
.player-frame{position:relative}
.player-frame::before{
  content:"";position:absolute;left:0;right:0;top:0;height:60px;z-index:1;pointer-events:none;
  background:linear-gradient(180deg, rgba(8,94,126,.85) 0%, transparent 100%);
}

.depo-cta{
  margin-top:60px;text-align:center;
  background:linear-gradient(135deg, var(--sc-laranja) 0%, #f59c45 100%);
  border-radius:var(--r-xl);
  padding:36px 30px;
  position:relative;z-index:1;
  box-shadow:0 22px 50px rgba(240,130,26,.35);
  max-width:880px;margin-left:auto;margin-right:auto;
}
.depo-cta p{
  font-size:18px;color:#fff;font-weight:500;margin-bottom:22px;line-height:1.5;
}
.depo-cta .btn{background:#fff;color:var(--sc-laranja);box-shadow:0 8px 22px rgba(0,0,0,.18)}
.depo-cta .btn:hover{background:var(--sc-azul);color:#fff}
.depo-item-info{padding-right:8px}
.depo-item-info strong{display:block;font-weight:700;color:#fff;font-size:15px;line-height:1.2;margin-bottom:4px}
.depo-item-info span{font-size:12.5px;color:rgba(255,255,255,.88)}

/* =================== PARCEIROS — split editorial =================== */
.parceiros{padding:110px 0;background:var(--bg-soft);overflow:hidden}
.parc-split{
  display:grid;grid-template-columns:0.9fr 1.1fr;gap:40px 60px;align-items:center;
  grid-template-areas:
    "text right"
    "stat right";
}
.parc-left{grid-area:text;align-self:end}
.parc-stat-block{grid-area:stat;align-self:start}
.parc-right{grid-area:right;align-self:center}
.parc-left h2{font-size:clamp(28px,3.4vw,44px);line-height:1.05;margin:14px 0 18px}
.parc-left p{font-size:16px;color:var(--ink-soft);line-height:1.65;margin-bottom:28px;max-width:420px}
.parc-stat{
  display:inline-flex;align-items:center;gap:20px;
  background:var(--sc-azul);color:#fff;
  padding:22px 28px;border-radius:var(--r-md);
  box-shadow:var(--shadow-md);
  width:max-content;max-width:100%;
}
.parc-stat strong{flex-shrink:0;white-space:nowrap;font-size:44px}
.parc-stat span{flex-shrink:0;white-space:nowrap;line-height:1.25;font-size:14px}
.parc-stat strong{
  font-family:'Neo Sans Pro','Inter',system-ui,sans-serif;font-weight:900;font-style:italic;
  font-size:54px;color:var(--sc-amarelo);line-height:1;
}
.parc-stat span{font-size:13px;line-height:1.3;color:rgba(255,255,255,.85);font-weight:500}

.parc-grid-clean{
  display:grid;grid-template-columns:repeat(5,1fr);gap:12px;
}
.parc{
  background:#fff;border:1.5px solid #eef3f7;
  border-radius:var(--r-md);
  aspect-ratio:1;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
  padding:14px 10px;
  transition:transform .25s, box-shadow .25s, border-color .25s;
}
.parc:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--sc-ciano)}
.parc img{width:54%;height:auto;max-height:55%;object-fit:contain;display:block;filter:grayscale(100%) opacity(.55);transition:filter .25s}
.parc:hover img{filter:grayscale(0%) opacity(1)}
.parc-nome{font-size:10.5px;color:#94a3b8;font-weight:700;text-transform:uppercase;letter-spacing:.06em;text-align:center;line-height:1.2;transition:color .25s}
.parc:hover .parc-nome{color:var(--sc-azul)}

/* =================== AUTORIDADE — editorial premium =================== */
.autoridade{
  padding:90px 0;
  background:linear-gradient(135deg, var(--sc-azul) 0%, var(--sc-azul-dark) 100%);
  position:relative;overflow:hidden;
}
.aut-bg-shape{
  position:absolute;left:-200px;bottom:-160px;width:600px;height:600px;border-radius:50%;
  background:radial-gradient(circle, rgba(253,198,8,.18), transparent 65%);
  z-index:0;pointer-events:none;
}
.aut-bg-shape::after{display:none}
.autoridade .container{position:relative;z-index:2}
.aut-editorial{
  display:grid;grid-template-columns:0.85fr 1.15fr;gap:60px;align-items:center;
}
.aut-photo-wrap{
  position:relative;border-radius:var(--r-xl);overflow:hidden;
  box-shadow:0 30px 70px rgba(0,0,0,.45);
  border:8px solid #fff;
  aspect-ratio:4/5;
  background:#fff;
}
.aut-portrait{
  width:100%;height:100%;object-fit:cover;display:block;
  filter:saturate(1.05);
}
.aut-photo-tag{
  position:absolute;left:-14px;bottom:32px;
  background:var(--sc-laranja);color:#fff;
  padding:14px 20px 14px 22px;border-radius:0 var(--r-md) var(--r-md) 0;
  box-shadow:0 14px 30px rgba(240,130,26,.45);
  border-left:4px solid var(--sc-amarelo);
}
.aut-photo-tag strong{
  display:block;font-family:'Neo Sans Pro','Inter',system-ui,sans-serif;font-weight:900;font-style:italic;
  font-size:24px;line-height:1;color:#fff;
}
.aut-photo-tag span{display:block;font-size:11px;font-weight:600;letter-spacing:.06em;color:rgba(255,255,255,.95);margin-top:6px;text-transform:uppercase}

.aut-content{color:#fff}
.aut-content .hero-eyebrow{color:var(--sc-amarelo)}
.aut-content .hero-eyebrow::before{background:var(--sc-amarelo)}
.aut-content h2{
  color:#fff;font-size:clamp(32px,4vw,52px);
  font-weight:500;line-height:1.05;margin-bottom:24px;
}
.aut-content h2 em{font-style:italic;font-weight:900;color:var(--sc-amarelo)}

.aut-quote{
  position:relative;
  border-left:4px solid var(--sc-laranja);
  padding:8px 0 8px 26px;margin:0 0 32px;
}
.aut-quote::before{
  content:'"';
  position:absolute;left:18px;top:-50px;
  font-family:'Neo Sans Pro','Inter',system-ui,sans-serif;font-size:120px;font-weight:900;font-style:italic;
  color:rgba(253,198,8,.25);line-height:1;
}
.aut-quote p{
  font-size:19px;line-height:1.55;font-style:italic;
  color:rgba(255,255,255,.95);font-weight:400;
}
.aut-quote cite{
  display:block;margin-top:14px;
  font-family:'Neo Sans Pro','Inter',system-ui,sans-serif;font-style:normal;
  font-size:14px;color:var(--sc-amarelo);font-weight:700;letter-spacing:.05em;text-transform:uppercase;
}
.aut-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:36px}
.aut-stats>div{text-align:left;padding-left:18px;border-left:2px solid rgba(255,255,255,.2)}
.aut-stats strong{
  display:block;font-family:'Neo Sans Pro','Inter',system-ui,sans-serif;font-weight:900;font-style:italic;
  font-size:38px;color:var(--sc-amarelo);line-height:1;
}
.aut-stats span{display:block;font-size:12px;color:rgba(255,255,255,.85);margin-top:6px;line-height:1.35}

/* =================== CTA FINAL =================== */
.cta-final{padding:120px 0;background:#fff;position:relative;overflow:hidden;min-height:600px}
.cta-bg-img{
  position:absolute;right:0;top:50%;transform:translateY(-50%);
  height:110%;width:auto;max-width:none;
  object-fit:contain;object-position:right center;
  z-index:0;
}
.cta-bg-overlay{
  position:absolute;inset:0;z-index:1;
  background:
    linear-gradient(270deg, rgba(255,255,255,.92) 0%, rgba(255,255,255,.55) 6%, rgba(255,255,255,.22) 14%, rgba(255,255,255,.06) 22%, transparent 32%),
    linear-gradient(90deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.85) 25%, rgba(255,255,255,.30) 50%, transparent 65%);
}
.cta-final .container{position:relative;z-index:2}
.cta-final-text{max-width:580px}
.cta-final h2{font-size:clamp(34px,4.6vw,58px);margin-bottom:22px}
.cta-final p{font-size:18px;color:var(--ink-soft);margin-bottom:24px;line-height:1.65}
.cta-bullets{list-style:none;margin-bottom:34px}
.cta-bullets li{
  font-size:15.5px;color:var(--sc-azul);padding:8px 0 8px 36px;position:relative;font-weight:500;
}
.cta-bullets li::before{
  content:"";position:absolute;left:0;top:14px;width:22px;height:22px;border-radius:50%;
  background:var(--sc-laranja);
}
.cta-bullets li::after{
  content:"✓";position:absolute;left:0;top:13px;width:22px;height:22px;
  display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:12px;
}
.cta-final-img{
  border-radius:var(--r-xl);overflow:hidden;
  box-shadow:var(--shadow-lg);
  border:6px solid var(--sc-bege);
  transform:rotate(1.5deg);
}
.cta-final-img img{width:100%;height:520px;object-fit:cover;display:block}

/* =================== FOOTER =================== */
.footer{background:linear-gradient(160deg,var(--sc-azul) 0%,var(--sc-azul-dark) 100%);color:#fff;padding:70px 0 24px;position:relative}
.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.3fr;gap:50px;align-items:flex-start}
.footer-logo img{height:62px;width:auto;margin-bottom:16px;filter:brightness(0) invert(1)}
.footer-tag{color:rgba(255,255,255,.85);font-size:14px;margin-bottom:22px;max-width:280px;line-height:1.55}
.footer h5{font-family:'Neo Sans Pro','Inter',system-ui,sans-serif;font-weight:600;font-size:18px;margin-bottom:16px;color:#fdc608}
.footer ul{list-style:none}
.footer ul li{margin-bottom:10px;color:rgba(255,255,255,.85);font-size:14.5px}
.footer a{color:rgba(255,255,255,.85);transition:color .2s;font-size:14.5px}
.footer a:hover{color:#fdc608}
.footer p{color:rgba(255,255,255,.85);font-size:14px;margin-bottom:8px;line-height:1.55}
.footer p strong{color:#fff}
.footer-bottom{
  text-align:center;margin-top:48px;padding-top:24px;
  border-top:1px solid rgba(255,255,255,.15);
  font-size:13px;color:rgba(255,255,255,.7);
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;
}

/* =================== REVEAL (desativado) =================== */
.reveal{opacity:1;transform:none;transition:none}
.reveal.is-visible{opacity:1;transform:none}

/* =================== RESPONSIVO =================== */
@media(max-width:1100px){
  .marcas-duo{grid-template-columns:1fr;gap:24px}
  .parceiros-grid{grid-template-columns:repeat(4,1fr)}
  .depo-grid{grid-template-columns:1fr 1fr}
  .invista-destaque-row{grid-template-columns:1fr 1fr}
  .invista-hero{grid-template-columns:1fr;gap:36px;text-align:center}
  .invista-headline p{margin:0 auto}
  .invista-mini-stats{grid-template-columns:1fr 1fr 1fr}
  .aut-editorial,.cta-final-grid{grid-template-columns:1fr;gap:50px}
  .depo-player{grid-template-columns:1fr;gap:24px}
  .player-frame{position:relative;top:0}
  .depo-list{max-height:none;overflow:visible}
}
@media(max-width:900px){
  .hero{padding:0}
  .hero-grid,.beneficios-grid,.parc-split{grid-template-columns:1fr;gap:28px}
  .hero-art{min-height:420px}
  .form-grid,.form-grid-2{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr;gap:32px}

  /* Section spacing reduzido mobile */
  .marcas,.invista,.metodo,.para-quem,.beneficios,.depoimentos,.parceiros,.autoridade{padding:32px 0}
  .cta-final{padding:0}
  .form-section-wrap{padding:24px 0}

  /* Image-first mobile reorder */
  .metodo-grid{display:flex;flex-direction:column-reverse;gap:24px}
  .beneficios-grid{display:flex;flex-direction:column-reverse;gap:24px}
  .parc-split{display:flex;flex-direction:column;gap:24px}

  /* Method mobile: intel-grid 3 cols compact */
  .intel-grid{grid-template-columns:repeat(3,1fr);gap:10px}
  .intel-card{padding:14px 8px;font-size:11px;text-align:center;flex-direction:column;align-items:center;gap:6px}
  .intel-card.span2{grid-column:auto}
  .intel-icon{width:36px;height:36px}
  .intel-icon svg{width:22px;height:22px}
  .metodo-text h2{font-size:30px}

  /* Stats invista compact stack */
  .invista-row{grid-template-columns:1fr;gap:0}
  .invista-card{padding:20px 24px;text-align:center;border-right:none;border-bottom:1px solid #eef3f7;align-items:center}
  .invista-card:last-child{border-bottom:none}
  .invista-card .ic-icon{margin:0 auto 8px}
  .invista-card .ic-num{font-size:36px;margin-bottom:4px}
  .invista-card .ic-label{font-size:11px}
  .invista-card:first-child::before{display:none}

  /* Patrícia stats compact pill row */
  .aut-stats{display:flex;flex-wrap:nowrap;gap:8px;margin-bottom:24px}
  .aut-stats>div{flex:1;text-align:center;padding:10px 4px;border-left:none;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:rgba(255,255,255,.04)}
  .aut-stats strong{font-size:20px;display:block}
  .aut-stats span{font-size:9.5px;margin-top:4px;text-transform:uppercase;letter-spacing:.04em;line-height:1.2}

  /* Parceiros mobile: texto → logos → stat (ordem natural via grid areas reset) */
  .parc-split{
    display:flex !important;flex-direction:column !important;gap:18px;
    grid-template-areas:none !important;
  }
  .parc-left{order:1 !important;display:flex;flex-direction:column;align-items:center;text-align:center;align-self:auto}
  .parc-right{order:2 !important;width:100%;align-self:auto}
  .parc-stat-block{order:3 !important;display:flex;justify-content:center;align-self:auto}
  .parc-left h2{font-size:clamp(22px,6.4vw,32px);line-height:1.15}
  .parc-left .hero-eyebrow{font-size:10px;letter-spacing:.1em}
  .parc-left p{max-width:none;margin:0 auto 4px;font-size:14.5px}
  .parc-stat{margin:0 auto}
  .parc-stat strong{font-size:38px}
  .parc-stat span{font-size:12px}
  .parc-grid-clean{
    display:flex;flex-wrap:nowrap;overflow-x:auto;
    grid-template-columns:none;gap:10px;padding:8px 4px 12px;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .parc-grid-clean::-webkit-scrollbar{display:none}
  .parc{flex:0 0 110px;aspect-ratio:1;scroll-snap-align:start}
  .parc img{width:50%}
  .parc-nome{font-size:9.5px}

  /* CTA final mobile: imagem natural topo + texto OVERLAID terço inferior · bg AZUL #011E2E (primeira versão) */
  .cta-final{
    position:relative;overflow:hidden;
    background:#011E2E !important;
    padding:0 !important;margin:0;display:block;min-height:auto;
  }
  .cta-final picture{display:block;position:relative;width:100%;line-height:0;font-size:0;margin:0;padding:0;z-index:0}
  .cta-final picture::after{
    content:"";position:absolute;left:0;right:0;bottom:-1px;height:48%;
    background:linear-gradient(180deg,transparent 0%,rgba(1,30,46,.55) 42%,rgba(1,30,46,.94) 78%,#011E2E 100%);
    pointer-events:none;z-index:1;
  }
  .cta-bg-img{
    position:relative !important;
    inset:auto !important;top:auto !important;left:auto !important;right:auto !important;bottom:auto !important;
    width:100% !important;height:auto !important;
    max-width:100% !important;max-height:none !important;
    object-fit:contain !important;object-position:center top !important;
    transform:none !important;
    display:block !important;margin:0 !important;
    vertical-align:top;
  }
  .cta-bg-overlay{display:none !important}
  .cta-final .container{position:relative;z-index:3;padding:0 24px 32px;margin-top:-50vw}
  .cta-final-text{color:#fff;max-width:100%}
  .cta-final-text h2,.cta-final-text h2.vinila{color:#fff;font-size:26px;line-height:1.18;margin-bottom:12px;text-shadow:0 2px 12px rgba(0,0,0,.5)}
  .cta-final-text p{color:rgba(255,255,255,.95);font-size:13.5px;margin-bottom:16px}
  .cta-final-text .hero-eyebrow,
  .cta-final-text .hero-eyebrow.dark{color:var(--sc-amarelo);font-weight:700}
  .cta-bullets{margin-bottom:18px}
  .cta-bullets li{color:rgba(255,255,255,.92);font-size:13.5px;padding:5px 0 5px 30px}
  .cta-bullets li::before{top:9px;width:18px;height:18px;background:var(--sc-laranja)}
  .cta-bullets li::after{top:8px;width:18px;height:18px;font-size:11px;color:#fff}
  .cta-final .btn,.cta-final .btn-large{padding:13px 22px;font-size:13.5px;background:var(--sc-laranja);color:#fff;box-shadow:0 8px 22px rgba(240,130,26,.4)}
  .cta-final .btn:hover{background:var(--sc-laranja-dark)}

  /* Parceiros carrossel marquee mobile */
  .parc-grid-clean{display:block;overflow:hidden;padding:8px 0;mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%)}
  .parc-track{display:flex;gap:10px;width:max-content;animation:parc-marquee 38s linear infinite}
  @media(hover:hover){.parc-track:hover{animation-play-state:paused}}
  .parc{flex:0 0 110px;aspect-ratio:1;scroll-snap-align:none}
  @keyframes parc-marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

  /* Personas mobile — grid 2-col, card "Independente" (texto longo) ocupa linha inteira */
  .quem-cards{
    display:grid !important;
    grid-template-columns:1fr 1fr;
    gap:10px;
    grid-auto-flow:dense;
    max-width:100%;
  }
  .quem-card{
    flex:none !important;max-width:none !important;width:auto;
    flex-direction:column;align-items:center;text-align:center;
    padding:18px 14px;gap:10px;
  }
  .quem-card:nth-child(4){grid-column:1 / -1;padding:20px 22px}
  .quem-card .quem-icon{width:46px;height:46px;margin:0 auto}
  .quem-card .quem-icon svg{width:24px;height:24px}
  .quem-card p{font-size:13px;line-height:1.42;padding-top:0;flex:0 0 auto}
  .quem-card p strong{display:block;margin-bottom:3px;font-size:13.5px}
  .quem-card:nth-child(4) p{font-size:13.5px}
}
@media(max-width:640px){
  .nav,.header .btn{display:none}
  h1.vinila{font-size:34px}
  h2.vinila{font-size:30px}
  .invista-destaque-row{grid-template-columns:1fr 1fr}
  .aut-stats{grid-template-columns:1fr}
  .aut-photo-tag{left:0}
  .parc-grid-clean{grid-template-columns:repeat(3,1fr)}
  .marca-card{grid-template-rows:200px auto}
  .marca-body{padding:24px}
  .footer-grid{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column;text-align:center}
  .marcas,.invista,.metodo,.para-quem,.beneficios,.depoimentos,.parceiros,.autoridade{padding:28px 0}
  .cta-final{padding:0}
  .form-card{padding:22px}
  h1.vinila{font-size:28px}
  h2.vinila{font-size:24px}
  .parc-left h2{font-size:22px;line-height:1.15}
  .quem-card{flex-direction:column;text-align:center;padding:16px 12px;flex:0 1 calc(50% - 6px)}
  .quem-card .quem-icon{width:42px;height:42px}
  .quem-card .quem-icon svg{width:22px;height:22px}
  .quem-card p{font-size:12.5px}
  .aut-photos{min-height:auto;display:grid;grid-template-columns:1fr;gap:16px}
  .aut-photo-main,.aut-photo-mini{position:static;width:100%;height:280px}
  .arcos-topo{height:36px}
  .hero-photo img{height:340px}
}

/* =================== DEPO PLAYER — desktop 16:9 + mobile grid 3x2 modal =================== */
.depo-player--desktop{display:grid}
.depo-grid-mobile{display:none}
@media(max-width:880px){
  .depo-player--desktop{display:none}
  .depo-grid-mobile{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:8px;
    max-width:340px;margin:0 auto;
  }
  .depo-head{margin-bottom:20px}
}
.depo-thumb-card{
  position:relative;aspect-ratio:9/16;border-radius:10px;overflow:hidden;
  border:2px solid rgba(255,255,255,.18);background:#000;cursor:pointer;padding:0;
  box-shadow:0 6px 14px rgba(0,0,0,.32);
  transition:transform .25s, border-color .25s, box-shadow .25s;
}
.depo-thumb-card:hover,.depo-thumb-card:active{
  border-color:var(--sc-amarelo);
  transform:translateY(-2px);
  box-shadow:0 10px 22px rgba(0,0,0,.42);
}
.depo-thumb-card img{width:100%;height:100%;object-fit:cover;display:block}
.depo-thumb-card .mini-play{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:32px;height:32px;border-radius:50%;
  background:var(--sc-laranja);
  display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px;
  padding-left:2px;
  box-shadow:0 6px 16px rgba(240,130,26,.55);
}

/* Modal fullscreen shorts */
.depo-modal[hidden]{display:none}
.depo-modal{
  position:fixed;inset:0;z-index:9999;
  background:rgba(0,0,0,.95);
  display:flex;align-items:center;justify-content:center;
  padding:16px;
  animation:depo-modal-fade .25s ease;
}
@keyframes depo-modal-fade{from{opacity:0}to{opacity:1}}
.depo-modal-close{
  position:absolute;top:14px;right:14px;
  width:44px;height:44px;border-radius:50%;
  background:rgba(255,255,255,.15);
  color:#fff;font-size:28px;line-height:1;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;border:none;
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  z-index:2;
}
.depo-modal-frame{
  width:100%;max-width:400px;aspect-ratio:9/16;max-height:90vh;
  background:#000;border-radius:16px;overflow:hidden;
  box-shadow:0 24px 60px rgba(0,0,0,.6);
}
.depo-modal-frame iframe{width:100%;height:100%;border:0;display:block}

/* =================== CTA EYEBROW BIG =================== */
.cta-eyebrow-big{font-size:16px;letter-spacing:.22em;margin-bottom:20px;font-weight:800}
@media(max-width:880px){.cta-eyebrow-big{font-size:13px;letter-spacing:.16em;margin-bottom:14px}}

/* =================== FORM BTN PULSE — escala aumenta/diminui (piscando) =================== */
@keyframes form-btn-pulse{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.08)}
}
.form-card .btn{
  animation:form-btn-pulse 1.1s ease-in-out infinite;
  transform-origin:center;
  will-change:transform;
}
.form-card .btn:hover{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.form-card .btn{animation:none}}

/* =================== AUT QUOTE LEAD + SIGNATURE =================== */
.aut-quote--lead{
  border-left:none;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(253,198,8,.18);
  border-left:4px solid var(--sc-amarelo);
  border-radius:0 14px 14px 0;
  padding:28px 30px 22px;margin:0 0 28px;
}
.aut-quote--lead p{
  font-size:20px;line-height:1.5;font-style:italic;color:#fff;font-weight:400;
}
.aut-signature{
  display:block;margin:18px 0 4px;
  font-family:'Brush Script MT','Snell Roundhand','Lucida Handwriting',cursive;
  font-style:italic;font-weight:400;
  font-size:42px;line-height:1;color:var(--sc-amarelo);
  letter-spacing:.02em;
  transform:rotate(-3deg);transform-origin:left;
  padding-left:4px;
  text-shadow:0 1px 2px rgba(0,0,0,.22);
}
.aut-quote--lead cite{
  display:block;margin-top:6px;font-style:normal;
  font-size:13px;color:rgba(255,255,255,.85);font-weight:600;letter-spacing:.04em;text-transform:uppercase;
}
.aut-content h2.vinila{margin-top:0;font-size:clamp(26px,2.6vw,36px)}
@media(max-width:880px){
  .aut-quote--lead{padding:22px 22px 18px}
  .aut-quote--lead p{font-size:16px}
  .aut-signature{font-size:30px}
}

/* =================== PARCEIROS — logos · linha base consistente =================== */
.parc-grid-clean{gap:14px}
.parc{
  display:grid;
  grid-template-rows:1fr 22px;
  align-items:center;justify-items:center;
  padding:14px 10px 10px;border-width:1.5px;gap:6px;
}
.parc img{
  grid-row:1;
  width:auto;max-width:72%;max-height:100%;
  object-fit:contain;
  filter:grayscale(80%) opacity(.85);
}
.parc:hover img{filter:grayscale(0%) opacity(1)}
.parc-nome{
  grid-row:2;align-self:end;
  font-size:10.5px;color:#54677a;font-weight:700;line-height:1;
  margin:0;padding:0;
}
.parc:hover .parc-nome{color:var(--sc-azul)}

/* Aviso PENDENTE Beca validar lista parceiros */
.beca-validar-note{
  display:block;max-width:1200px;margin:18px auto 0;
  background:rgba(253,198,8,.10);
  border:1.5px dashed var(--sc-amarelo);
  border-radius:14px;padding:14px 20px;
  font-size:13.5px;color:var(--ink-soft);text-align:center;line-height:1.5;
}
.beca-validar-note strong{color:var(--sc-azul);font-weight:700}

/* =================== HOWARD GARDNER FIGURE (Método) — polaroid editorial =================== */
.metodo-howard{
  position:relative;
  margin:18px 0 24px;
  max-width:480px;
  background:#fff;
  padding:12px 12px 0;
  border-radius:6px;
  box-shadow:0 18px 44px rgba(0,0,0,.28), 0 2px 8px rgba(0,0,0,.12);
  transform:rotate(-1.4deg);
  transform-origin:center;
  transition:transform .35s cubic-bezier(.2,.8,.2,1);
}
.metodo-howard:hover{transform:rotate(0deg) translateY(-3px)}
.metodo-howard img{
  width:100%;height:auto;display:block;
  aspect-ratio:4/3;object-fit:cover;object-position:center 30%;
  border-radius:3px;
}
.metodo-howard figcaption{
  padding:14px 4px 16px;color:var(--sc-azul);text-align:center;
}
.metodo-howard figcaption strong{
  display:block;
  font-family:'Neo Sans Pro','Inter',system-ui,sans-serif;
  font-weight:700;font-size:14.5px;color:var(--sc-azul);margin-bottom:4px;
  letter-spacing:.005em;line-height:1.2;
}
.metodo-howard figcaption span{
  display:block;font-size:10.5px;color:var(--ink-soft);
  letter-spacing:.14em;text-transform:uppercase;font-weight:600;
}
@media(max-width:880px){
  .metodo-howard{margin:14px auto 18px;max-width:320px;padding:10px 10px 0;transform:rotate(-1deg)}
  .metodo-howard figcaption{padding:12px 4px 14px}
  .metodo-howard figcaption strong{font-size:13.5px}
  .metodo-howard figcaption span{font-size:10px}
}

/* =================== MÉTODO TITLE CENTRALIZADO + CTA BOTTOM =================== */
.metodo .container > .metodo-title{
  text-align:center;color:#fff;margin-bottom:32px;
}
.metodo-cta-wrap{
  display:flex;justify-content:center;margin-top:34px;
}
.metodo-cta-wrap .btn{box-shadow:0 14px 32px rgba(240,130,26,.45)}

/* Mobile: sem intel-grid, howard primeiro */
@media(max-width:880px){
  .metodo .intel-grid{display:none}
  .metodo-grid{display:flex;flex-direction:column;gap:18px}
  .metodo .metodo-text{display:flex;flex-direction:column;gap:14px}
  .metodo .metodo-text .metodo-howard{order:-1;margin:0 auto 6px}
  .metodo-cta-wrap{margin-top:18px}
  .metodo-cta-wrap .btn{padding:14px 28px;font-size:14px}
  .metodo .container > .metodo-title{margin-bottom:18px;font-size:24px}
}

/* =================== MARCA COVER VIDEO =================== */
.marca-cover-video{
  width:100%;height:100%;object-fit:cover;display:block;
  background:#000;
}

/* Quebra btn longa apenas mobile */
.btn-br-mobile{display:none}
@media(max-width:880px){
  .btn-br-mobile{display:inline}
  .btn:has(.btn-br-mobile){line-height:1.3;padding-top:10px;padding-bottom:10px}
}

/* =================== H1 STACK — quebras forçadas desktop, agrupado mobile =================== */
.h1-stack{display:block;line-height:1.02}
.h1-stack > .h1-bit,
.h1-stack > .h1-pair{display:block;white-space:nowrap}
.h1-stack .h1-pair .h1-bit{display:block;white-space:nowrap}
@media(max-width:880px){
  .h1-stack > .h1-bit,
  .h1-stack > .h1-pair{display:inline;white-space:normal}
  .h1-stack > .h1-bit + .h1-bit::before,
  .h1-stack > .h1-bit + .h1-pair::before{content:" "}
  .h1-stack .h1-pair{white-space:nowrap}
  .h1-stack .h1-pair .h1-bit{display:inline;white-space:nowrap}
}

/* CTA final btn centralizado mobile */
@media(max-width:880px){
  .cta-final-text{text-align:left}
  .cta-final-text .btn{display:flex;margin-left:auto;margin-right:auto;width:max-content;max-width:100%}
}

/* Contrast fix — eyebrows em fundo claro: troca ciano por azul-dark */
.invista .hero-eyebrow.center,
.parc-left .hero-eyebrow{color:var(--sc-azul-dark)}

/* =================== FORM VALIDATION VISUAL =================== */
.field{position:relative;display:flex;flex-direction:column}
.field-err{
  display:block;font-size:11px;color:#d23a1f;font-weight:600;
  margin-top:4px;min-height:14px;line-height:1.2;
  letter-spacing:0;
}
.field.has-err input,
.field.has-err select{
  border-color:#d23a1f !important;
  background:#fff5f3 !important;
  box-shadow:0 0 0 3px rgba(210,58,31,.12) !important;
}
.form-status{
  margin-top:14px;font-size:13.5px;font-weight:600;text-align:center;
  padding:10px 14px;border-radius:10px;line-height:1.35;
  display:none;
}
.form-status:not(:empty){display:block}
.form-status.err{background:#fff0ec;color:#a82a17;border:1px solid #f5c8bd}
.form-status.ok{background:#e8f8ed;color:#16723a;border:1px solid #b9e5c6}

/* =================== COOKIE CONSENT BANNER =================== */
#cookie-banner{
  position:fixed;left:16px;right:16px;bottom:16px;z-index:9998;
  max-width:1100px;margin:0 auto;
  background:rgba(4,34,49,.96);color:#fff;
  padding:16px 22px;border-radius:16px;
  display:flex;gap:18px;align-items:center;justify-content:space-between;
  flex-wrap:wrap;
  box-shadow:0 22px 50px rgba(0,0,0,.4), 0 0 0 1px rgba(65,192,240,.18);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  font-family:'Neo Sans Pro','Inter',system-ui,sans-serif;
}
#cookie-banner[hidden]{display:none}
#cookie-banner .cb-text{
  flex:1 1 460px;min-width:0;
  font-size:13.5px;line-height:1.55;color:rgba(255,255,255,.92);
}
#cookie-banner .cb-text strong{color:#fff;font-weight:700}
#cookie-banner a{color:var(--sc-amarelo);font-weight:700;text-decoration:underline;text-underline-offset:3px}
#cookie-banner a:hover{color:#fff}
#cookie-banner .cb-actions{display:flex;gap:10px;flex-wrap:wrap}
#cookie-banner .cb-btn{
  font-family:inherit;font-size:12.5px;font-weight:700;
  letter-spacing:.05em;text-transform:uppercase;
  padding:11px 22px;border-radius:99px;cursor:pointer;
  transition:all .25s cubic-bezier(.2,.8,.2,1);
  border:1.5px solid transparent;
}
#cookie-banner .cb-btn-primary{
  background:var(--sc-laranja);color:#fff;
  box-shadow:0 6px 16px rgba(240,130,26,.4);
}
#cookie-banner .cb-btn-primary:hover{background:var(--sc-laranja-dark);transform:translateY(-1px)}
#cookie-banner .cb-btn-ghost{
  background:transparent;color:#fff;border-color:rgba(255,255,255,.4);
}
#cookie-banner .cb-btn-ghost:hover{background:rgba(255,255,255,.08);border-color:#fff}
@media(max-width:600px){
  #cookie-banner{flex-direction:column;align-items:stretch;padding:16px;gap:12px;left:8px;right:8px;bottom:8px}
  #cookie-banner .cb-text{flex:1 1 auto}
  #cookie-banner .cb-actions{justify-content:stretch}
  #cookie-banner .cb-btn{flex:1;padding:12px 16px}
}