/* ===========================================================
   HOME — Neumorphism (Soft UI) + toques Clay + Glass
   Carregado SÓ na home. Contraste resolvido com texto escuro
   e botão primário azul forte (não "afundado").
   =========================================================== */
:root{
  --neo-bg:#e4eaf3;          /* fundo base para o relevo funcionar */
  --neo-bg2:#eef2f9;
  --neo-luz:#ffffff;         /* sombra clara (luz) */
  --neo-sombra:#c3ccdb;      /* sombra escura */
  --neo-azul:#2f6bff;
  --neo-azul2:#1e4fd6;
  --neo-azul-cl:#6f9bff;
  --neo-marinho:#16307a;
  --neo-tinta:#232d44;       /* texto escuro legível (contraste OK) */
  --neo-cinza:#5d6882;
  --neo-raio:26px;
  --neo-raio-sm:16px;
  --neo-pill:999px;
  /* relevo saltando (convexo) */
  --neo-out:8px 8px 18px var(--neo-sombra), -8px -8px 18px var(--neo-luz);
  --neo-out-sm:5px 5px 12px var(--neo-sombra), -5px -5px 12px var(--neo-luz);
  /* relevo afundado (côncavo) — para inputs */
  --neo-in:inset 5px 5px 11px var(--neo-sombra), inset -5px -5px 11px var(--neo-luz);
}

/* fundo neumórfico + glass nos cantos */
body{background:var(--neo-bg) !important}
body::before{content:"" !important;position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(360px 360px at 8% 10%, rgba(111,155,255,.28), transparent 60%),
    radial-gradient(420px 420px at 94% 8%, rgba(47,107,255,.16), transparent 62%),
    radial-gradient(420px 420px at 88% 94%, rgba(150,185,255,.24), transparent 60%) !important;}

/* esconde o header pílula glass padrão; a home-neo usa o seu próprio */
.home-neo .topo{padding:18px 0}
.home-neo .topo-in{background:transparent;box-shadow:none;border:0;
  border-radius:0;backdrop-filter:none;padding:4px 8px}
.home-neo .marca-sel{color:var(--neo-tinta)}
.home-neo .nav a{color:var(--neo-cinza)}
.home-neo .nav a:hover{background:var(--neo-bg);box-shadow:var(--neo-in);color:var(--neo-tinta)}
.home-neo .btn-pub{background:var(--neo-azul) !important;box-shadow:4px 4px 10px var(--neo-sombra), -4px -4px 10px var(--neo-luz), inset 0 0 0 rgba(0,0,0,0) !important;border-radius:var(--neo-pill)}

/* cards neumórficos (saltando do fundo) */
.home-neo .card,
.home-neo .hero-form{background:var(--neo-bg) !important;backdrop-filter:none !important;
  border:0 !important;border-radius:var(--neo-raio) !important;box-shadow:var(--neo-out) !important}

/* hero: claymorphism (inflado, fofo, com brilho interno) */
.home-neo .hero-card{background:linear-gradient(145deg,#3a63d6,#1e46b0) !important;border:0 !important;
  border-radius:34px !important;
  box-shadow:10px 10px 28px var(--neo-sombra), -10px -10px 24px var(--neo-luz),
             inset 3px 3px 12px rgba(255,255,255,.28), inset -5px -5px 16px rgba(10,24,74,.4) !important;
  color:#fff !important}
.home-neo .hero-card h1{color:#fff}
.home-neo .hero-card h1 em{color:#bcd2ff}
.home-neo .hero-card p{color:#dce6ff}
.home-neo .hero-card .selo{background:rgba(255,255,255,.16);color:#eaf1ff}

/* botões: primário azul forte (contraste), claymorphism com brilho */
.home-neo .btn{background:linear-gradient(145deg,#3f78ff,#1e4fd6) !important;color:#fff !important;
  border-radius:var(--neo-pill) !important;border:0 !important;
  box-shadow:6px 6px 14px rgba(30,79,214,.3), -4px -4px 12px rgba(255,255,255,.5),
             inset 2px 2px 6px rgba(255,255,255,.3), inset -2px -2px 6px rgba(10,24,74,.25) !important}
.home-neo .btn:hover{transform:translateY(-2px)}
/* botão claro = neumórfico saltando */
.home-neo .btn-claro{background:var(--neo-bg) !important;color:var(--neo-marinho) !important;
  box-shadow:var(--neo-out-sm) !important}
.home-neo .btn-claro:hover{box-shadow:var(--neo-in) !important}
.home-neo .btn-sec{background:var(--neo-bg) !important;color:var(--neo-azul2) !important;box-shadow:var(--neo-out-sm) !important;border:0 !important}
.home-neo .btn-sec:hover{box-shadow:var(--neo-in) !important}

/* inputs: afundados (neumórfico côncavo) */
.home-neo .hero-form input{background:var(--neo-bg) !important;border:0 !important;
  border-radius:var(--neo-raio-sm) !important;box-shadow:var(--neo-in) !important;color:var(--neo-tinta) !important}
.home-neo .hero-form input:focus{box-shadow:var(--neo-in), 0 0 0 2px rgba(47,107,255,.3) !important}
.home-neo .hero-form label{color:var(--neo-cinza)}
.home-neo .hero-form .mini{color:var(--neo-azul2)}

/* ícones dos passos/atendemos: pastilha neumórfica afundada com ícone 3D-ish */
.home-neo .passo .ico,
.home-neo .atende-item .ico{background:var(--neo-bg) !important;border:0 !important;
  box-shadow:var(--neo-in) !important;border-radius:18px !important}
.home-neo .passo .ico svg,
.home-neo .atende-item .ico svg{stroke:var(--neo-azul)}

/* números grandes: texto escuro (contraste), destaque azul */
.home-neo .stat .n{color:var(--neo-tinta)}
.home-neo .stat .n span{color:var(--neo-azul)}
.home-neo .stat .l{color:var(--neo-cinza)}

/* textos: garante contraste (a ressalva de acessibilidade) */
.home-neo h1,.home-neo h2,.home-neo h3{color:var(--neo-tinta)}
.home-neo .sub,.home-neo .passo p,.home-neo .atende-item p,.home-neo .titulo-secao p{color:var(--neo-cinza)}
.home-neo .titulo-secao .olho,.home-neo .passo-num{color:var(--neo-azul2)}

/* card azul (autenticidade) em clay */
.home-neo .card-azul{background:linear-gradient(145deg,#2a4fb5,#16307a) !important;
  box-shadow:10px 10px 26px var(--neo-sombra), -8px -8px 22px var(--neo-luz),
             inset 3px 3px 10px rgba(255,255,255,.22), inset -4px -4px 14px rgba(8,20,60,.4) !important}

/* rodapé neumórfico */
.home-neo .rodape-card{background:var(--neo-bg) !important;backdrop-filter:none !important;border:0 !important;box-shadow:var(--neo-out) !important}
.home-neo .rodape h4{color:var(--neo-tinta)}
.home-neo .rodape a,.home-neo .rodape .desc{color:var(--neo-cinza)}

/* ---- card azul (autenticidade): texto legivel + acabamento ---- */
.home-neo .card-azul h2,
.home-neo .card-azul h3{color:#ffffff !important}
.home-neo .card-azul p{color:#d4e0fb !important}
.home-neo .card-azul .selo-card{display:inline-flex;align-items:center;gap:8px;
  font:700 .7rem/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#bcd2ff;
  background:rgba(255,255,255,.14);padding:8px 14px;border-radius:var(--neo-pill);margin-bottom:1.1rem}
.home-neo .card-azul .selo-card svg{width:15px;height:15px;stroke:#bcd2ff;fill:none;stroke-width:2}
.home-neo .aut-features{display:flex;gap:22px;flex-wrap:wrap;margin:1.3rem 0 1.6rem}
.home-neo .aut-feat{display:flex;align-items:center;gap:9px;color:#eaf1ff;font-size:.9rem;font-weight:600}
.home-neo .aut-feat .fi{width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.12);
  display:flex;align-items:center;justify-content:center;box-shadow:inset 1px 1px 3px rgba(255,255,255,.2)}
.home-neo .aut-feat .fi svg{width:18px;height:18px;stroke:#bcd2ff;fill:none;stroke-width:1.8}

/* ---- rodapé no estilo neo ---- */
.home-neo .rc-col h4{color:var(--neo-tinta)}
.home-neo .rc-col h4::after{background:var(--neo-azul)}
.home-neo .rc-links a,.home-neo .rc-contato a,.home-neo .rc-contato .ci-txt,.home-neo .rodape .desc{color:var(--neo-cinza)}
.home-neo .rc-links a:hover,.home-neo .rc-contato a:hover{color:var(--neo-azul2)}
.home-neo .rc-contato .ci{background:var(--neo-bg);box-shadow:var(--neo-in)}
.home-neo .rc-contato .ci svg,.home-neo .selo-trust svg{stroke:var(--neo-azul)}
.home-neo .selo-trust{background:var(--neo-bg);border:0;box-shadow:var(--neo-out-sm);color:var(--neo-tinta)}
.home-neo .rodape-selos{border-top-color:rgba(130,150,190,.25)}

/* ---- stat cards no estilo neo ---- */
.home-neo .stat-ico{background:var(--neo-bg);box-shadow:var(--neo-in)}
.home-neo .stat-ico svg{stroke:var(--neo-azul)}
.home-neo .stat .n{color:var(--neo-tinta)}
.home-neo .stat .n.n-txt{color:var(--neo-marinho)}
.home-neo .stat .n span{color:var(--neo-azul)}
.home-neo .stat .l{color:var(--neo-cinza)}
