/* ===========================================================
 *  Variáveis
 * =========================================================*/
:root{
    --ac-blue:#050F78;      /* azul principal */
    --ac-orange:#E76500;    /* laranja CTA   */
    --ac-purple:#dcd7f1;    /* roxo do fundo */
    --ac-green:#00A04E;     /* verde do logo */
}

/* ===========================================================
 *  Reset e utilidades
 * =========================================================*/
*,*::before,*::after{box-sizing:border-box}
body{font-family:'Poppins',sans-serif;background:var(--ac-purple);color:#0d0d0d;overflow-x:hidden}
h1,h2,h3,h4,h5{font-weight:700;line-height:1.2;margin:0}
.text-orange{color:var(--ac-orange)!important}
.bg-orange{background:var(--ac-orange)!important;color:#fff!important}
.btn-orange{
    background:var(--ac-orange);color:#fff;border:0;
}
.btn-orange:hover{background:#cf5600;color:#fff}
.badge.bg-orange{border-radius:.75rem}
.top-strip{background:var(--ac-blue);font-size:.9rem;color:#e4e4e4}
.top-link{color:#e4e4e4;text-decoration:none}
.top-link:hover{color:#fff}
.alerta-fraude{background:var(--ac-orange);color:#fff;font-size:1.05rem;padding:.35rem 0}

/* ===========================================================
 *  Hero
 * =========================================================*/
#hero{
    min-height:560px;
    background:url('/assets/img/hero-bg.jpg') center/cover no-repeat;
    position:relative
}
#hero::after{content:'';position:absolute;inset:0;background:rgba(10,14,100,.85)}
#hero .container{position:relative;z-index:2}
.hero-person{max-height:440px}

/* ===========================================================
 *  Cards de solução
 * =========================================================*/
.solution-card{
    border:0;border-radius:1.25rem;box-shadow:0 2px 10px rgba(0,0,0,.06);
}
.solution-card .card-body{padding:2.2rem 2rem}
.icon-card{font-size:2.4rem;color:var(--ac-orange)}

/* ===========================================================
 *  Passo a passo
 * =========================================================*/
.how-it-works{
    background:linear-gradient(135deg,#020422 0%,#0818AA 100%);
}
.step-number{
    display:inline-block;width:64px;height:64px;
    background:var(--ac-orange);border-radius:50%;
    font-size:1.75rem;font-weight:700;
    line-height:64px;color:#fff;margin-bottom:.8rem
}
.step-desc{background:var(--ac-purple);color:var(--ac-blue);padding:.75rem 1rem;border-radius:.75rem}

/* ===========================================================
 *  Atendimento em todo Brasil
 * =========================================================*/
.nationwide .text-orange{font-size:2rem}

/* ===========================================================
 *  Redes sociais
 * =========================================================*/
.redes-sociais{background:var(--ac-orange);color:#fff}
.redes-sociais .btn{border-color:#fff;color:#fff}
.redes-sociais .btn:hover{background:#fff;color:var(--ac-orange)}
.max-h-420{max-height:420px}

/* ===========================================================
 *  Rodapé
 * =========================================================*/
footer{background:#fff;color:var(--ac-blue)}
.social-link{
    font-size:1.6rem;margin:0 .5rem;color:var(--ac-blue);text-decoration:none
}
.social-link:hover{color:var(--ac-orange)}
.whatsapp-float{
    width:64px;height:64px;border-radius:50%;background:#25d366;color:#fff;
    position:fixed;right:20px;bottom:20px;font-size:2rem
}
.whatsapp-float:hover{background:#1ebe5a;color:#fff}

/* ===========================================================
 *  Responsivo
 * =========================================================*/
@media (max-width:991.98px){
    .hero-person{max-height:300px;margin-top:3rem}
}
/* ===========================================================
 *  Hero
 * =========================================================*/
#hero{
    min-height:560px;
    background:url('/assets/img/hero-bg-lines.jpg') center/cover no-repeat; /* ❷ nova foto */
    position:relative;
}
#hero::after{                     /* remove sobreposição azul – deixe só um leve darken */
    content:'';
    position:absolute;inset:0;
    background:rgba(0,0,0,.45);   /* meia-luz p/ o texto ficar legível */
}
#hero .container{position:relative;z-index:2}

/* ====== Ajustes da foto ====== */
.hero-person{
    max-height:500px;             /* fica maior se precisar */
    width:auto;
}

/* ====== Título gigante (mobile responsivo) ====== */
.hero-title{
    font-size:clamp(2.8rem, 5.3vw + .2rem, 5rem);  /* bem maior que antes */
    line-height:1.05;
}