/* Ciclomaz — banner principal: imagen amplia sin alterar el texto.
   Escritorio: la zona visual ocupa ~3/4 del banner y comienza más a la izquierda.
   IMPORTANTE: este archivo NO modifica posición, ancho, padding ni tipografía del bloque de texto.
   Así el texto conserva exactamente el layout original, aunque pueda superponerse a la imagen. */
@media (min-width: 851px) {
    .hero-slider .slide-media {
        width: 75% !important;
        right: 0 !important;
        left: auto !important;
    }

    /* Foto llena, favoreciendo el encuadre hacia la izquierda. */
    .hero-slider .slide-bg,
    .hero-slider .slide-media-item img {
        object-position: 40% center !important;
    }

    /* Mantiene el degradado que permite integrar la imagen amplia con el fondo negro. */
    .hero-slider .slide::after {
        background: linear-gradient(
            90deg,
            #060606 0%,
            #060606 24%,
            rgba(6,6,6,.97) 29%,
            rgba(6,6,6,.78) 35%,
            rgba(6,6,6,.30) 42%,
            transparent 50%
        ) !important;
    }
}

/* En escritorio angosto solo se ajusta la imagen. El texto sigue usando su CSS original. */
@media (min-width: 851px) and (max-width: 1180px) {
    .hero-slider .slide-media {
        width: 70% !important;
    }
}