:root{
  --preto: #171717;
  --preto-2: #1f1f1f;
  --preto-3: #0e0e0e;
  --dourado: #ffaf40;
  --dourado-esc: #e0912a;
  --creme: #f7f4ef;
  --creme-2: #efeae1;
  --texto-claro: #f5f3ef;
  --texto-mudo-claro: #c9c3ba;
  --texto-escuro: #171717;
  --texto-mudo-escuro: #57534e;
  
  --fonte-titulo: 'Sora', system-ui, sans-serif;
  --fonte-texto: 'Inter', system-ui, sans-serif;
  --container: 1160px;
}
*{ box-sizing: border-box; }
html, body{ margin:0; padding:0; overflow-x:hidden; scroll-behavior:smooth; }
body{
  font-family: var(--fonte-texto);
  color: var(--texto-escuro);
  background: var(--creme);
  font-size: 18px; line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
img{ max-width:100%; display:block; }
h1,h2,h3{ font-family: var(--fonte-titulo); line-height:1.15; margin:0; word-break:break-word; }
p{ margin:0; }
a{ text-decoration:none; color:inherit; }

.container{ width:100%; max-width:var(--container); margin:0 auto; padding-left:24px; padding-right:24px; }
.secao{ padding:96px 0; position:relative; }
.bg-claro{ background:var(--creme); color:var(--texto-escuro); }
.bg-claro-2{ background:var(--creme-2); color:var(--texto-escuro); }
.bg-escuro{ background:var(--preto); color:var(--texto-claro); }

.pattern-grid-claro{
  background-image:
    linear-gradient(rgba(23,23,23,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(23,23,23,.045) 1px, transparent 1px);
  background-size:48px 48px;
}
.pattern-grid-dourado{
  background-image:
    linear-gradient(rgba(255,175,64,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,175,64,.06) 1px, transparent 1px);
  background-size:44px 44px;
}
.pattern-dots{ background-image:radial-gradient(rgba(255,175,64,.16) 1.6px, transparent 1.8px); background-size:30px 30px; }
.pattern-dots-claro{ background-image:radial-gradient(rgba(255,175,64,.22) 1.5px, transparent 1.7px); background-size:32px 32px; }
.glow-dourado{ position:relative; }
.glow-dourado::after{
  content:''; position:absolute; z-index:0; pointer-events:none;
  width:520px; height:520px; border-radius:50%;
  background:radial-gradient(circle, rgba(255,175,64,.14), transparent 65%);
  top:-160px; right:-120px;
}
.container-z{ position:relative; z-index:1; }

.pill{
  display:inline-flex; align-items:center; gap:8px;
  font-family:var(--fonte-titulo); font-size:13px; font-weight:700;
  letter-spacing:2px; text-transform:uppercase;
  padding:8px 16px; border-radius:100px;
  color:var(--dourado); background:rgba(255,175,64,.1);
  border:1px solid rgba(255,175,64,.35); margin-bottom:24px;
}
.pill::before{ content:''; width:6px; height:6px; border-radius:50%; background:var(--dourado); }

.cabecalho-secao{ text-align:center; max-width:760px; margin:0 auto 48px; }
.cabecalho-secao h2{ font-size:40px; font-weight:800; }
.cabecalho-secao .sub{ margin-top:16px; font-size:18px; color:var(--texto-mudo-escuro); }
.bg-escuro .cabecalho-secao .sub{ color:var(--texto-mudo-claro); }

.tracinho{ width:64px; height:4px; border-radius:100px; background:linear-gradient(90deg, var(--dourado-esc), var(--dourado)); margin:20px auto 0; }
.cabecalho-secao.esq{ text-align:left; margin-left:0; }
.cabecalho-secao.esq .tracinho{ margin-left:0; }

.destaque{ color:var(--dourado); }

.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  font-family:var(--fonte-titulo); font-size:17px; font-weight:700; letter-spacing:.5px;
  text-transform:uppercase; color:#201400; background:var(--dourado);
  padding:18px 40px; border-radius:100px; border:none; cursor:pointer;
  box-shadow:0 12px 30px -8px rgba(255,175,64,.55);
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
  position:relative; overflow:hidden;
}
.btn:hover{ transform:translateY(-3px); background:var(--dourado-esc); box-shadow:0 18px 40px -8px rgba(255,175,64,.65); }
.btn svg{ width:18px; height:18px; }

.btn::after{
  content:''; position:absolute; top:0; left:-70%; width:45%; height:100%;
  background:linear-gradient(120deg, transparent, rgba(255,255,255,.55), transparent);
  transform:skewX(-20deg); animation:brilho 4s infinite;
}
@keyframes brilho{ 0%{left:-70%} 45%{left:150%} 100%{left:150%} }

.texto-legivel{ max-width:650px; }
.texto-legivel p + p{ margin-top:16px; }
.centro-cta{ text-align:center; margin-top:48px; }

.chips{ display:flex; flex-wrap:wrap; gap:12px; justify-content:center; margin-top:40px; }
.chip{
  display:inline-flex; align-items:center; gap:8px;
  padding:10px 18px; border-radius:100px;
  background:rgba(255,175,64,.1); border:1px solid rgba(255,175,64,.32);
  font-size:14px; font-weight:600; color:var(--texto-escuro);
}
.chip::before{ content:'✦'; color:var(--dourado-esc); }

.hero{
  position:relative; min-height:100vh; max-height:820px;
  display:flex; align-items:center; background-color:var(--preto);
  background-image:url('https://micaelasitesds.com/wp-content/uploads/2026/07/banner-3-3.png');
  background-size:cover; background-position:center right; background-repeat:no-repeat;
  overflow:hidden;
}
.hero::before{
  content:''; position:absolute; inset:0; z-index:1;
  background:linear-gradient(90deg, rgba(15,15,15,.94) 0%, rgba(15,15,15,.78) 28%, rgba(15,15,15,.35) 52%, rgba(15,15,15,0) 72%);
}
.hero .container{ position:relative; z-index:2; }
.hero-logo{ height:44px; width:auto; margin-bottom:40px; }
.hero-conteudo{ max-width:640px; }
.hero h1{ color:#fff; font-size:46px; font-weight:800; line-height:1.15; margin-bottom:20px; }
.hero .subtitulo{ color:var(--texto-mudo-claro); font-size:19px; line-height:1.55; max-width:560px; margin-bottom:32px; }
.hero-apoio{ display:flex; align-items:center; gap:10px; margin-top:24px; color:var(--texto-mudo-claro); font-size:15px; }
.hero-apoio svg{ width:18px; height:18px; color:var(--dourado); flex:none; }

/* ===== HERO NO DESKTOP: conteudo ancorado a esquerda =====
   Em monitor largo, o container centralizado deixava um vazio grande na esquerda.
   Aqui o conteudo da hero passa a ficar ancorado a esquerda, com um respiro controlado.
   Para dar mais ou menos espaco na esquerda, mude o 150px abaixo. */
@media (min-width: 981px){
  .hero .container{
    max-width:none;
    margin-left:0;
    margin-right:0;
    padding-left:clamp(40px, 7vw, 150px);
    padding-right:24px;
  }
}

.ticker{
  position:relative; background:var(--preto-3);
  border-top:1px solid rgba(255,175,64,.35); border-bottom:1px solid rgba(255,175,64,.35);
  padding:22px 0; overflow:hidden;
}
.ticker::before{
  content:''; position:absolute; inset:0; z-index:0; opacity:.6;
  background-image:
    linear-gradient(rgba(255,175,64,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,175,64,.06) 1px, transparent 1px);
  background-size:40px 40px;
  -webkit-mask-image:radial-gradient(ellipse 60% 120% at 50% 100%, #000, transparent 75%);
          mask-image:radial-gradient(ellipse 60% 120% at 50% 100%, #000, transparent 75%);
}
.ticker-track{ position:relative; z-index:1; display:flex; width:max-content; animation:ticker-scroll 32s linear infinite; }
.ticker:hover .ticker-track{ animation-play-state:paused; }
.ticker-item{
  display:inline-flex; align-items:center; gap:28px;
  font-family:var(--fonte-titulo); font-size:15px; font-weight:700;
  letter-spacing:5px; text-transform:uppercase; color:var(--texto-claro);
  padding:0 28px; white-space:nowrap;
}
.ticker-item .sep{ color:var(--dourado); font-size:12px; }
@keyframes ticker-scroll{ from{transform:translateX(0)} to{transform:translateX(-50%)} }

.problema .lead{ text-align:center; max-width:640px; margin:0 auto 40px; color:var(--texto-mudo-escuro); font-size:18px; }
.dor-grid{ display:grid; grid-template-columns:1fr 1fr; gap:24px; max-width:920px; margin:0 auto; }
.dor-card{
  background:#fff; border:1px solid rgba(23,23,23,.08); border-radius:18px;
  padding:28px; display:flex; gap:18px; align-items:flex-start;
  box-shadow:0 10px 30px -18px rgba(23,23,23,.25);
  transition:transform .25s ease, box-shadow .25s ease;
}
.dor-card:hover{ transform:translateY(-5px); box-shadow:0 20px 42px -20px rgba(23,23,23,.32); }
.dor-icone{ flex:none; width:50px; height:50px; border-radius:14px; background:rgba(255,175,64,.15); color:var(--dourado-esc); display:flex; align-items:center; justify-content:center; }
.dor-icone svg{ width:24px; height:24px; }
.dor-card p{ font-size:16px; color:var(--texto-mudo-escuro); line-height:1.5; }
.dor-card strong{ color:var(--texto-escuro); font-weight:600; }
.problema .fecho{
  max-width:720px; margin:40px auto 0; text-align:center;
  font-size:21px; font-weight:600; color:var(--texto-escuro); line-height:1.45;
}

.rasgo-topo{ position:absolute; top:-1px; left:0; right:0; z-index:2; line-height:0; pointer-events:none; }
.rasgo-topo svg{ width:100%; height:84px; display:block; }
.rasgo-base{ position:absolute; bottom:-1px; left:0; right:0; z-index:2; line-height:0; pointer-events:none; }
.rasgo-base svg{ width:100%; height:88px; display:block; }

.oceano{
  position:relative; overflow:hidden; isolation:isolate;
  display:flex; align-items:center; padding:110px 0 120px;
  color:#eaf3fb;
  background-color:#06202f;
  background-image:
    linear-gradient(180deg, rgba(6,26,45,.82) 0%, rgba(5,22,38,.9) 55%, rgba(4,18,33,.96) 100%),
    url('https://micaelasitesds.com/wp-content/uploads/2026/07/424-1.png');
  background-size:cover; background-position:center;
}
.oceano::before{
  content:''; position:absolute; top:-10%; left:50%; transform:translateX(-50%);
  width:80%; height:60%; z-index:0; pointer-events:none;
  background:radial-gradient(ellipse at center, rgba(120,190,255,.18), transparent 70%);
}
.oceano .container{ position:relative; z-index:3; }
.oceano-cab{ text-align:center; max-width:820px; margin:0 auto 56px; }
.oceano-cab h2{ font-size:38px; font-weight:800; color:#fff; line-height:1.18; }
.oceano-cab .apoio{ margin:20px auto 0; font-size:18px; line-height:1.6; color:#9fb8cd; max-width:660px; }
.oceano-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.card-oc{
  position:relative; overflow:hidden;
  background:rgba(255,255,255,.055); border:1px solid rgba(150,205,255,.18);
  border-radius:20px; padding:36px 30px 32px;
  backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px);
  transition:transform .3s ease, border-color .3s ease, background .3s ease;
}
.card-oc:hover{ transform:translateY(-8px); border-color:rgba(255,175,64,.5); background:rgba(255,255,255,.08); }
.card-oc .num{ position:absolute; top:6px; right:20px; z-index:0; font-family:var(--fonte-titulo); font-weight:800; font-size:96px; line-height:1; color:rgba(255,175,64,.16); }
.card-oc .conteudo{ position:relative; z-index:1; }
.card-oc .barra{ width:44px; height:3px; border-radius:100px; background:var(--dourado); margin-bottom:22px; }
.card-oc h3{ font-size:21px; color:#fff; margin-bottom:12px; }
.card-oc p{ font-size:15px; line-height:1.6; color:#9fb8cd; }

.bolhas{ position:absolute; inset:0; z-index:1; overflow:hidden; pointer-events:none; }
.bolha{ position:absolute; bottom:-50px; border-radius:50%; background:radial-gradient(circle at 30% 30%, rgba(255,255,255,.55), rgba(150,205,255,.05) 70%); border:1px solid rgba(180,220,255,.18); animation:subir linear infinite; }
@keyframes subir{ 0%{ transform:translateY(0) translateX(0) scale(.7); opacity:0; } 12%{ opacity:.7; } 85%{ opacity:.5; } 100%{ transform:translateY(-90vh) translateX(24px) scale(1.15); opacity:0; } }

.banner-secao{ position:relative; min-height:660px; display:flex; align-items:center; overflow:hidden; color:var(--texto-claro); padding:96px 0; background-color:var(--preto); background-size:cover; }
.banner-secao .container{ position:relative; z-index:2; }
.banner-secao::before{ content:''; position:absolute; inset:0; z-index:1; }
.banner-secao .bloco{ max-width:600px; }
.banner-secao p{ color:var(--texto-mudo-claro); }

.caminho{
  min-height:1000px;
  background-image:url('https://micaelasitesds.com/wp-content/uploads/2026/07/banner-7.png');
  background-position:left center;
}
.caminho::before{ background:linear-gradient(to left, rgba(15,15,15,.9) 0%, rgba(15,15,15,.72) 34%, rgba(15,15,15,.12) 62%, transparent 80%); }
.caminho .bloco{ margin-left:auto; text-align:left; }

.autoridade{
  min-height:1000px;
  background-image:url('https://micaelasitesds.com/wp-content/uploads/2026/07/banner-6-1.png');
  background-position:right center;
}
.autoridade::before{ background:linear-gradient(to right, rgba(15,15,15,.92) 0%, rgba(15,15,15,.72) 34%, rgba(15,15,15,.12) 62%, transparent 80%); }
.autoridade .bloco{ margin-right:auto; text-align:left; }
.banner-secao h2{ font-size:38px; font-weight:800; color:#fff; margin-bottom:20px; }
.banner-secao .assinatura{ margin-top:24px; font-family:var(--fonte-titulo); color:var(--dourado); font-weight:700; }

.beneficios-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:24px; }
.card-ad{ background:#fff; border:1px solid rgba(23,23,23,.08); border-radius:20px; padding:32px; box-shadow:0 10px 30px -18px rgba(23,23,23,.25); transition:transform .25s ease, box-shadow .25s ease; }
.card-ad:hover{ transform:translateY(-5px); box-shadow:0 20px 42px -20px rgba(23,23,23,.3); }
.card-ad .linha{ display:flex; gap:14px; align-items:flex-start; }
.card-ad .linha + .linha{ margin-top:20px; padding-top:20px; border-top:1px dashed rgba(23,23,23,.12); }
.tag-ad{ font-family:var(--fonte-titulo); font-size:12px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; padding:4px 10px; border-radius:6px; flex:none; margin-top:2px; }
.tag-antes{ background:rgba(23,23,23,.06); color:var(--texto-mudo-escuro); }
.tag-depois{ background:rgba(255,175,64,.16); color:var(--dourado-esc); }
.card-ad .txt{ font-size:16px; line-height:1.5; }
.card-ad .linha-antes .txt{ color:var(--texto-mudo-escuro); }
.card-ad .linha-depois .txt{ color:var(--texto-escuro); font-weight:500; }

.pilares-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
.pilar{
  position:relative; overflow:hidden;
  background:var(--preto); color:var(--texto-claro);
  border:1px solid rgba(255,175,64,.22); border-radius:20px; padding:32px 26px;
  transition:transform .25s ease, border-color .25s ease;
}
.pilar:hover{ transform:translateY(-6px); border-color:rgba(255,175,64,.55); }
.pilar .num{ position:absolute; top:14px; right:20px; font-family:var(--fonte-titulo); font-weight:800; font-size:44px; color:rgba(255,175,64,.22); line-height:1; }
.pilar .ic{ width:54px; height:54px; border-radius:15px; background:rgba(255,175,64,.14); color:var(--dourado); display:flex; align-items:center; justify-content:center; margin-bottom:22px; }
.pilar .ic svg{ width:26px; height:26px; }
.pilar h3{ font-size:19px; color:#fff; margin-bottom:10px; }
.pilar p{ font-size:15px; color:var(--texto-mudo-claro); line-height:1.5; }

.entrega-lista{ max-width:840px; margin:0 auto; display:flex; flex-direction:column; gap:18px; }
.entrega-card{
  display:flex; gap:22px; align-items:flex-start;
  background:linear-gradient(160deg, #1e1e1e, #161616);
  border:1px solid rgba(255,175,64,.28); border-radius:18px;
  padding:26px 28px; position:relative; overflow:hidden;
  transition:transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.entrega-card:hover{ transform:translateY(-4px); border-color:rgba(255,175,64,.6); box-shadow:0 20px 44px -24px rgba(0,0,0,.8); }
.entrega-card .ic{ flex:none; width:56px; height:56px; border-radius:14px; background:rgba(255,175,64,.14); color:var(--dourado); display:flex; align-items:center; justify-content:center; }
.entrega-card .ic svg{ width:28px; height:28px; }
.entrega-selo{
  display:inline-block; font-family:var(--fonte-titulo); font-size:11px; font-weight:700;
  letter-spacing:2px; text-transform:uppercase; color:var(--dourado);
  background:rgba(255,175,64,.1); border:1px solid rgba(255,175,64,.35);
  padding:4px 12px; border-radius:100px; margin-bottom:12px;
}
.entrega-card h3{ font-size:19px; color:#fff; margin-bottom:8px; line-height:1.25; }
.entrega-card p{ font-size:15px; color:var(--texto-mudo-claro); line-height:1.55; }

.entregas-stack-section.stack-ativo .entrega-lista{
  gap:0;
  min-height:var(--altura-entregas-total, auto);
}
.entregas-stack-section.stack-ativo .entrega-card{
  max-height:var(--altura-card, 520px);
  margin-top:18px;
  opacity:1;
  filter:blur(0);
  transform:translateY(0) scale(1);
  transform-origin:top center;
  will-change:max-height, opacity, transform, margin, padding, filter;
  transition:
    max-height .82s cubic-bezier(.16,1,.3,1),
    opacity .68s ease,
    filter .68s ease,
    transform .82s cubic-bezier(.16,1,.3,1),
    margin .82s cubic-bezier(.16,1,.3,1),
    padding .82s cubic-bezier(.16,1,.3,1),
    border-color .25s ease,
    box-shadow .25s ease;
}
.entregas-stack-section.stack-ativo .entrega-card > *{
  opacity:1;
  transform:translateY(0);
  transition:opacity .58s ease, transform .58s cubic-bezier(.16,1,.3,1);
}
.entregas-stack-section.stack-ativo .entrega-card:first-child{
  margin-top:0;
}
.entregas-stack-section.stack-ativo .entrega-card.entrega-fechado{
  max-height:0 !important;
  margin-top:0;
  padding-top:0;
  padding-bottom:0;
  border-width:0;
  opacity:.04;
  filter:blur(5px);
  transform:translateY(-26px) scale(.988);
  pointer-events:none;
  box-shadow:none;
}
.entregas-stack-section.stack-ativo .entrega-card.entrega-fechado > *{
  opacity:0;
  transform:translateY(-8px);
}
.entregas-stack-section.stack-ativo .centro-cta{
  opacity:0;
  transform:translateY(18px);
  pointer-events:none;
  transition:opacity .55s ease, transform .55s cubic-bezier(.16,1,.3,1);
}
.entregas-stack-section.stack-ativo .centro-cta.cta-entrega-visivel{
  opacity:1;
  transform:translateY(0);
  pointer-events:auto;
}
@media (prefers-reduced-motion: reduce){
  .entregas-stack-section.stack-ativo .entrega-lista{
    min-height:0;
    gap:18px;
  }
  .entregas-stack-section.stack-ativo .entrega-card{
    max-height:none !important;
    margin-top:0;
    opacity:1;
    filter:none;
    transform:none;
  }
  .entregas-stack-section.stack-ativo .entrega-card > *{
    opacity:1;
    transform:none;
  }
  .entregas-stack-section.stack-ativo .entrega-card.entrega-fechado{
    max-height:none !important;
    margin-top:0;
    padding-top:26px;
    padding-bottom:26px;
    border-width:1px;
    opacity:1;
    filter:none;
    transform:none;
    pointer-events:auto;
  }
}

.depoimentos-netflix{ overflow:hidden; }
.aviso-exemplo{ text-align:center; font-size:13px; color:var(--texto-mudo-escuro); margin:-24px auto 32px; max-width:620px; font-style:italic; }
.carrossel-wrap{
  --depo-gap:24px;
  position:relative;
  width:100vw;
  margin-left:calc(50% - 50vw);
  overflow:hidden;
  padding:10px 0 36px;
  isolation:isolate;
  -webkit-mask-image:linear-gradient(90deg, transparent 0%, rgba(0,0,0,.18) 5%, #000 12%, #000 88%, rgba(0,0,0,.18) 95%, transparent 100%);
          mask-image:linear-gradient(90deg, transparent 0%, rgba(0,0,0,.18) 5%, #000 12%, #000 88%, rgba(0,0,0,.18) 95%, transparent 100%);
}
.carrossel-wrap::before,
.carrossel-wrap::after{
  content:'';
  position:absolute;
  top:10px;
  bottom:36px;
  width:220px;
  z-index:3;
  pointer-events:none;
  filter:blur(12px);
  opacity:.96;
}
.carrossel-wrap::before{
  left:-28px;
  background:linear-gradient(90deg,
    rgba(247,244,239,1) 0%,
    rgba(247,244,239,.98) 20%,
    rgba(247,244,239,.9) 42%,
    rgba(247,244,239,.65) 64%,
    rgba(247,244,239,.28) 82%,
    rgba(247,244,239,0) 100%);
}
.carrossel-wrap::after{
  right:-28px;
  background:linear-gradient(270deg,
    rgba(247,244,239,1) 0%,
    rgba(247,244,239,.98) 20%,
    rgba(247,244,239,.9) 42%,
    rgba(247,244,239,.65) 64%,
    rgba(247,244,239,.28) 82%,
    rgba(247,244,239,0) 100%);
}
.carrossel{
  display:flex;
  width:max-content;
  overflow:visible;
  will-change:transform;
  animation:depoimentos-netflix 44s linear infinite;
}
.carrossel:hover{ animation-play-state:paused; }
.carrossel-grupo{
  display:flex;
  gap:var(--depo-gap);
  padding-right:var(--depo-gap);
}
.depoimento{
  flex:0 0 clamp(300px, 28vw, 390px);
  min-height:312px;
  background:#fff;
  border:1px solid rgba(23,23,23,.08);
  border-radius:22px;
  padding:32px;
  box-shadow:0 18px 42px -24px rgba(23,23,23,.42);
  display:flex;
  flex-direction:column;
  transform:scale(.96);
  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
.depoimento:hover{
  transform:scale(1);
  border-color:rgba(255,175,64,.38);
  box-shadow:0 26px 58px -28px rgba(23,23,23,.5);
}
.depoimento .aspas{ color:var(--dourado); font-size:44px; font-family:var(--fonte-titulo); line-height:.6; height:24px; }
.depoimento .estrelas{ color:var(--dourado); letter-spacing:2px; margin:8px 0 16px; font-size:15px; }
.depoimento .fala{ font-size:16px; line-height:1.55; color:var(--texto-escuro); flex:1; }
.depoimento .autor{ display:flex; align-items:center; gap:14px; margin-top:24px; }
.depoimento .avatar{ width:46px; height:46px; border-radius:50%; flex:none; background:var(--preto); color:var(--dourado); display:flex; align-items:center; justify-content:center; font-family:var(--fonte-titulo); font-weight:700; font-size:18px; }
.depoimento .nome{ font-family:var(--fonte-titulo); font-weight:700; font-size:16px; color:var(--texto-escuro); }
.depoimento .cargo{ font-size:14px; color:var(--texto-mudo-escuro); }
@keyframes depoimentos-netflix{
  from{ transform:translateX(0); }
  to{ transform:translateX(-50%); }
}

@media (max-width: 680px){
  .carrossel-wrap{
    --depo-gap:16px;
    padding-bottom:26px;
    -webkit-mask-image:linear-gradient(90deg, transparent 0%, rgba(0,0,0,.16) 3%, #000 8%, #000 92%, rgba(0,0,0,.16) 97%, transparent 100%);
            mask-image:linear-gradient(90deg, transparent 0%, rgba(0,0,0,.16) 3%, #000 8%, #000 92%, rgba(0,0,0,.16) 97%, transparent 100%);
  }
  .carrossel-wrap::before,
  .carrossel-wrap::after{
    top:8px;
    bottom:26px;
    width:100px;
    filter:blur(10px);
  }
  .depoimento{ flex-basis:82vw; min-height:300px; padding:24px; border-radius:20px; transform:scale(.98); }
}
@media (prefers-reduced-motion: reduce){
  .carrossel{ animation:none; transform:none; }
}

.oferta{ background:var(--preto); color:var(--texto-claro); padding:100px 0; position:relative; }
.card-preco{ max-width:640px; margin:0 auto; background:linear-gradient(160deg, #232323, #171717); border:1px solid rgba(255,175,64,.3); border-radius:24px; padding:48px 40px; text-align:center; box-shadow:0 30px 70px -30px rgba(0,0,0,.8); position:relative; overflow:hidden; }
.card-preco::before{ content:''; position:absolute; top:-120px; left:50%; transform:translateX(-50%); width:360px; height:240px; background:radial-gradient(circle, rgba(255,175,64,.22), transparent 70%); }
.card-preco .rel{ position:relative; z-index:1; }
.card-preco .inclui{ text-align:left; max-width:420px; margin:0 auto 32px; padding:0; list-style:none; }
.card-preco .inclui li{ display:flex; gap:12px; align-items:flex-start; margin-bottom:12px; font-size:16px; color:var(--texto-claro); }
.card-preco .inclui li svg{ width:20px; height:20px; color:var(--dourado); flex:none; margin-top:2px; }
.preco-de{ color:var(--texto-mudo-claro); font-size:17px; }
.preco-de s{ text-decoration-color:var(--dourado); }
.preco-parcela{ font-family:var(--fonte-titulo); font-weight:800; color:#fff; font-size:52px; line-height:1.1; margin:8px 0; }
.preco-parcela small{ font-size:22px; font-weight:700; color:var(--texto-mudo-claro); }
.preco-avista{ color:var(--dourado); font-weight:600; font-size:18px; margin-bottom:28px; }

.vagas-barra{ max-width:520px; margin:40px auto 0; }
.vagas-barra .topo{ display:flex; justify-content:space-between; font-size:14px; color:var(--texto-mudo-claro); margin-bottom:10px; }
.vagas-barra .topo b{ color:var(--dourado); }
.vagas-barra .trilho{ height:12px; border-radius:100px; background:rgba(255,255,255,.1); overflow:hidden; }
.vagas-barra .preenchido{ height:100%; width:6%; border-radius:100px; background:linear-gradient(90deg, var(--dourado-esc), var(--dourado)); transition:width 1.5s cubic-bezier(.2,.7,.2,1); }
.vagas-barra.visivel .preenchido{ width:72%; }
.oferta-vagas{ display:inline-flex; align-items:center; gap:8px; margin-top:24px; font-size:14px; color:var(--texto-mudo-claro); }
.oferta-vagas svg{ width:16px; height:16px; color:var(--dourado); }

.garantia-grid{ display:grid; grid-template-columns:200px 1fr; gap:48px; align-items:center; max-width:900px; margin:0 auto; }
.selo-garantia{ width:200px; height:200px; }
.garantia-texto h2{ font-size:34px; font-weight:800; margin-bottom:16px; }
.garantia-texto p{ color:var(--texto-mudo-escuro); font-size:17px; }
.garantia-texto .marcador{ color:var(--dourado-esc); font-style:italic; }

.faq{ max-width:800px; margin:0 auto; }
.faq-item{ background:#fff; border:1px solid rgba(23,23,23,.1); border-radius:14px; margin-bottom:14px; overflow:hidden; }
.faq-pergunta{ width:100%; text-align:left; background:none; border:none; cursor:pointer; padding:22px 24px; font-family:var(--fonte-titulo); font-size:17px; font-weight:600; color:var(--texto-escuro); display:flex; justify-content:space-between; align-items:center; gap:16px; }
.faq-pergunta .icone{ flex:none; width:24px; height:24px; position:relative; }
.faq-pergunta .icone::before, .faq-pergunta .icone::after{ content:''; position:absolute; background:var(--dourado-esc); border-radius:2px; top:50%; left:50%; transform:translate(-50%,-50%); }
.faq-pergunta .icone::before{ width:16px; height:2px; }
.faq-pergunta .icone::after{ width:2px; height:16px; transition:transform .3s ease; }
.faq-item.aberto .icone::after{ transform:translate(-50%,-50%) scaleY(0); }
.faq-resposta{ max-height:0; overflow:hidden; transition:max-height .35s ease; }
.faq-resposta-inner{ padding:0 24px 22px; color:var(--texto-mudo-escuro); font-size:16px; line-height:1.6; }
.faq-resposta .marcador{ color:var(--dourado-esc); font-style:italic; }

.final{ background:var(--preto); color:var(--texto-claro); text-align:center; padding:110px 0; position:relative; overflow:hidden; }
.final .container-z{ max-width:760px; }
.final h2{ font-size:42px; font-weight:800; color:#fff; margin-bottom:20px; }
.final p{ color:var(--texto-mudo-claro); font-size:18px; margin-bottom:8px; }

.rodape{ background:var(--preto-3); color:var(--texto-mudo-claro); padding:64px 0 32px; }
.rodape-top{ max-width:640px; padding-bottom:40px; border-bottom:1px solid rgba(255,255,255,.08); }
.rodape img{ height:40px; margin-bottom:20px; }
.rodape h4{ font-family:var(--fonte-titulo); color:#fff; font-size:15px; letter-spacing:1px; text-transform:uppercase; margin:0 0 16px; }
.rodape a, .rodape p{ font-size:15px; color:var(--texto-mudo-claro); margin-bottom:10px; display:block; transition:color .2s ease; }
.rodape a:hover{ color:var(--dourado); }
.rodape-social{ display:flex; gap:12px; margin-top:4px; }
.rodape-social a{ width:40px; height:40px; border-radius:50%; border:1px solid rgba(255,255,255,.15); display:flex; align-items:center; justify-content:center; margin:0; }
.rodape-social a:hover{ background:var(--dourado); border-color:var(--dourado); }
.rodape-social svg{ width:18px; height:18px; color:#fff; }
.rodape-social a:hover svg{ color:#201400; }
.rodape-legal{ padding-top:28px; font-size:13px; line-height:1.6; color:#8a857d; }
.rodape-legal a{ color:#8a857d; display:inline; }

.reveal{ opacity:0; transform:translateY(28px); transition:opacity .7s ease, transform .7s cubic-bezier(.2,.7,.2,1); }
.reveal.visivel{ opacity:1; transform:none; }
.reveal.d1{ transition-delay:.08s; } .reveal.d2{ transition-delay:.16s; } .reveal.d3{ transition-delay:.24s; } .reveal.d4{ transition-delay:.32s; }

@media (max-width: 980px){
  .pilares-grid{ grid-template-columns:1fr 1fr; }
  .garantia-grid{ grid-template-columns:1fr; gap:32px; text-align:center; }
  .selo-garantia{ margin:0 auto; }
  .rodape-top{ max-width:100%; }
}
@media (max-width: 680px){
  body{ font-size:16px; }
  .secao{ padding:56px 0; }
  .container{ padding-left:20px; padding-right:20px; }
  .hero{ min-height:1200px; max-height:none; align-items:flex-start; padding:25px 0 80px;
    background-image:url('https://micaelasitesds.com/wp-content/uploads/2026/07/Frame-2.png'); background-position:center top; }
  .hero::before{ background:linear-gradient(180deg, rgba(15,15,15,.9) 0%, rgba(15,15,15,.55) 45%, rgba(15,15,15,.25) 75%, rgba(15,15,15,.6) 100%); }
  .hero h1{ font-size:30px; } .hero .subtitulo{ font-size:17px; }
  .hero-logo{ height:38px; margin-bottom:28px; }
  .cabecalho-secao h2, .banner-secao h2, .garantia-texto h2{ font-size:26px; }
  .final h2{ font-size:28px; }
  .dor-grid{ grid-template-columns:1fr; }
  .beneficios-grid{ grid-template-columns:1fr; gap:16px; }
  .pilares-grid{ grid-template-columns:1fr; }
  .entrega-card{ flex-direction:column; gap:14px; padding:22px; }
  .oceano{ padding:72px 0 90px; }
  .oceano-cab h2{ font-size:26px; }
  .oceano-cab .apoio{ font-size:16px; }
  .oceano-grid{ grid-template-columns:1fr; gap:16px; }
  .card-oc{ padding:28px 24px; }
  .card-oc .num{ font-size:80px; }
  .card-ad, .depoimento, .card-preco, .pilar, .dor-card{ padding:24px; }
  .preco-parcela{ font-size:42px; }
  .btn{ width:100%; padding:16px 24px; font-size:15px; }
  .ticker-item{ letter-spacing:3px; font-size:13px; }
  
  .banner-secao{ min-height:auto; padding:72px 0; }
  .caminho{ min-height:1200px; align-items:flex-start; background-image:url('https://micaelasitesds.com/wp-content/uploads/2026/07/Frame-6.png'); background-position:center top; }
  .caminho::before{ background:none; }
  .autoridade{ min-height:1200px; align-items:flex-start; background-image:url('https://micaelasitesds.com/wp-content/uploads/2026/07/sobre-mobile.png'); background-position:center top; }
  .autoridade::before{ background:none; }
  .banner-secao .bloco{ max-width:100%; margin:0; }
}

@media (prefers-reduced-motion: reduce){
  .bolha{ animation:none; opacity:.35; }
}

.cf-wrap{
  position:fixed; right:24px; bottom:24px; z-index:60;
  transform:translateX(150%); opacity:0;
  transition:transform .7s cubic-bezier(.2,.8,.2,1), opacity .7s ease;
}
.cf-wrap.cf-on{ transform:translateX(0); opacity:1; }
.cf-wrap.cf-off{ transform:translateX(150%); opacity:0; pointer-events:none; }
.cf-card{
  position:relative; width:160px;
  background:linear-gradient(165deg, #1f1f1f, #121212);
  border:1px solid rgba(255,175,64,.32);
  border-radius:20px; padding:16px 14px 14px;
  box-shadow:0 20px 44px -18px rgba(0,0,0,.75);
  color:var(--texto-claro);
}
.cf-card::before{
  content:''; position:absolute; inset:-2px; z-index:-1; border-radius:22px;
  background:radial-gradient(62% 60% at 50% 0%, rgba(255,175,64,.4), transparent 70%);
  filter:blur(11px); opacity:.4; animation:cf-glow 3.6s ease-in-out infinite;
}
@keyframes cf-glow{ 0%,100%{ opacity:.3 } 50%{ opacity:.65 } }

.cf-fechar{
  position:absolute; top:8px; right:8px; width:22px; height:22px;
  display:flex; align-items:center; justify-content:center; padding:0;
  background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12);
  border-radius:50%; color:var(--texto-mudo-claro); cursor:pointer;
  transition:background .2s ease, color .2s ease;
}
.cf-fechar:hover{ background:rgba(255,175,64,.18); color:var(--dourado); }
.cf-fechar svg{ width:11px; height:11px; }

.cf-selo{
  display:inline-flex; align-items:center; gap:6px;
  font-family:var(--fonte-titulo); font-size:9.5px; font-weight:700;
  letter-spacing:1.5px; text-transform:uppercase; color:var(--dourado);
  margin-bottom:10px;
}
.cf-dot{
  width:7px; height:7px; border-radius:50%; background:var(--dourado);
  box-shadow:0 0 0 0 rgba(255,175,64,.6); animation:cf-pulse 1.9s infinite;
}
@keyframes cf-pulse{
  0%{ box-shadow:0 0 0 0 rgba(255,175,64,.55) }
  70%{ box-shadow:0 0 0 8px rgba(255,175,64,0) }
  100%{ box-shadow:0 0 0 0 rgba(255,175,64,0) }
}

.cf-frase{ font-size:11.5px; line-height:1.4; color:var(--texto-mudo-claro); margin:0 0 14px; }
.cf-frase b{ color:#fff; font-weight:700; }

.cf-grid{ display:flex; flex-direction:column; gap:8px; }
.cf-bloco{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  background:rgba(255,255,255,.04); border:1px solid rgba(255,175,64,.14);
  border-radius:12px; padding:8px 13px;
}
.cf-num{
  font-family:var(--fonte-titulo); font-size:26px; font-weight:800; color:#fff;
  line-height:1; font-variant-numeric:tabular-nums;
}
.cf-label{
  font-family:var(--fonte-titulo); font-size:9px; font-weight:700;
  letter-spacing:1.4px; text-transform:uppercase; color:var(--dourado);
}

@media (max-width: 680px){
  .cf-wrap{ right:12px; bottom:12px; }
  .cf-card{ width:132px; padding:13px 11px 11px; border-radius:16px; }
  .cf-num{ font-size:21px; }
  .cf-frase{ font-size:10.5px; margin-bottom:12px; }
  .cf-bloco{ padding:7px 11px; }
}
@media (prefers-reduced-motion: reduce){
  .cf-card::before{ animation:none; }
  .cf-dot{ animation:none; }
  .cf-wrap{ transition:none; }
}