:root{

    --primary:#24395d;

    --primary-dark:#1b2c48;

    --secondary:#edf1f7;

    --text:#2f3441;

    --text-light:#667085;

    --white:#ffffff;

}
.hero-destaque{
    font-size:18px;
    font-weight:700;
    line-height:1.6;
    margin-bottom:35px;
}

.btn-header{

    background:#24395d;

    color:white;

    text-decoration:none;

    padding:12px 24px;

    border-radius:8px;

    font-size:14px;

    font-weight:600;

    transition:.3s;

}
.btn-header:hover{

    opacity:.9;

}

.menu-active{
    color:#111827 !important;
    font-weight:700 !important;
}

.hero-descricao{
    font-size:18px;
    line-height:1.8;
    color:#444;
    margin-bottom:50px;
}
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}
section{
    overflow:hidden;
}
.hero-divider{
    width:100%;
    max-width:600px;
    height:1px;
    background:#8f939b;
    margin:35px 0;
}
body{
    font-family:'Inter',sans-serif;
    color:#2f3441;
    background:#ffffff;
}

.container{
    width:90%;
    max-width:1200px;
    margin:auto;
}

.header{
    position:sticky;
    top:0;
    z-index:1000;

    background:#eceff3;

    border-bottom:1px solid #dde3ea;

    padding:15px 0;
}

.header .container{
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.logo{
    height:60px;
    width:auto;
}

.menu{
    display:flex;
    align-items:center;
    gap:40px;

    list-style:none;

    margin:0;
    padding:0;
}

.menu li{
    list-style:none;
}

.menu a{

    position:relative;

    text-decoration:none;

    color:#6b7280;

    font-size:15px;

    font-weight:500;

    transition:all .3s ease;

}
.menu a::after{

    content:'';

    position:absolute;

    left:0;

    bottom:-12px;

    width:0;

    height:3px;

    background:#24395d;

    border-radius:3px;

    transition:all .3s ease;

}

.menu a:hover{

    color:#24395d;

}

.menu a:hover::after{

    width:100%;

}

.btn-primary{

    background:var(--primary);

    color:white;

    text-decoration:none;

    padding:14px 28px;

    display:inline-block;
    
    border-radius:8px;

    font-weight:600;

    transition:.3s;

}
.btn-primary:hover{

    transform:translateY(-2px);

    opacity:.9;

}
.hero{
    padding:120px 0;

    background:
        linear-gradient(
            180deg,
            #f9fafb 0%,
            #ffffff 100%
        );
}

.hero-content{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:80px;
}

.hero-text h1{

    font-size:64px;

    line-height:1.1;

    font-weight:800;

    color:#3f3f3f;

}
.hero-text h1{
    font-size:64px;
    line-height:1.1;
    max-width:650px;
}

.hero-text {
    font-size:18px;
    line-height:1.7;
    margin-bottom:30px;
    flex:1;
    max-width:600px;

}

.hero-image{
    flex:1.5;
    text-align:center;
}

.hero-image img{
    width:100%;
    max-width:900px;
}
.comparativo{

    padding:100px 0;

    background:
        url('../images/IMAGEM_GLOBO_edt80_2.png')
        center center
        no-repeat;

    background-size:cover;

}

.comparativo h2{
    font-size:42px;
    max-width:800px;
    margin:0 auto 25px;
    text-align:center;
    color:#2f3441;
}

.section-description{
    max-width:850px;
    margin:0 auto 60px;
    text-align:center;
    line-height:1.8;
    color:#555;
}

.comparativo-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:30px;
}

.comparativo-card{
    background:#fff;
    border-radius:10px;
    padding:35px;
    box-shadow:
0 10px 30px rgba(0,0,0,.08);
}

.comparativo-card h3{
    margin-bottom:25px;
    color:#2f3441;
}

.comparativo-card ul{
    list-style:none;
}

.comparativo-card li{
    padding:15px;
    margin-bottom:12px;
    border:1px solid #e2e6ef;
    border-radius:6px;
}

.destaque{
    border-top:5px solid #2d3f63;
}
.publicos{
    padding:120px 0;
    background:#ffffff;
}

.publicos h2{
    text-align:center;
    font-size:42px;
    margin-bottom:20px;
    color:#2f3441;
}

.publicos-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
    margin-top:60px;
}

.publico-card{
    background:#fff;
    border-radius:12px;
    overflow:hidden;
    box-shadow:
0 10px 30px rgba(0,0,0,.08);
}

.publico-card img{
    width:100%;
    height:260px;
    object-fit:cover;
}

.publico-card h3{
    text-align:center;
    margin:25px 20px 10px;
    color:#2f3441;
}

.publico-card p{
    text-align:center;
    padding:0 20px;
    margin-bottom:20px;
    color:#666;
}

.publico-card ul{
    list-style:none;
    padding:20px;
}

.publico-card li{
    padding:10px 0;
    border-bottom:1px solid #ececec;
}
@media(max-width:768px){

    .hero-content{
        flex-direction:column;
    }

    .comparativo-grid{
        grid-template-columns:1fr;
    }

    .publicos-grid{
        grid-template-columns:1fr;
    }

    .hero-text h1{
        font-size:40px;
    }

    .menu{
        display:none;
    }
    .recursos-grid{
    grid-template-columns:1fr;
}

.diferenciais-lista{
    grid-template-columns:1fr;
}
.seguranca-grid{
    grid-template-columns:1fr;
}
.empresa-grid{
    grid-template-columns:1fr;
}

.empresa-beneficios{
    flex-direction:column;
}
.contato-grid{
    grid-template-columns:1fr;
}

.cta-final h2{
    font-size:34px;
}

}

.operacao-fluxo{

    padding:100px 0;

    background:
        url('../images/IMAGEM_GLOBO_edt80_2.png')
        center center
        no-repeat;

    background-size:cover;

}    

.operacao-fluxo h2{
    text-align:center;
    font-size:42px;
    margin-bottom:20px;
    color:#2f3441;
}

.fluxo-container{
    margin-top:50px;
    text-align:center;
}

.fluxo-container img{
    max-width:100%;
    border-radius:12px;
    box-shadow:
0 10px 30px rgba(0,0,0,.08);
}
.diferenciais-box{

    max-width:900px;

    margin:0 auto;

    padding:40px 20px;

}

.diferenciais-box h2{

    font-size:42px;

    color:#324a73;

    margin-bottom:25px;

    line-height:1.2;

}

.diferenciais-box > p{

    font-size:18px;

    color:#555;

    margin-bottom:60px;

    line-height:1.8;

}

.diferenciais-lista{

    position:relative;

    padding-left:70px;

}

.diferenciais-lista::before{

    content:'';

    position:absolute;

    left:15px;

    top:0;

    bottom:0;

    width:2px;

    background:#324a73;

    opacity:.25;

}

.item{

    position:relative;

    margin-bottom:10px;

    padding-left:50px;

    background:none;

    border:none;

    box-shadow:none;

}

.item:last-child{

    margin-bottom:0;

}

.item::before{

    content:'';

    position:absolute;

    left:-63px;

    top:44px;

    width:14px;

    height:14px;

    border-radius:50%;

    background:#324a73;

}
.recursos{

    padding:100px 0;

    position:relative;

}

.recursos-tag{

    display:block;

    font-size:14px;

    text-transform:uppercase;

    letter-spacing:1px;

    color:#556784;

    margin-bottom:20px;

    font-weight:500;

}

.recursos h2{

    max-width:900px;

    font-size:64px;

    line-height:1.15;

    margin-bottom:80px;

    color:#2f3137;

}

.recursos-grid{

    display:grid;

    grid-template-columns:repeat(3, 1fr);

    gap:45px 30px;

}

.recurso-card{

    position:relative;

    background:#ffffff;

    border:2px solid #4b5f82;

    border-top-width:7px;

    border-radius:8px;

    padding:50px 35px;

    text-align:center;

    box-shadow:0 8px 20px rgba(0,0,0,.05);

}

.recurso-card-wide{

    grid-column:span 1;

}

.recurso-icon{

    position:absolute;

    top:-30px;

    left:50%;

    transform:translateX(-50%);

    width:56px;

    height:56px;

    border-radius:50%;

    background:#4b5f82;

    color:#ffffff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:22px;

}

.recurso-card h3{

    font-size:24px;

    font-weight:700;

    color:#111;

    margin-bottom:18px;

    line-height:1.2;

}

.recurso-card p{

    font-size:18px;

    color:#333;

    line-height:1.5;

}

.recurso-card:hover{

    transform:translateY(-6px);

    transition:.3s;

    box-shadow:0 12px 30px rgba(0,0,0,.10);


}
.seguranca-icon{

    width:52px;

    height:52px;

    margin:0 auto 20px;

    border-radius:10px;

    background:#ffffff;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#324a73;

    font-size:22px;

    box-shadow:0 4px 12px rgba(0,0,0,.08);

}

.seguranca-card{

    text-align:center;

    transition:.3s;

}

.seguranca-card:hover{

    transform:translateY(-5px);

}

.item::after{

    content:'';

    position:absolute;

    left:-49px;

    top:50px;

    width:32px;

    height:2px;

    background:#324a73;

    opacity:.4;

}

.item h3{

    font-size:20px;

    font-weight:700;

    color:#324a73;

    margin-bottom:10px;

}

.item p{

    font-size:17px;

    color:#324a73;

    line-height:1.7;

}

.item{
    padding:25px;
    border-left:4px solid White;
    background:White;
}

.item h3{
    margin-bottom:10px;
    color:#2d3f63;
}
.recursos{
    padding:100px 0;

    background:
        url('../images/IMAGEM_GLOBO_edt80_2.png')
        center center
        no-repeat;

    background-size:cover;

}

.recursos h2{
    text-align:center;
    font-size:42px;
    margin-bottom:20px;
    color:#2f3441;
}

.recursos-grid{
    display:grid;
    grid-template-columns:repeat(6, 1fr);
    gap:50px;
}

.recurso-card:nth-child(1){
    grid-column:1 / 3;
}

.recurso-card:nth-child(2){
    grid-column:3 / 5;
}

.recurso-card:nth-child(3){
    grid-column:5 / 7;
}

.recurso-card:nth-child(4){
    grid-column:2 / 4;
}

.recurso-card:nth-child(5){
    grid-column:4 / 6;
}

.recurso-card:hover{
    transform:translateY(-5px);
}

.recurso-card span{
    display:inline-flex;
    width:40px;
    height:40px;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#2d3f63;
    color:white;
    margin-bottom:15px;
    font-weight:bold;
}

.recurso-card h3{
    margin-bottom:15px;
    color:#2d3f63;
}
.seguranca{
    padding:120px 0;
    background:White;
}

.seguranca h2{
    text-align:center;
    font-size:42px;
    margin-bottom:20px;
    color:#2f3441;
}

.seguranca-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
    margin-top:60px;
}

.seguranca-card{
    background:white;
    padding:30px;
    border-radius:10px;
    text-align:center;
    box-shadow:
0 10px 30px rgba(0,0,0,.08);
}

.seguranca-card h3{
    margin-bottom:15px;
    color:#2d3f63;
}
.empresa{
    padding:100px 0;

    background:
        url('../images/IMAGEM_GLOBO_edt80_2.png')
        center center
        no-repeat;

    background-size:cover;

}

.empresa-grid{
    display:grid;
    grid-template-columns:2fr 1fr;
    gap:40px;
    align-items:center;
}

.empresa-logo{
    height:60px;
    margin-bottom:20px;
}

.empresa h2{
    font-size:42px;
    margin-bottom:25px;
    color:#2f3441;
}

.empresa p{
    line-height:1.8;
    margin-bottom:20px;
    color:#555;
}

.empresa-fit{
    background:#2d3f63;
    color:white;
    padding:40px;
    border-radius:12px;
    text-align:center;
}

.empresa-fit img{
    max-width:180px;
    margin-bottom:25px;
}

.empresa-fit p{
    color:white;
}

.empresa-beneficios{
    display:flex;
    gap:40px;
    margin-top:30px;
}

.empresa-beneficios div{
    display:flex;
    flex-direction:column;
}

.empresa-beneficios strong{
    color:#2d3f63;
}

.empresa-beneficios span{
    color:#666;
}

.empresa-parceiros{

    overflow:hidden;

    border-radius:60px;

}

.empresa-parceiros img{
    display:block;
    width:100%;
    transform:translateY(1px);
}

.cta-final{
    padding:100px 0;

    background:
        url('../images/IMAGEM_GLOBO_edt80_2.png')
        center center
        no-repeat;

    background-size:cover;
}

.cta-final h2{
    font-size:48px;
    max-width:900px;
    margin:0 auto 25px;
}

.cta-final p{
    max-width:700px;
    margin:0 auto 40px;
    line-height:1.8;
    font-size:18px;
}

.cta-buttons{
    display:flex;
    justify-content:center;
    gap:20px;
    flex-wrap:wrap;
}

.btn-secondary{
    background:white;
    color:#2d3f63;
    text-decoration:none;
    padding:12px 24px;
    border-radius:6px;
    font-weight:bold;
}
.contato{

    padding:100px 0;

    background:#f8f9fb;

}

.contato h2{

    text-align:center;

    font-size:48px;

    color:#324a73;

    margin-bottom:30px;

}

.contato-subtitulo{

    text-align:center;

    font-size:18px;

    color:#555;

    margin-bottom:80px;

}

.contato-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:40px;

}

.contato-item h3{

    font-size:24px;

    color:#4d5b73;

    margin-bottom:15px;

}

.contato-item p{

    color:#555;

    line-height:1.8;

}

.contato-linha{

    width:100%;

    height:2px;

    background:#4d5b73;

    margin-bottom:25px;

}

.contato-footer-line{

    width:100%;

    height:2px;

    background:#4d5b73;

    margin-top:80px;

}
.footer{

    background:#edf1f7;

    color:#324a73;

    padding:50px 0;

    text-align:center;

    border-top:1px solid #dde3ea;

}

.footer-logo{
    height:60px;
}

.footer p{

    color:#324a73;

}

.footer a{

    color:#324a73;

    text-decoration:none;

}

.footer a:hover{

    text-decoration:underline;

}

section{

    overflow:hidden;

}

.footer-link{

    color:#324a73;

    text-decoration:none;

    font-size:14px;

    transition:.3s;

}

.footer-link:hover{

    color:#24395d;

    text-decoration:underline;

}

.footer-link:hover{

    text-decoration:underline;

}
.footer-brand{

    font-size:11px;

    font-weight:700;

    color:#324a73;

    margin-bottom:20px;

    letter-spacing:0.8px;

    text-transform:lowercase;

    opacity:.9;

}
.reveal{

    opacity:1;

    transform:none;

}

/* Identidade visual 2026 — alinhada à página de cadastro */
:root{
    --az-blue:#24395d;
    --az-blue-dark:#152641;
    --az-blue-light:#52719f;
    --az-surface:#f5f7fa;
    --az-border:#d9e0e9;
    --az-text:#202a3a;
    --az-muted:#667085;
    --az-white:#ffffff;
    --az-shadow:0 18px 50px rgba(21,38,65,.09);
}

html{scroll-behavior:smooth;scroll-padding-top:90px}
body{color:var(--az-text);background:var(--az-white);-webkit-font-smoothing:antialiased}
.container{width:min(90%,1200px)}
section{position:relative;padding:110px 0}

.header{
    padding:12px 0;
    background:rgba(255,255,255,.9);
    border-bottom:1px solid rgba(217,224,233,.82);
    box-shadow:0 4px 24px rgba(21,38,65,.04);
    backdrop-filter:blur(18px);
}
.header .container{min-height:62px}
.header.header-scrolled{box-shadow:0 10px 32px rgba(21,38,65,.1)}
.logo{height:58px;transition:transform .3s ease}
.logo:hover{transform:scale(1.04)}
.header nav{padding:5px;border:1px solid #e2e7ee;border-radius:13px;background:var(--az-surface)}
.menu{gap:2px}
.menu a{display:block;padding:9px 12px;border-radius:8px;color:var(--az-muted);font-size:13px;font-weight:650;white-space:nowrap}
.menu a::after{display:none}
.menu a:hover{color:var(--az-blue);background:rgba(255,255,255,.72)}
.menu a.menu-active{color:var(--az-blue-dark)!important;background:var(--az-white);box-shadow:0 4px 12px rgba(21,38,65,.09)}
.btn-primary,.btn-header{
    padding:14px 25px;
    border-radius:8px;
    background:var(--az-blue);
    box-shadow:0 8px 18px rgba(36,57,93,.16);
    font-size:14px;
    font-weight:700;
    transition:transform .25s ease,box-shadow .25s ease,background .25s ease;
}
.btn-primary:hover,.btn-header:hover{transform:translateY(-2px);background:var(--az-blue-dark);box-shadow:0 13px 26px rgba(36,57,93,.22);opacity:1}

.hero{
    min-height:calc(100vh - 87px);
    display:flex;
    align-items:center;
    padding:92px 0;
    overflow:hidden;
    background:
        radial-gradient(circle at 8% 8%,rgba(113,151,203,.3),transparent 31%),
        radial-gradient(circle at 92% 85%,rgba(76,113,165,.27),transparent 29%),
        linear-gradient(145deg,var(--az-blue),var(--az-blue-dark));
}
.hero::after{
    content:"";position:absolute;right:-210px;bottom:-260px;width:600px;height:600px;
    border:1px solid rgba(255,255,255,.1);border-radius:50%;
    box-shadow:0 0 0 90px rgba(255,255,255,.022),0 0 0 190px rgba(255,255,255,.016);
}
.hero-content{position:relative;z-index:1;gap:70px}
.hero-text{max-width:580px;margin-bottom:0;color:#e4ebf4}
.hero-text h1{max-width:620px;color:var(--az-white);font-size:clamp(48px,5.2vw,72px);line-height:1.02;letter-spacing:-.045em}
.hero-divider{max-width:110px;height:3px;margin:30px 0;background:#9eb6d6;border-radius:3px}
.hero-destaque{margin-bottom:20px;color:#f3f6fb;font-size:18px;line-height:1.65}
.hero-descricao{margin:0 0 34px;color:#cbd7e6;font-size:16px;line-height:1.75}
.hero .btn-header{background:var(--az-white);color:var(--az-blue-dark);box-shadow:0 12px 28px rgba(0,0,0,.18)}
.hero .btn-header:hover{background:#edf3fa}
.hero-image{position:relative;z-index:1;display:flex;flex:1.2;align-items:center;justify-content:center;overflow:visible}
.hero-image::before{content:"";position:absolute;inset:15% 5%;z-index:-1;border-radius:50%;background:rgba(203,217,235,.14);filter:blur(45px)}
.hero-image img{
    display:block;
    width:118%;
    max-width:680px;
    height:auto;
    aspect-ratio:5 / 4;
    object-fit:contain;
    flex:0 0 auto;
    transform:scale(1.5);
    transform-origin:center;
    filter:drop-shadow(0 30px 34px rgba(4,15,31,.32));
    animation:az-float 6s ease-in-out infinite;
    will-change:transform;
}

.comparativo,.operacao-fluxo,.recursos,.empresa,.aplicativo{
    background:
        radial-gradient(circle at 90% 10%,rgba(82,113,159,.09),transparent 25%),
        var(--az-surface);
}
.comparativo h2,.publicos h2,.operacao-fluxo h2,.recursos h2,.seguranca h2,.empresa h2,.entenda-consignado h2,.orgaos-publicos h2,.aplicativo h2{
    color:var(--az-text);font-size:clamp(34px,4vw,48px);line-height:1.14;letter-spacing:-.035em;
}
.section-description{max-width:760px;margin-bottom:55px;color:var(--az-muted);font-size:17px;line-height:1.7}

.comparativo-card,.publico-card,.recurso-card,.seguranca-card,.entenda-card,.orgaos-publicos-card,.loja-card{
    border:1px solid rgba(217,224,233,.9);border-radius:16px;background:rgba(255,255,255,.94);
    box-shadow:var(--az-shadow);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
}
.comparativo-card:hover,.publico-card:hover,.recurso-card:hover,.seguranca-card:hover,.entenda-card:hover,.orgaos-publicos-card:hover,.loja-card:hover{
    transform:translateY(-7px);border-color:#bdcadd;box-shadow:0 24px 60px rgba(21,38,65,.14);
}
.comparativo-card{padding:40px}.comparativo-card.destaque{border-top:5px solid var(--az-blue)}
.comparativo-card h3{font-size:21px;color:var(--az-text)}
.comparativo-card li{position:relative;padding:15px 15px 15px 43px;border:0;background:var(--az-surface);color:var(--az-muted)}
.comparativo-card li::before{content:"✓";position:absolute;left:16px;color:var(--az-blue);font-weight:800}

.publicos{background:var(--az-white)}
.publico-card{overflow:hidden}.publico-card img{height:245px;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .4s ease}
.publico-card:hover img{transform:scale(1.055);filter:saturate(1.08)}
.publico-card h3{font-size:22px;color:var(--az-text)}
.publico-card p,.publico-card li{color:var(--az-muted)}
.publico-card ul{padding:18px 28px 30px}.publico-card li{padding:13px 0;line-height:1.5}

.orgaos-publicos{background:var(--az-white)}
.orgaos-publicos-intro{max-width:850px;margin:0 auto 55px;text-align:center}
.orgaos-publicos-intro p:last-child{margin-top:18px;color:var(--az-muted);font-size:17px;line-height:1.7}
.orgaos-publicos-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.orgaos-publicos-card{padding:31px 23px;min-height:285px}
.orgaos-publicos-card span{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;margin-bottom:24px;border-radius:14px;background:var(--az-blue);color:#fff;font-size:20px;box-shadow:0 10px 22px rgba(36,57,93,.18)}
.orgaos-publicos-card h3{margin-bottom:12px;color:var(--az-text);font-size:20px;line-height:1.25}
.orgaos-publicos-card p{color:var(--az-muted);font-size:15px;line-height:1.65}

.fluxo-container{max-width:1060px;margin:48px auto 0;padding:12px;border:1px solid var(--az-border);border-radius:22px;background:rgba(255,255,255,.78);box-shadow:var(--az-shadow)}
.fluxo-container img{display:block;border-radius:13px;box-shadow:none;transition:transform .45s ease}
.fluxo-container:hover img{transform:scale(1.012)}

.diferenciais{
    padding:115px 0;color:var(--az-white);overflow:hidden;
    background:radial-gradient(circle at 85% 15%,rgba(113,151,203,.26),transparent 27%),linear-gradient(145deg,var(--az-blue),var(--az-blue-dark));
}
.diferenciais::after{content:"";position:absolute;right:-160px;bottom:-230px;width:480px;height:480px;border:1px solid rgba(255,255,255,.09);border-radius:50%;box-shadow:0 0 0 80px rgba(255,255,255,.02)}
.diferenciais-box{position:relative;z-index:1;max-width:1040px;padding:0 20px}
.diferenciais-box>p:first-child{margin-bottom:18px;color:#b9cce4;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.diferenciais-box h2{margin-bottom:8px;color:var(--az-white);font-size:clamp(36px,4vw,52px);letter-spacing:-.035em}
.diferenciais-box>p{max-width:840px;margin:25px 0 55px;color:#d2deec;font-size:17px}
.diferenciais-lista{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;padding:0}
.diferenciais-lista::before,.item::before,.item::after{display:none}
.diferenciais .item{margin:0;padding:27px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(255,255,255,.07);backdrop-filter:blur(8px);transition:transform .3s ease,background .3s ease}
.diferenciais .item:hover{transform:translateY(-4px);background:rgba(255,255,255,.11)}
.diferenciais .item h3{color:var(--az-white)}.diferenciais .item p{color:#cbd8e8;font-size:15px}

.recursos-tag{margin-bottom:14px;text-align:center;color:var(--az-blue-light);font-weight:800;letter-spacing:.14em}
.recursos h2{max-width:800px;margin:0 auto 76px;text-align:center}
.recursos-grid{gap:48px 26px}
.recurso-card{padding:48px 28px 34px;border:1px solid var(--az-border);border-top:5px solid var(--az-blue)}
.recurso-icon{background:var(--az-blue);box-shadow:0 9px 24px rgba(36,57,93,.23)}
.recurso-card h3{font-size:21px;color:var(--az-text)}.recurso-card p{color:var(--az-muted);font-size:15px}

.seguranca{background:var(--az-white)}
.seguranca-card{padding:34px 25px}.seguranca-icon{background:#edf2f8;color:var(--az-blue);box-shadow:none}
.seguranca-card h3{color:var(--az-text)}.seguranca-card p{color:var(--az-muted);line-height:1.65}

.empresa-grid{gap:70px}.empresa-logo{height:54px;transition:transform .35s ease}.empresa-logo:hover{transform:translateY(-3px)}
.empresa p,.empresa-beneficios span{color:var(--az-muted)}
.empresa-beneficios{gap:20px}.empresa-beneficios div{flex:1;padding:22px;border:1px solid var(--az-border);border-radius:12px;background:#fff}
.empresa-beneficios strong{margin-bottom:8px;color:var(--az-blue)}
.empresa-selos{display:flex;flex-direction:column;gap:22px}
.empresa-fit{position:relative;overflow:hidden;padding:45px 35px;border-radius:18px;background:linear-gradient(145deg,var(--az-blue),var(--az-blue-dark));box-shadow:0 22px 48px rgba(21,38,65,.2);transition:transform .35s ease}
.empresa-fit:hover{transform:translateY(-6px) rotate(.4deg)}
.empresa-fit img{transition:transform .5s ease}.empresa-fit:hover img{transform:scale(1.06)}
.empresa-abes-card{padding:24px;border:1px solid var(--az-border);border-radius:18px;background:#fff;box-shadow:var(--az-shadow);text-align:center}
.empresa-abes{display:block;width:100%;max-width:135px;margin:0 auto;border-radius:6px;background:#321b25}
.empresa-parceiros{margin-top:65px;border:1px solid var(--az-border);border-radius:20px;background:#fff;box-shadow:var(--az-shadow)}
.empresa-parceiros img{transition:transform .7s ease}.empresa-parceiros:hover img{transform:scale(1.025)}

.entenda-consignado{background:var(--az-surface)}
.entenda-consignado h2{max-width:820px;margin:0 auto 18px;text-align:center}
.entenda-consignado .section-description{margin-bottom:52px}
.entenda-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.entenda-card{padding:30px 26px;min-height:260px}
.entenda-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:22px;border-radius:12px;background:#edf2f8;color:var(--az-blue);font-size:20px}
.entenda-card h3{margin-bottom:13px;color:var(--az-text);font-size:20px;line-height:1.25}
.entenda-card p{color:var(--az-muted);font-size:15px;line-height:1.65}

.aplicativo-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:70px}
.aplicativo-texto .recursos-tag{text-align:left}
.aplicativo-texto p:last-child{margin-top:22px;color:var(--az-muted);font-size:17px;line-height:1.75}
.aplicativo-lojas{display:grid;grid-template-columns:1fr;gap:18px}
.loja-card{display:flex;align-items:center;gap:20px;padding:26px 28px;color:var(--az-text);text-decoration:none}
.loja-card i{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:15px;background:var(--az-blue);color:#fff;font-size:27px}
.loja-card span{display:flex;flex-direction:column;font-size:24px;font-weight:800;line-height:1.1}
.loja-card small{margin-bottom:5px;color:var(--az-muted);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}

.cta-final{
    padding:105px 0;text-align:center;color:#fff;
    background:radial-gradient(circle at 15% 15%,rgba(113,151,203,.28),transparent 28%),linear-gradient(145deg,var(--az-blue),var(--az-blue-dark));
}
.cta-final h2{color:#fff;font-size:clamp(36px,4.5vw,54px);line-height:1.12;letter-spacing:-.04em}
.cta-final p{color:#d4dfec}.cta-final .btn-primary{background:#fff;color:var(--az-blue-dark)}
.cta-final .btn-secondary{padding:14px 28px;border:1px solid rgba(255,255,255,.45);border-radius:8px;color:#fff;background:transparent;transition:background .25s ease,transform .25s ease}
.cta-final .btn-secondary:hover{transform:translateY(-2px);background:rgba(255,255,255,.1)}

.contato{background:var(--az-surface)}.contato h2{color:var(--az-text);font-size:clamp(34px,4vw,46px);letter-spacing:-.03em}.contato-subtitulo{color:var(--az-muted)}
.contato-item{padding:30px;border:1px solid var(--az-border);border-radius:14px;background:#fff;box-shadow:0 12px 36px rgba(21,38,65,.06)}
.contato-linha{width:52px;height:3px;background:var(--az-blue)}.contato-item h3{color:var(--az-blue);font-size:20px}.contato-item p{color:var(--az-muted)}.contato-footer-line{display:none}
.footer{padding:42px 0;color:#cad6e5;border:0;background:var(--az-blue-dark)}.footer-brand,.footer p,.footer a{color:#cad6e5}

/* Entradas suaves adicionadas pelo JavaScript */
.motion-ready{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.75,.25,1)}
.motion-ready.motion-visible{opacity:1;transform:translateY(0)}
.motion-delay-1{transition-delay:.09s}.motion-delay-2{transition-delay:.18s}.motion-delay-3{transition-delay:.27s}

@keyframes az-float{0%,100%{transform:translateY(0) scale(1.5)}50%{transform:translateY(-14px) scale(1.5)}}

@media(max-width:980px){
    section{padding:85px 0}.menu{display:none}.header .btn-primary{padding:12px 18px}.hero{min-height:auto;padding:85px 0}.hero-content{flex-direction:column;text-align:center}.hero-text{max-width:720px}.hero-divider{margin:27px auto}.hero-image img{max-width:650px}.publicos-grid,.seguranca-grid,.entenda-grid,.orgaos-publicos-grid{grid-template-columns:repeat(2,1fr)}.recursos-grid{display:grid;grid-template-columns:repeat(2,1fr)}.recurso-card:nth-child(n){grid-column:auto}.empresa-grid,.aplicativo-grid{grid-template-columns:1fr}.empresa-selos{max-width:560px;margin:auto;width:100%}.empresa-fit{max-width:560px;margin:auto}.aplicativo-texto,.aplicativo-texto .recursos-tag{text-align:center}.aplicativo-lojas{max-width:560px;margin:auto;width:100%}.diferenciais-lista{grid-template-columns:1fr}}
@media(max-width:620px){
    .header .container{width:92%}.logo{height:44px}.header .btn-primary{font-size:12px;padding:11px 14px}.hero{padding:72px 0}.hero-text h1{font-size:43px}.hero-destaque{font-size:16px}.hero-image img{width:100%}.comparativo-grid,.publicos-grid,.seguranca-grid,.recursos-grid,.entenda-grid,.orgaos-publicos-grid,.contato-grid{grid-template-columns:1fr}.comparativo-card{padding:27px}.publico-card img{height:230px}.entenda-card,.orgaos-publicos-card{min-height:auto}.empresa-beneficios{flex-direction:column}.empresa-abes{max-width:115px}.loja-card{padding:22px 20px}.loja-card span{font-size:21px}.cta-buttons{flex-direction:column;align-items:stretch}.cta-buttons a{width:100%}.contato-item{padding:25px}}
@media(prefers-reduced-motion:reduce){
    html{scroll-behavior:auto}.hero-image img{animation:none}.motion-ready{opacity:1;transform:none;transition:none}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}