/* Autos Esquivel — centrado real del video del hero público.
 * La corrección anterior sólo actuaba en móvil (<=720px). En tablet/escritorio
 * public-home-hero-media.css seguía desplazando el contenedor a la derecha con
 * left:22–30% y right:-4–10%, por lo que el iframe estaba centrado dentro de un
 * lienzo que ya nacía corrido. Este override centra el lienzo completo.
 */

@media (min-width: 721px) {
    .public-site-rebuild .ae-hero__media,
    html[data-theme="light"] .public-site-rebuild .ae-hero__media,
    html[data-theme="dark"] .public-site-rebuild .ae-hero__media {
        left: 0 !important;
        right: 0 !important;
    }

    .public-site-rebuild .ae-hero__poster,
    html[data-theme="light"] .public-site-rebuild .ae-hero__poster,
    html[data-theme="dark"] .public-site-rebuild .ae-hero__poster {
        object-position: 50% 50% !important;
    }

    .public-site-rebuild .ae-hero__video iframe,
    html[data-theme="light"] .public-site-rebuild .ae-hero__video iframe,
    html[data-theme="dark"] .public-site-rebuild .ae-hero__video iframe {
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) scale(1.08) !important;
        transform-origin: center center !important;
    }
}

/* En este rango el hero es relativamente alto frente al ancho disponible;
 * un poco de overscan evita bordes sin volver a empujar el encuadre a la derecha. */
@media (min-width: 721px) and (max-width: 1100px) {
    .public-site-rebuild .ae-hero__video iframe,
    html[data-theme="light"] .public-site-rebuild .ae-hero__video iframe,
    html[data-theme="dark"] .public-site-rebuild .ae-hero__video iframe {
        transform: translate(-50%, -50%) scale(1.12) !important;
    }
}

/* Conserva el centrado simétrico en móvil y evita que reglas anteriores con
 * right:-34% vuelvan a desplazar el video en futuras compilaciones. */
@media (max-width: 720px) {
    .public-site-rebuild .ae-hero__media,
    html[data-theme="light"] .public-site-rebuild .ae-hero__media,
    html[data-theme="dark"] .public-site-rebuild .ae-hero__media {
        left: -6% !important;
        right: -6% !important;
    }

    .public-site-rebuild .ae-hero__video iframe,
    html[data-theme="light"] .public-site-rebuild .ae-hero__video iframe,
    html[data-theme="dark"] .public-site-rebuild .ae-hero__video iframe {
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) scale(1.20) !important;
        transform-origin: center center !important;
    }
}