.hero-libranza{

padding:100px 0 90px;

background:linear-gradient(180deg,#F5FAFF,#FFFFFF);

}

.hero-libranza h1{

font-size:58px;

font-weight:800;

color:#0B2A63;

line-height:1.15;

margin-bottom:25px;

}

.hero-libranza p{

font-size:19px;

color:#64748B;

line-height:1.8;

margin-bottom:35px;

}

.hero-libranza img{

border-radius:35px;

box-shadow:0 25px 60px rgba(0,0,0,.12);

}

.btn-libranza{

background:linear-gradient(135deg,#2E8BFF,#0B2A63);

color:#FFF;

padding:16px 40px;

border-radius:50px;

font-weight:600;

transition:.3s;

}

.btn-libranza:hover{

background:#0B2A63;

color:#FFF;

transform:translateY(-3px);

}

.ventajas{

padding:100px 0;

background:#FFF;

}

.card-ventaja{

background:#FFF;

padding:35px;

border-radius:25px;

text-align:center;

box-shadow:0 15px 35px rgba(0,0,0,.08);

transition:.3s;

height:100%;

}

.card-ventaja:hover{

transform:translateY(-10px);

}

.card-ventaja i{

width:80px;

height:80px;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

margin:auto;

background:linear-gradient(135deg,#2E8BFF,#0B2A63);

color:#2E8BFF;

font-size:30px;

margin-bottom:20px;

}

.info-libranza{

padding:100px 0;

background:#F8FBFF;

}

.lista-libranza{

list-style:none;

padding:0;

margin-top:25px;

}

.lista-libranza li{

margin-bottom:18px;

font-size:17px;

}

.lista-libranza i{

color:#F8FBFF;

margin-right:10px;

}

.pasos{

padding:100px 0;
color:#0B2A63;
}

.paso span{

width:80px;

height:80px;

background:#64748B;

color:#2E8BFF;

display:flex;

justify-content:center;

align-items:center;

margin:auto;

border-radius:50%;

font-size:28px;

font-weight:700;

margin-bottom:20px;

}

.cta-libranza{

padding:100px 0;

background:linear-gradient(135deg,#0B2A63,#154DA6);

color:#FFF;

text-align:center;

}

.cta-libranza h2{

font-size:46px;

font-weight:700;

margin-bottom:20px;

}

.cta-libranza p{

font-size:18px;

margin-bottom:35px;

}

@media(max-width:991px){

.hero-libranza{

text-align:center;

padding:80px 0 70px;

}

.hero-libranza h1{

font-size:42px;

}

.hero-libranza img{

margin-top:20px;

}

.card-ventaja{

margin-bottom:25px;

}

}


/*==================================================
   CORRECCIÓN DE ESPACIO BLANCO BAJO HEADER MÓVIL
==================================================*/

@media (max-width: 576px) {
    /* Ajusta el relleno al alto real del header en teléfonos */
    body {
        padding-top: 65px !important; 
    }

    main {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }

    /* Remueve rellenos o márgenes iniciales de la primera sección */
    .hero, 
    #image-slider, 
    section:first-of-type {
        margin-top: 0 !important;
        padding-top: 20px !important; /* Espacio mínimo interno de cortesía */
    }
}