/* Contenedor para evitar scroll horizontal accidental */
.wpc-hero-container {
    width: 100%;
    position: relative;
    line-height: 0;
    /* Elimina espacio fantasma bajo imágenes inline */
    margin: 0;
    padding: 0;
}

/* La imagen debe ser siempre fluida */
.wpc-hero-img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    /* Clave si decides ponerle altura fija */
}

/* Opcional: Ajustes específicos para móviles si fuera necesario */
@media (max-width: 767px) {
    .wpc-hero-container {
        /* Puedes añadir márgenes o ajustes aquí */
    }
}