/* ClubEficaz — mesmo layout do site original (CI3), com acabamento atualizado:
   tipografia, responsividade, cantos e sombras suaves. */
@font-face{
  font-family:'ChronicaPro';
  src:url('../fonts/ChronicaPro-BoldIt.ttf') format('truetype');
  font-display:swap;
}
:root{
  --laranja:#F16521;
  --laranja-escuro:#D9531A;
  --azul:#19295B;
  --azul-link:#1D5BB8;
  --cinza:#888888;
  --cinza-escuro:#6F6F6F;
  --texto:#2B2B2B;
  --linha:#E3E6EA;
  --largura:1000px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;padding-top:130px;
  background:#F5F7FA url('../img/bg.jpg');
  color:var(--texto);
  font-family:'Nunito',system-ui,sans-serif;font-size:16px;line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;vertical-align:middle}
a{color:var(--azul-link)}

/* ---------- Títulos (rótulo laranja do original) ---------- */
h1,h2{
  display:inline-block;margin:0 0 22px;
  padding:6px 14px;border-radius:4px;
  background:var(--laranja);color:#fff;
  font-family:'ChronicaPro',sans-serif;font-weight:normal;font-size:20px;line-height:1.3;
  text-transform:uppercase;letter-spacing:.01em;
}

/* ---------- Cabeçalho ---------- */
.header{
  position:fixed;inset:0 0 auto 0;z-index:50;height:130px;
  background:rgba(255,255,255,.97);
  transition:height .4s ease, box-shadow .4s ease;
}
.header.header-small{height:80px;box-shadow:0 4px 18px rgba(25,41,91,.12)}
.header-container{position:relative;max-width:var(--largura);height:100%;margin:0 auto;padding:0 16px}
.nav-left{position:absolute;bottom:18px;left:16px;display:flex;gap:26px;transition:bottom .4s ease}
.header-small .nav-left{bottom:26px}
.nav-left a{
  color:var(--azul);font-weight:700;font-size:17px;letter-spacing:.03em;
  text-transform:uppercase;text-decoration:none;
  border-bottom:2px solid transparent;padding-bottom:2px;transition:color .2s, border-color .2s;
}
.nav-left a:hover,.nav-left a.ativo{color:var(--azul-link);border-color:var(--laranja)}
.header-logo{
  position:absolute;top:50px;left:50%;transform:translateX(-50%);z-index:60;
  transition:top .4s ease;
}
.header-logo img{display:block;height:130px;width:auto;transition:height .4s ease;filter:drop-shadow(0 6px 10px rgba(0,0,0,.12))}
.header-small .header-logo{top:5px}
.header-small .header-logo img{height:80px}

/* ---------- Página ---------- */
.container{
  max-width:var(--largura);margin:0 auto;background:#fff;
  box-shadow:0 8px 30px rgba(25,41,91,.12);
  border-radius:0 0 14px 14px;overflow:hidden;
}
.slider{position:relative;aspect-ratio:1000/490;background:#e9edf2}
.slider img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s ease}
.slider img.ativa{opacity:1}

.submenu{display:flex;background:linear-gradient(#8E8E8E,var(--cinza-escuro));padding:20px 0}
.submenu a{
  flex:1;display:flex;justify-content:center;align-items:center;
  border-right:1px solid rgba(255,255,255,.35);
  position:relative;transition:background .2s ease;
}
.submenu a:last-child{border-right:0}
.submenu a:hover{background:rgba(255,255,255,.08)}
.submenu a::after{
  content:"";position:absolute;left:22%;right:22%;bottom:-20px;height:4px;border-radius:4px 4px 0 0;
  background:var(--laranja);transform:scaleX(0);transition:transform .25s ease;
}
.submenu a:hover::after,.submenu a.ativo::after{transform:scaleX(1)}
.submenu img{width:100%;max-width:185px}

section{padding:32px 36px 40px}
section p{margin:0 0 18px}
section a{color:var(--azul-link);text-decoration:none}
section a:hover{text-decoration:underline}
section ul{margin:0;padding-left:22px}
section li{margin-bottom:8px}
section li::marker{color:var(--laranja)}
.texto{max-width:860px}
.separador{display:block;margin:26px auto;opacity:.7}

/* ---------- Home ---------- */
.home{text-align:center}
.selo img{height:60px;width:auto}
.home-planos{display:flex;justify-content:center;flex-wrap:wrap;gap:30px;margin:28px 0}
.home-planos img{transition:transform .25s ease}
.home-planos img:hover{transform:translateY(-4px)}
.chamada{
  display:inline-block;margin:6px 0 10px;padding:10px 22px;border-radius:6px;
  background:var(--laranja);color:#fff !important;
  font-family:'ChronicaPro',sans-serif;font-size:19px;text-transform:uppercase;text-decoration:none !important;
  box-shadow:0 8px 20px rgba(241,101,33,.28);transition:background .2s, transform .2s;
}
.chamada:hover{background:var(--laranja-escuro);transform:translateY(-2px)}

/* ---------- FAQ / Quem usa ---------- */
.faq p b:first-child{display:block;color:var(--azul);font-size:17px;margin-bottom:2px}
.depoimento{margin:0 0 6px;padding:20px 24px;background:#F6F8FB;border-left:4px solid var(--laranja);border-radius:0 10px 10px 0}
.depoimento b{display:block;margin-top:10px;color:var(--azul)}

/* ---------- Comparativo ---------- */
.comparativo-wrap{overflow-x:auto;margin-bottom:22px}
.comparativo{width:100%;min-width:640px;border-collapse:separate;border-spacing:0;border-radius:10px;overflow:hidden;font-size:15px}
.comparativo th{background:var(--azul);color:#fff;font-style:italic;font-weight:700;padding:9px 12px;text-align:center}
.comparativo th:first-child{text-align:left}
.comparativo td{padding:8px 12px;border-bottom:1px solid #fff;background-color:#FBFBFB;vertical-align:middle}
.comparativo tr:nth-child(odd) td{background-color:#E8ECEE}
.comparativo tr:hover td{background-color:#FFF6C9}
.comparativo td:first-child{width:46%}
.comparativo .comparativo_true,.comparativo .comparativo_false,.comparativo .comparativo_txt{width:18%;text-align:center;background-repeat:no-repeat;background-position:center}
.comparativo .comparativo_true{background-image:url('../img/icon_true.png')}
.comparativo .comparativo_false{background-image:url('../img/icon_false.png')}
.comparativo small{font-size:11px}

/* ---------- Rodapé ---------- */
.footer{
  max-width:var(--largura);margin:28px auto 0;padding:22px 16px;
  background:var(--cinza);border-radius:14px 14px 0 0;
  color:#fff;font-style:italic;text-align:center;line-height:1.6;
}

/* ---------- Responsivo ---------- */
@media (max-width:1000px){
  .container{border-radius:0}
  .footer{border-radius:0}
}
@media (max-width:760px){
  body{padding-top:110px}
  .header,.header.header-small{height:110px}
  .home-planos{gap:4%;flex-wrap:nowrap}
  .home-planos img{width:46%}
  .chamada{font-size:16px}
  .header-logo,.header-small .header-logo{top:6px}
  .header-logo img,.header-small .header-logo img{height:58px}
  .nav-left,.header-small .nav-left{bottom:10px;left:0;right:0;justify-content:center;gap:22px}
  .nav-left a{font-size:14px}
  .submenu{flex-wrap:wrap;padding:8px 0}
  .submenu a{flex:1 1 33%;border-right:0}
  .submenu a::after{bottom:0}
  .submenu img{max-width:150px}
  section{padding:24px 18px 30px}
  h1,h2{font-size:18px}
}
@media (prefers-reduced-motion:reduce){
  *{transition:none !important}
  html{scroll-behavior:auto}
}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- Contato (só WhatsApp) ---------- */
.whatsapp{
  display:inline-block;padding:12px 26px;border-radius:8px;
  background:#25D366;color:#fff !important;font-weight:800;font-size:18px;text-decoration:none !important;
  box-shadow:0 8px 18px rgba(37,211,102,.28);transition:background .2s, transform .2s;
}
.whatsapp:hover{background:#1EBE5A;transform:translateY(-1px)}