/* ================================================= */
/* ZONA FINAL PROFESIONALES – LIMPIO Y ALINEADO      */
/* ================================================= */

.zone-final{
    width:100%;
    padding:40px 0;
    margin:0;
    background:#ffffff;
}

.zone-final-inner{
    max-width:1200px; /* 🔥 igual que todo tu sitio */
    margin:0 auto;
    padding:0 20px;
    position:relative;
}

.zone-final-banner{
    width:100%;
    height:320px; /* 🔥 altura tipo banner */
    
    border-radius:18px;
    overflow:hidden; /* 🔥 elimina cualquier borde visual */
    
    background:#000; /* fallback mientras carga */
}

/* imagen */
.zone-final-banner img{
    width:100%;
    height:100%;
    object-fit:cover; /* 🔥 mantiene proporción sin deformar */
    
    display:block;

    border:none;
    box-shadow:none;
}

/* ============================= */
/* RESPONSIVE                    */
/* ============================= */

@media (max-width:768px){

    .zone-final{
        padding:20px 0;
    }

    .zone-final-inner{
        padding:0 15px;
    }

    .zone-final-banner{
        height:220px; /* 🔥 más compacto en móvil */
        border-radius:14px;
    }

}