.peruanisima-slider{

    /* Ocupa el 100% del contenedor padre, sin el truco de 100vw
       que causaba el ensanche al aparecer/desaparecer el scrollbar */
    width:100%;
    max-width:100%;
    margin-left:0;
    margin-right:0;
    position:relative;

    /* CLAVE: reserva el espacio ANTES de que el JS inyecte el slider,
       usando la proporción real del banner (1024x166).
       Esto evita el salto de 0px -> alto real */
    aspect-ratio: 1024 / 166;
    overflow:hidden;
    background:#000;

}

.ps-slider{
    position:relative;
    overflow:hidden;
    width:100%;
    height:100%;
}

.ps-slider img{

    width:100%;
    height:100%;
    display:block;
    object-fit:cover;

}

.ps-img{

    transition:opacity .4s ease;

    opacity:1;

    display:block;

    width:100%;

    height:100%;

    object-fit:cover;

}

/* ==========================================================
   RESPONSIVE: en pantallas chicas el slider rompe el
   contenedor (padding/márgenes del theme) y ocupa el 100%
   del ancho real de la pantalla (full-bleed).

   Usamos calc(50% - 50vw) sobre un elemento que ya está
   centrado dentro de su columna de contenido: esto lo saca
   del flujo del padding sin necesitar tocar el HTML del tema.

   Si el body/html permite scroll horizontal por otro motivo,
   agrega overflow-x:hidden ahí (ver nota abajo).
   ========================================================== */
@media (max-width:768px){

    .peruanisima-slider{

        width:100%;
        max-width:100%;

        margin:0 auto;

        aspect-ratio:1092 / 180;

    }
    
}