/*
Theme Name: Niponcred Otimizado
Theme URI: https://niponcred.com.br
Author: Leo Kinoshita
Description: Tema customizado de altíssima performance construído do zero.
Version: 1.2
Text Domain: niponcred
*/

/* =======================================================
   RESETS E VARIÁVEIS GLOBAIS
======================================================= */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --orange:#f39200;--orange-d:#d97e00;--orange-text:#b36b00;--dark:#111111;--mid:#2e2e2e;
  --text:#3a3a3a;--muted:#6b6b6b;--cream:#fffdf5;--white:#ffffff;
  --red:#c0392b;--radius:14px;--shadow:0 4px 32px rgba(0,0,0,.08);
  --font-h:'Sora',sans-serif;--font-b:'DM Sans',sans-serif;--max:1200px;
}
html{scroll-behavior:smooth}

/* Previne a barra de rolagem horizontal e força limites globais */
html, body {
  overflow-x: hidden !important;
  width: 100% !important;
  max-width: 100vw;
}

body{font-family:var(--font-b);color:var(--text);background:var(--white);-webkit-font-smoothing:antialiased}

/* Garante que imagens e caixas não fiquem maiores que a tela */
img, .box-informativo-fiel, div[style*="border-radius: 20px"] {
  max-width: 100% !important;
  box-sizing: border-box !important;
  display: block;
}

a{color:inherit;text-decoration:none}
.container{max-width:var(--max);margin-inline:auto;padding-inline:clamp(16px,4vw,48px)}

@keyframes fadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
.reveal{opacity:0;animation:fadeUp .65s ease forwards}
.delay-1{animation-delay:.1s}.delay-2{animation-delay:.22s}.delay-3{animation-delay:.34s}.delay-4{animation-delay:.46s}

/* Efeito Hover Genérico (Antigo nav-link-hover) */
.nav-link-hover:hover {
  transform: translateY(-3px);
  opacity: 0.8;
}

/* =======================================================
   HEADER PREMIUM & MEGA MENU
======================================================= */
.header-premium {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: rgba(255, 255, 255, 0.98);
  backdrop-filter: blur(10px);
  box-shadow: 0 4px 25px rgba(0,0,0,0.06);
  transition: all 0.3s ease;
  border-bottom: 1px solid rgba(0,0,0,0.03);
}
.header-premium .container-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: var(--max);
  margin: 0 auto;
  padding: 12px clamp(16px, 4vw, 48px);
}
.nav-links-premium {
  display: flex;
  list-style: none;
  gap: clamp(15px, 2.5vw, 32px);
  margin: 0;
  padding: 0;
  align-items: center;
}
.nav-links-premium a {
  text-decoration: none;
  color: #2d2d2d;
  font-family: var(--font-h);
  font-size: 0.95rem;
  font-weight: 600;
  padding: 12px 0;
  display: block;
  transition: color 0.2s ease;
}
.nav-links-premium > li > a:hover {
  color: var(--orange);
}
.btn-nav-premium {
  background: linear-gradient(90deg, var(--orange), #ffb300);
  color: var(--white) !important;
  padding: 12px 28px;
  border-radius: 50px;
  font-family: var(--font-h);
  font-weight: 800;
  font-size: 0.95rem;
  text-decoration: none;
  box-shadow: 0 6px 20px rgba(243, 146, 0, 0.25);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  display: inline-block;
  white-space: nowrap;
}
.btn-nav-premium:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(243, 146, 0, 0.4);
}
.hamburger-btn {
  display: none;
  background: none;
  border: none;
  cursor: pointer;
  padding: 5px;
  z-index: 1001;
}
.hamburger-btn span {
  display: block;
  width: 26px;
  height: 3px;
  background: var(--dark);
  margin: 5px 0;
  transition: all 0.3s ease;
  border-radius: 3px;
}

/* MEGA MENU DESKTOP */
.dropdown {
  position: relative;
}
.dropdown > a::after {
  content: "▾";
  margin-left: 6px;
  font-size: 12px;
  opacity: 0.6;
}
.mega-menu {
  position: absolute;
  top: 100%;
  left: -20px;
  background: var(--white);
  width: 320px;
  padding: 12px;
  border-radius: 12px;
  box-shadow: 0 15px 40px rgba(0,0,0,0.12);
  border: 1px solid #f0f0f0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(15px);
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  display: grid;
  gap: 5px;
  z-index: 9999;
}
.dropdown:hover .mega-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.mega-item {
  padding: 12px 16px !important;
  border-radius: 8px;
  transition: background 0.2s ease !important;
  line-height: 1.4;
}
.mega-item:hover {
  background: var(--cream);
}
.mega-item:hover strong {
  color: var(--orange);
}
.mega-item strong {
  display: block;
  font-size: 0.95rem;
  color: var(--dark);
  margin-bottom: 4px;
}
.mega-item span {
  display: block;
  font-size: 0.8rem;
  color: var(--muted);
  font-weight: 400;
  font-family: var(--font-b);
}

/* =======================================================
   COMPONENTES E PÁGINAS GERAIS
======================================================= */

/* HERO */
.hero{background:var(--white);padding:clamp(60px,8vw,100px) 0;overflow:hidden}
.hero .container{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,72px);align-items:center}
.hero-badge{display:inline-flex;align-items:center;gap:7px;background:#fff7e6;border:1px solid #ffd480;color:#8a5700;font-size:.78rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:6px 14px;border-radius:100px;margin-bottom:22px}
.hero-badge::before{content:'';width:8px;height:8px;background:var(--orange);border-radius:50%}
.hero h1{font-family:var(--font-h);font-size:clamp(2rem,4vw,3.2rem);line-height:1.17;color:var(--dark);font-weight:800;margin-bottom:22px}
.hero h1 mark{background:linear-gradient(90deg,var(--orange),#ffb300);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero p{font-size:1.05rem;line-height:1.75;color:var(--muted);margin-bottom:36px;max-width:500px}
.btn-cta{display:inline-flex;align-items:center;gap:10px;background:var(--orange);color:var(--dark);font-family:var(--font-h);font-weight:800;font-size:1rem;padding:17px 34px;border-radius:10px;letter-spacing:.02em;transition:background .2s,transform .15s,box-shadow .2s;box-shadow:0 4px 20px rgba(243,146,0,.35)}
.btn-cta:hover{background:var(--orange-d);transform:translateY(-2px);box-shadow:0 8px 28px rgba(243,146,0,.4)}
.btn-cta svg{width:20px;height:20px;flex-shrink:0}
.hero-trust{display:flex;gap:20px;margin-top:28px;flex-wrap:wrap}
.trust-item{display:flex;align-items:center;gap:7px;font-size:.82rem;color:var(--muted);font-weight:500}
.trust-item svg{color:var(--orange);flex-shrink:0}

/* CORREÇÃO: IMAGEM PROPORCIONAL SEM ESTICAR */
.hero-image-wrap{position:relative; width: 100%; aspect-ratio: 600/480;}
.hero-image-wrap img{width:100%; height:100%; object-fit:cover; object-position: top; border-radius:20px; box-shadow:0 20px 60px rgba(0,0,0,.12)}

.hero-float{position:absolute;bottom:-18px;left:-18px;background:var(--white);border-radius:12px;padding:14px 18px;box-shadow:var(--shadow);display:flex;align-items:center;gap:12px;border:1px solid rgba(0,0,0,.06)}
.hero-float-icon{width:42px;height:42px;background:#fff3d6;border-radius:10px;display:grid;place-items:center}
.hero-float-icon svg{color:var(--orange);width:20px}
.hero-float-text strong{display:block;font-family:var(--font-h);font-size:.95rem;color:var(--dark)}
.hero-float-text span{font-size:.75rem;color:var(--muted)}

/* STATS */
.stats{background:var(--orange);padding:44px 0}
.stats .container{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;text-align:center}
.stat-item{padding:8px}
.stat-num{font-family:var(--font-h);font-size:clamp(2.2rem,4vw,3rem);font-weight:900;color:var(--dark);line-height:1}
.stat-label{font-size:.78rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:rgba(0,0,0,.65);margin-top:6px}
.stat-divider{width:1px;background:rgba(0,0,0,.15);align-self:stretch;margin:auto 0}

/* SECTION HELPERS */
.section-eyebrow{display:block;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--orange-text);margin-bottom:12px}
.section-title{font-family:var(--font-h);font-size:clamp(1.7rem,3vw,2.4rem);font-weight:800;color:var(--dark);line-height:1.22;margin-bottom:14px}
.section-sub{font-size:1rem;color:var(--muted);line-height:1.65;max-width:560px;margin-bottom:44px}

/* =======================================================
   FORMULÁRIOS (FLUENT FORMS)
======================================================= */
.simulator{background:var(--cream);padding:clamp(60px,7vw,100px) 0}
.simulator .inner{background:var(--white);border-radius:20px;padding:clamp(28px,4vw,52px);box-shadow:var(--shadow);border:1px solid rgba(0,0,0,.05);max-width:780px;margin:0 auto;text-align:center}
.simulator .inner .section-sub{margin-inline:auto;margin-bottom:28px}
.fluentform-wrap{min-height:60px;text-align:left}
.form-note{text-align:center;font-size:.78rem;color:var(--muted);margin-top:16px}

/* Proteção global de layout dos formulários */
.fluentform-wrap, 
.fluentform form, 
.fluentform input, 
.fluentform select, 
.fluentform textarea {
    max-width: 100% !important;
    box-sizing: border-box !important;
}
/* Força a cor do texto no botão final para ser escura */
.fluentform .ff-btn-submit {
  color: var(--dark) !important;
}

/* =======================================================
   OUTRAS SEÇÕES
======================================================= */

/* PRODUCTS */
.products{background:var(--white);padding:clamp(60px,7vw,100px) 0}
.products-header{text-align:center;margin-bottom:52px}
.products-header .section-sub{margin-inline:auto}
.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.product-card{background:var(--cream);border-radius:var(--radius);padding:32px 24px;border:1.5px solid transparent;transition:border-color .25s,box-shadow .25s,transform .25s;display:flex;flex-direction:column}
.product-card:hover{border-color:var(--orange);box-shadow:0 8px 32px rgba(243,146,0,.14);transform:translateY(-4px)}
.product-icon{width:52px;height:52px;background:#fff3d6;border-radius:13px;display:grid;place-items:center;margin-bottom:20px}
.product-icon svg{color:var(--orange);width:24px;height:24px}
.product-card h3{font-family:var(--font-h);font-size:1.1rem;font-weight:700;color:var(--dark);margin-bottom:10px}
.product-card p{font-size:.9rem;color:var(--muted);line-height:1.65;flex:1}
.product-card .rate{display:inline-block;margin-top:14px;font-size:.8rem;font-weight:700;color:#7a4b00;background:#fff3d6;padding:4px 10px;border-radius:100px}
.product-link{margin-top:20px;font-size:.85rem;font-weight:700;display:flex;align-items:center;gap:5px;transition:gap .2s}
.product-link:hover{gap:9px}

/* TESTIMONIALS */
.testimonials{background:var(--dark);padding:clamp(60px,7vw,100px) 0}
.testimonials .section-title{color:var(--white)}
.testimonials-header{text-align:center;margin-bottom:52px}
.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.tcard{background:#1e1e1e;border-radius:var(--radius);padding:32px;border:1px solid #2a2a2a;position:relative}
.tcard::before{content:'"';position:absolute;top:16px;right:20px;font-size:5rem;color:var(--orange);opacity:.15;font-family:Georgia,serif;line-height:1}
.stars{display:flex;gap:3px;margin-bottom:18px}
.stars svg{color:var(--orange);width:16px;height:16px}
.tcard p{font-size:.93rem;color:#c8c8c8;line-height:1.72;margin-bottom:22px;font-style:italic}
.tcard-author strong{display:block;font-family:var(--font-h);font-size:.9rem;color:var(--white)}
.tcard-author span{font-size:.78rem;color:var(--muted)}

/* WHY US */
.why{background:var(--cream);padding:clamp(60px,7vw,100px) 0}
.why .container{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,5vw,80px);align-items:center}
.why h2{font-family:var(--font-h);font-size:clamp(1.8rem,3vw,2.6rem);font-weight:800;color:var(--dark);line-height:1.2;margin-bottom:20px}
.why .body-text{font-size:1rem;color:var(--muted);line-height:1.75;margin-bottom:32px}
.checklist{list-style:none;display:flex;flex-direction:column;gap:14px}
.checklist li{display:flex;align-items:flex-start;gap:12px;font-size:.95rem;color:var(--mid);line-height:1.55}
.check-dot{width:22px;height:22px;flex-shrink:0;background:var(--orange);border-radius:50%;display:grid;place-items:center;margin-top:1px}
.check-dot svg{width:11px;height:11px;color:white}

/* E-E-A-T CREDENTIALS BAR */
.credentials{background:var(--white);padding:32px 0;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0}
.credentials .container{display:flex;align-items:center;justify-content:center;gap:clamp(20px,4vw,56px);flex-wrap:wrap;text-align:center}
.cred-item{display:flex;align-items:center;gap:10px;font-size:.83rem;color:var(--muted);font-weight:500}
.cred-item svg{color:var(--orange);flex-shrink:0;width:20px;height:20px}
.cred-item strong{display:block;font-size:.85rem;color:var(--dark)}
.cred-sep{width:1px;height:36px;background:#e5e5e5}

/* QUIZ */
.quiz{background:var(--white);padding:clamp(60px,7vw,100px) 0}
.quiz .container{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,5vw,80px);align-items:center}
.quiz-box{background:var(--cream);border-radius:20px;padding:clamp(28px,4vw,48px);border:1.5px solid #ead89c;box-shadow:var(--shadow)}
.quiz-box h3{font-family:var(--font-h);font-size:1.3rem;font-weight:800;color:var(--dark);margin-bottom:6px;text-align:center}
.quiz-box>p{text-align:center;font-size:.9rem;color:var(--muted);margin-bottom:28px}

/* BLOG */
.blog{background:var(--cream);padding:clamp(60px,7vw,100px) 0}
.blog-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:44px;flex-wrap:wrap;gap:16px}
.blog-link-all{font-family:var(--font-h);font-size:.85rem;font-weight:700;display:flex;align-items:center;gap:5px;transition:gap .2s}
.blog-link-all:hover{gap:9px}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.blog-card{border-radius:var(--radius);overflow:hidden;border:1px solid #e8e8d8;background:var(--white);transition:box-shadow .25s,transform .25s;display:flex;flex-direction:column}
.blog-card:hover{box-shadow:0 8px 32px rgba(0,0,0,.10);transform:translateY(-4px)}
.blog-thumb{width:100%;aspect-ratio:16/9;object-fit:cover;background:#f3f3f3}
.blog-body{padding:22px 22px 18px;flex:1;display:flex;flex-direction:column}
.blog-cat{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--orange);margin-bottom:8px}
.blog-card h3{font-family:var(--font-h);font-size:1rem;font-weight:700;color:var(--dark);line-height:1.45;margin-bottom:10px;flex:1}
.blog-card h3 a{color:inherit;transition:color .2s}
.blog-excerpt{font-size:.83rem;color:var(--muted);line-height:1.6;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.blog-meta{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:#aaa;border-top:1px solid #f0f0f0;padding-top:14px;margin-top:auto}
.blog-date{display:flex;align-items:center;gap:5px}
.blog-read{font-weight:700;font-size:.75rem;display:flex;align-items:center;gap:4px;transition:gap .2s}
.blog-read:hover{gap:7px}

/* FAQ */
.faq{background:var(--white);padding:clamp(60px,7vw,100px) 0}
.faq-header{text-align:center;margin-bottom:52px}
.faq-header .section-sub{margin-inline:auto}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:980px;margin:0 auto}
.faq-item{border:1.5px solid #ebebeb;border-radius:var(--radius);overflow:hidden}
.faq-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;background:var(--white);border:none;cursor:pointer;text-align:left;transition:background .2s}
.faq-btn:hover{background:#fffdf5}
.faq-btn[aria-expanded="true"]{background:#fffdf5;border-bottom:1.5px solid #ebebeb}
.faq-question{font-family:var(--font-h);font-size:.95rem;font-weight:700;color:var(--dark);line-height:1.4}
.faq-icon{width:28px;height:28px;background:#fff3d6;border-radius:50%;display:grid;place-items:center;flex-shrink:0;transition:transform .3s}
.faq-icon svg{color:var(--orange);width:14px;height:14px;transition:transform .3s}
.faq-btn[aria-expanded="true"] .faq-icon svg{transform:rotate(45deg)}
.faq-body{display:none;padding:0 24px 20px;font-size:.9rem;color:var(--muted);line-height:1.72}
.faq-body.open{display:block}
.faq-source{display:inline-flex;align-items:center;gap:5px;font-size:.75rem;color:#888;margin-top:12px;border-top:1px solid #f0f0f0;padding-top:10px;width:100%}
.faq-source a{color:#004a99;text-decoration:underline}

/* FRAUD & LEGAL */
.fraud{background:var(--cream);padding:40px 0 60px}
.fraud-box{background:#fff5f5;border:2px solid #f5c6c6;border-left:6px solid var(--red);border-radius:var(--radius);padding:32px 36px;display:flex;gap:20px;align-items:flex-start;max-width:860px;margin:0 auto}
.fraud-icon{flex-shrink:0;width:48px;height:48px;background:#fde8e8;border-radius:12px;display:grid;place-items:center}
.fraud-icon svg{color:var(--red);width:22px}
.fraud-box h2{font-family:var(--font-h);font-size:1.1rem;color:var(--red);margin-bottom:10px}
.fraud-box p{font-size:.92rem;color:#555;line-height:1.7}

.legal{background:#f7f7f7;padding:50px 0;border-top:1px solid #e5e5e5}
.legal .container{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.legal-box{background:var(--white);border-radius:var(--radius);padding:24px 28px;font-size:.85rem;color:#444;line-height:1.7;border:1px solid #e0e0e0}
.legal-box h2{font-family:var(--font-h);font-size:.95rem;font-weight:700;margin-bottom:12px;color:var(--dark)}
.legal-box a{text-decoration:underline}

/* CTA FINAL */
.cta-final{background:var(--orange);padding:clamp(60px,7vw,90px) 0;text-align:center}
.cta-final h2{font-family:var(--font-h);font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:900;color:var(--dark);margin-bottom:12px}
.cta-final p{font-size:1.05rem;color:rgba(0,0,0,.65);margin-bottom:36px;max-width:520px;margin-inline:auto}
.btn-whatsapp{display:inline-flex;align-items:center;gap:10px;background:#25d366;color:white;font-family:var(--font-h);font-weight:800;font-size:1rem;padding:17px 36px;border-radius:10px;letter-spacing:.02em;box-shadow:0 4px 20px rgba(37,211,102,.3);transition:background .2s,transform .15s}
.btn-whatsapp:hover{background:#1ebd5a;transform:translateY(-2px)}
.btn-whatsapp svg{width:22px;height:22px}

/* FOOTER */
footer{background:var(--dark);padding:40px 0;text-align:center}
footer p{font-size:.8rem;color:#a0a0a0 !important;line-height:1.8}
footer a{color:#c8c8c8 !important;text-decoration:underline}

/* =======================================================
   PAGINAÇÃO (BLOG E ARQUIVOS)
======================================================= */
.pagination, .nav-links {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 50px;
  width: 100%;
}

.page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 0 15px;
  background: #f4f4f4;
  color: var(--dark) !important;
  text-decoration: none !important;
  border-radius: 8px;
  font-family: var(--font-h);
  font-weight: 700;
  font-size: 0.95rem;
  transition: all 0.2s ease;
}

a.page-numbers:hover {
  background: var(--orange-d);
  color: var(--white) !important;
  transform: translateY(-2px);
}

span.page-numbers.current {
  background: var(--orange);
  color: var(--dark) !important;
  box-shadow: 0 4px 12px rgba(243, 146, 0, 0.3);
}

/* Esconde o título de acessibilidade que o WP às vezes mete e empurra tudo */
.screen-reader-text {
  display: none !important;
}

/* CORREÇÕES DE ACESSIBILIDADE DE CORES (PAGESPEED) */
.blog-link-all, .blog-read, .product-link, .blog-card h3 a:hover, .legal-box a {
  color: var(--orange-text) !important;
}

/* =======================================================
   MEDIA QUERIES (RESPONSIVIDADE)
======================================================= */

/* Regras combinadas para botões e CTAs respeitarem a quebra de linha no celular */
@media (max-width: 1024px) {
  a[style*="inline-flex"], .btn-whatsapp, .btn-cta {
    max-width: 100% !important;
    white-space: normal !important;
    height: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
    text-align: left !important;
    line-height: 1.4 !important;
  }
}

@media(max-width:1024px){
  /* Grid Ajustes */
  .products-grid{grid-template-columns:1fr 1fr}
  .blog-grid{grid-template-columns:1fr 1fr}
  .faq-grid{grid-template-columns:1fr}
  
  /* Menu Premium Mobile */
  .btn-nav-premium { display: none; }
  .hamburger-btn { display: block; }
  .nav-links-premium {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: var(--white);
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 0;
    box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    transition: clip-path 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  }
  .nav-links-premium.ativo {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
  .nav-links-premium li {
    width: 100%;
    border-bottom: 1px solid #f0f0f0;
  }
  .nav-links-premium > li > a {
    display: block;
    padding: 18px 25px;
    font-size: 1.1rem;
  }
  
  /* Mega Menu Mobile */
  .mega-menu {
    position: static;
    opacity: 1;
    visibility: visible;
    transform: none;
    box-shadow: none;
    padding: 0 0 15px 25px;
    width: 100%;
    display: block;
    border: none;
  }
  .dropdown > a::after { display: none; }
  .mega-item {
    padding: 12px 25px !important;
    border-bottom: none !important;
  }
  
  /* Hamburguer Animation */
  .hamburger-btn.ativo span:nth-child(1) { transform: rotate(45deg) translate(6px, 5px); }
  .hamburger-btn.ativo span:nth-child(2) { opacity: 0; }
  .hamburger-btn.ativo span:nth-child(3) { transform: rotate(-45deg) translate(6px, -6px); }
}

@media(max-width:768px){
  .hero .container,.why .container,.quiz .container{grid-template-columns:1fr}
  
/* CORREÇÃO MOBILE: Imagem perfeitamente quadrada para não esticar e dar espaço ao texto */
  .hero-image-wrap{order:-1; aspect-ratio: 1/1; margin-bottom: 10px;}
  /* Traz a caixinha de volta no mobile e centraliza com elegância */
  .hero-float {
    display: flex;
    left: 50%;
    transform: translateX(-50%);
    bottom: -15px;
    width: max-content;
    max-width: 90%;
    padding: 10px 15px;
  }
  
  /* Ajusta o tamanho da fonte apenas no celular para caber perfeitamente */
  .hero-float-text strong { font-size: 0.85rem; }
  .hero-float-text span { font-size: 0.7rem; }

  /* Ajusta o tamanho da fonte apenas no celular para caber perfeitamente */
  .hero-float-text strong { font-size: 0.85rem; }
  .hero-float-text span { font-size: 0.7rem; }

  /* Traz a caixinha de volta no mobile e centraliza com elegância */
  .hero-float {
    display: flex;
    left: 50%;
    transform: translateX(-50%);
    bottom: -15px;
    width: max-content;
    max-width: 90%;
    padding: 10px 15px;
  }
  
  /* Ajusta o tamanho da fonte apenas no celular para caber perfeitamente */
  .hero-float-text strong { font-size: 0.85rem; }
  .hero-float-text span { font-size: 0.7rem; }
  
  .stats .container{grid-template-columns:1fr 1fr}.stat-divider{display:none}
  .products-grid{grid-template-columns:1fr 1fr}
  .testimonials-grid{grid-template-columns:1fr}
  .legal .container{grid-template-columns:1fr}
  .fraud-box{flex-direction:column}
  .blog-grid{grid-template-columns:1fr}
  .blog-header{flex-direction:column;align-items:flex-start}
  .credentials .container{gap:16px}
  .cred-sep{display:none}
}

@media(max-width:480px){
  .products-grid{grid-template-columns:1fr}
  .stats .container{grid-template-columns:1fr 1fr;gap:8px}
}