.header-es {
    position: relative;
    width: 100%;
    height: 100%;
    background: url("/front/images/web/topws.webp") center center no-repeat;
    background-size: cover;
    padding-bottom: 32%;
}
@media (max-width: 768px) {
    .header-es {
        position: relative;
        background: url("/front/images/phone/topcs.webp") center center/cover
            no-repeat;
        padding-bottom: 53%;
    }
}
@media (max-width: 540px) {
    .header-es {
        background: url("/front/images/phone/topcs.webp") center center no-repeat;
        background-size: cover;
        padding-bottom: 50%;
    }
}
@media (max-width: 480px) {
    .header-es {
        position: relative;
        width: 100%;
        height: 100%;
        background: url("/front/images/phone/topcs.webp") center center
            no-repeat;
        background-size: cover; /* Cambiado de 'auto' a 'cover' */
        min-height: 120px;
        padding-bottom: 52.95%;
    }
}/* Para pantallas muy pequeñas */
@media (max-width: 320px) {
    .header-es {
        padding-bottom: 85%; /* Aumentado para pantallas más pequeñas */
    }
}