.hero{
    min-height:100vh;
}

.hero{
    background:#fff;
    padding-top:20px;
    padding-bottom:0;
    position:relative;
}

.hero-content{
    z-index:2;
    padding-top:80px;
}

.hero-logo{
    max-height:80px;
}

.hero h1{
    line-height:1.1;
}

.hero-stats h3{
    font-weight:700;
    margin-bottom:0;
}

.hero-stats small{
    color:#6c757d;
}

.phone-mockup{
    margin-top:0px;
    position:relative;
    z-index:10;

    transition:.3s;
}

.phone-mockup:hover{
    transform:translateY(-8px);
}

.btn{
    border-radius:50px;
    font-weight:600;
}

@media(max-width:768px){

    .hero{
        min-height:auto;
        padding-bottom:60px;
    }

    .hero-top{
        height:80%;
    }

    .hero-bottom{
        height:20%;
    }

    .hero h1{
        font-size:2.3rem;
    }

    .phone-mockup{
        margin-top:40px;
    }

}


.dark-section{
    background:#111827;
    color:#fff;

    margin-top:-120px;

    padding-top:220px;
    padding-bottom:120px;

    position:relative;
    z-index:1;
}

/* Logos */

.partners{
    margin-bottom:120px;
}

.partners-label{
    color:#9ca3af;
    font-size:.9rem;
    letter-spacing:2px;
}

.partners img{
    opacity:.75;
    transition:.3s;
    filter:grayscale(100%);
}

.partners img:hover{
    opacity:1;
    filter:none;
}

/* Títulos */

.section-badge{
    background:#2563eb;
    padding:8px 16px;
    border-radius:999px;
    font-size:.85rem;
}

.offers-section{
    margin-bottom:120px;
}

/* Cards */

.offer-card{
    background:#1f2937;
    border-radius:20px;
    overflow:hidden;
    transition:.3s;
}

.offer-card:hover{
    transform:translateY(-10px);
}

.offer-info{
    padding:25px;
}

.offer-info del{
    color:#9ca3af;
}

.offer-info h3{
    font-size:2rem;
    color:#22c55e;
}

.offer-info span{
    display:inline-block;
    background:#22c55e;
    color:#fff;
    padding:6px 12px;
    border-radius:999px;
    font-weight:700;
}

/* Comparativo */

.comparison-section{
    margin-bottom:120px;
}

.comparison-card{
    background:#1f2937;
    border-radius:24px;
    padding:50px;
}

.comparison-card ul{
    list-style:none;
    padding:0;
}

.comparison-card li{
    margin-bottom:15px;
}

/* CTA */

.final-cta{
    background:linear-gradient(
        135deg,
        #2563eb,
        #1d4ed8
    );

    padding:70px 40px;
    border-radius:30px;
}

.final-cta p{
    color:rgba(255,255,255,.8);
    margin:20px 0 30px;
}