/* =============================================================
   CREDICORP SLIDER FIXES — v3.1
   Desktop: idéntico al original (Elementor lo renderiza).
   Corrige: alturas uniformes + todos los problemas de móvil.
   ============================================================= */

/* --- Anti-flash: sin transición hasta que el slider esté listo --- */
.custom-slider-container:not(.slider-ready) .custom-slide {
    transition: none !important;
}

/* --- Espacio entre header y slider (tablet y móvil) ---------- */
@media (max-width: 1024px) {
    .elementor-10 .elementor-element.elementor-element-101569f4 {
        margin-top: 0px !important;
    }
}

/* --- Slider Chris (882): desktop altura igual a los demás --- */
.elementor-882 .elementor-element.elementor-element-faf0604 {
    --min-height: 652px !important;
}
.elementor-882 .elementor-element.elementor-element-faf0604:not(.elementor-motion-effects-element-type-background),
.elementor-882 .elementor-element.elementor-element-faf0604 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-size: cover !important;
}

/* --- Botones con padding inválido (bug Elementor) — desktop y tablet --- */
.elementor-885 .elementor-element.elementor-element-3d4a0e4 .elementor-button {
    padding: 15px 60px !important;
}
.elementor-888 .elementor-element.elementor-element-c4188dc .elementor-button {
    padding: 12px 60px !important;
}
.elementor-895 .elementor-element.elementor-element-144547a .elementor-button {
    padding: 15px 50px !important;
}

/* =============================================================
   TABLET (768px – 1024px) — Slider Chris (882)
   Texto 58.935% + imagen 50% = 108% → se montan. Los reajusto.
   ============================================================= */
@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-882 .elementor-element.elementor-element-04dc28b {
        --width: 55% !important;
    }
    .elementor-882 .elementor-element.elementor-element-9cb8958 {
        --width: 45% !important;
    }
    /* foto de Chris: moverla a la derecha en tablet */
    .elementor-882 .elementor-element.elementor-element-faf0604::before,
    .elementor-882 .elementor-element.elementor-element-faf0604 > .elementor-background-video-container::before,
    .elementor-882 .elementor-element.elementor-element-faf0604 > .e-con-inner > .elementor-background-video-container::before,
    .elementor-882 .elementor-element.elementor-element-faf0604 > .elementor-background-slideshow::before,
    .elementor-882 .elementor-element.elementor-element-faf0604 > .e-con-inner > .elementor-background-slideshow::before,
    .elementor-882 .elementor-element.elementor-element-faf0604 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before {
        background-position: right 20px top 40px !important;
        background-size: auto 90% !important;
    }
}

/* =============================================================
   MÓVIL (≤ 767px)
   ============================================================= */
@media (max-width: 767px) {

    /* ---- Slider Chris (882) --------------------------------- */
    .elementor-882 .elementor-element.elementor-element-faf0604 {
        --min-height: 640px !important;
        --justify-content: flex-start !important;
    }
    .elementor-882 .elementor-element.elementor-element-04dc28b {
        --padding-top: 20px !important;
    }
    .elementor-882 .elementor-element.elementor-element-faf0604:not(.elementor-motion-effects-element-type-background),
    .elementor-882 .elementor-element.elementor-element-faf0604 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
        background-position: center bottom !important;
        background-size: cover !important;
    }
    /* foto de Chris (overlay ::before): bajarla debajo del texto */
    .elementor-882 .elementor-element.elementor-element-faf0604::before,
    .elementor-882 .elementor-element.elementor-element-faf0604 > .elementor-background-video-container::before,
    .elementor-882 .elementor-element.elementor-element-faf0604 > .e-con-inner > .elementor-background-video-container::before,
    .elementor-882 .elementor-element.elementor-element-faf0604 > .elementor-background-slideshow::before,
    .elementor-882 .elementor-element.elementor-element-faf0604 > .e-con-inner > .elementor-background-slideshow::before,
    .elementor-882 .elementor-element.elementor-element-faf0604 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before {
        background-position: 50% 260px !important;
        background-size: 380px auto !important;
    }
    /* contenedor imagen: ancho fijo → 100% */
    .elementor-882 .elementor-element.elementor-element-9cb8958 {
        --width: 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }
    /* spacer gigante → pequeño */
    .elementor-882 .elementor-element.elementor-element-025c5c4 {
        --spacer-size: 20px !important;
    }
    /* margen negativo → 0 */
    .elementor-882 .elementor-element.elementor-element-04dc28b {
        --margin-left: 0px !important;
        margin-left: 0 !important;
    }
    /* ancho del texto corto en móvil → completo */
    .elementor-882 .elementor-element.elementor-element-ba8cad0 {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* ---- Slider Descubre Bogotá (885) ----------------------- */
    .elementor-885 .elementor-element.elementor-element-bf03658 {
        --min-height: 640px !important;
    }
    /* títulos de iconos del card: 2.5vw (~9px) → legibles */
    .elementor-885 .elementor-element.elementor-element-abacdd5 .elementor-image-box-title,
    .elementor-885 .elementor-element.elementor-element-f7d5749 .elementor-image-box-title,
    .elementor-885 .elementor-element.elementor-element-472abc3 .elementor-image-box-title,
    .elementor-885 .elementor-element.elementor-element-ae61b0a .elementor-image-box-title {
        font-size: 10px !important;
    }
    /* botón: padding simétrico y texto que pueda saltar línea */
    .elementor-885 .elementor-element.elementor-element-3d4a0e4 .elementor-button {
        padding: 10px 30px !important;
        white-space: normal !important;
        text-align: center !important;
    }

    /* ---- Slider Alojamiento (888) --------------------------- */
    .elementor-888 .elementor-element.elementor-element-b5a5078 {
        --min-height: 640px !important;
    }
    .elementor-888 .elementor-element.elementor-element-c4188dc .elementor-button {
        padding: 10px 40px !important;
        white-space: normal !important;
        text-align: center !important;
    }

    /* ---- Slider Sin ánimo de lucro (891) -------------------- */
    .elementor-891 .elementor-element.elementor-element-af31e91 {
        --min-height: 640px !important;
    }
    .elementor-891 .elementor-element.elementor-element-35dcf29 {
        --spacer-size: 15px !important;
    }
    .elementor-891 .elementor-element.elementor-element-af31e91:not(.elementor-motion-effects-element-type-background),
    .elementor-891 .elementor-element.elementor-element-af31e91 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
        background-position: center center !important;
        background-size: cover !important;
    }

    /* ---- Slider Punto de encuentro (895) -------------------- */
    .elementor-895 .elementor-element.elementor-element-f09c690 {
        --min-height: 640px !important;
    }
    /* títulos de iconos del card: 2.5vw (~9px) → legibles */
    .elementor-895 .elementor-element.elementor-element-dc11d2d .elementor-image-box-title,
    .elementor-895 .elementor-element.elementor-element-e2c958d .elementor-image-box-title,
    .elementor-895 .elementor-element.elementor-element-93e0ca5 .elementor-image-box-title,
    .elementor-895 .elementor-element.elementor-element-a0b71e0 .elementor-image-box-title {
        font-size: 10px !important;
    }
    /* botón "Regístrese aquí...": padding muy pequeño → cómodo */
    .elementor-895 .elementor-element.elementor-element-144547a .elementor-button {
        padding: 10px 20px !important;
        white-space: normal !important;
        text-align: center !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
}