.elementor-2492 .elementor-element.elementor-element-2ce61162{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2492 .elementor-element.elementor-element-207e193b{--e-image-carousel-slides-to-show:1;}.elementor-2492 .elementor-element.elementor-element-207e193b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2492 .elementor-element.elementor-element-207e193b .elementor-swiper-button.elementor-swiper-button-prev, .elementor-2492 .elementor-element.elementor-element-207e193b .elementor-swiper-button.elementor-swiper-button-next{color:#B92F26;}.elementor-2492 .elementor-element.elementor-element-207e193b .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-2492 .elementor-element.elementor-element-207e193b .elementor-swiper-button.elementor-swiper-button-next svg{fill:#B92F26;}.elementor-2492 .elementor-element.elementor-element-207e193b .swiper-pagination-bullet{width:12px;height:12px;background:#F6F7F2;}.elementor-2492 .elementor-element.elementor-element-207e193b .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background:#F6F7F2;opacity:1;}.elementor-2492 .elementor-element.elementor-element-207e193b .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:10px 10px 10px 10px;}#elementor-popup-modal-2492{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-2492 .dialog-message{width:640px;height:auto;padding:0px 0px 0px 0px;}#elementor-popup-modal-2492 .dialog-close-button{display:flex;background-color:#F6F7F2;font-size:16px;}#elementor-popup-modal-2492 .dialog-widget-content{border-radius:10px 10px 10px 10px;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);margin:0px 0px 0px 0px;}#elementor-popup-modal-2492 .dialog-close-button i{color:#B92F26;}#elementor-popup-modal-2492 .dialog-close-button svg{fill:#B92F26;}@media(max-width:767px){.elementor-2492 .elementor-element.elementor-element-2ce61162{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2492 .elementor-element.elementor-element-207e193b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for image-carousel, class: .elementor-element-207e193b *//* ── Botón Cerrar (Close Button) ── */
.dialog-close-button {
    /* Layout Figma */
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 0 !important;
    
    /* Dimensiones fijas */
    width: 30px !important;
    height: 30px !important;
    padding: 0 !important; /* Quitamos el padding de Figma para que no rompa el 30x30 */
    
    /* Posición (Adaptado para web: right es más seguro que left:1150px) */
    position: absolute !important;
    top: 20px !important;
    right: 20px !important; /* 👈 Si prefieres la posición exacta de Figma, cambia esto por: left: 1150px !important; */
    left: auto !important;
    z-index: 99999 !important; /* Asegura que quede por encima de la imagen */
    
    /* Estilo visual */
    background: #F6F7F2 !important;
    border-radius: 8px !important;
    border: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
    opacity: 1 !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* ─ Icono X (ic_x / Vector) ── */
.dialog-close-button svg,
.dialog-close-button i,
.dialog-close-button::after {
    width: 18px !important;
    height: 18px !important;
    flex: none !important;
    flex-grow: 0 !important;
    color: #B92F26 !important;
    fill: #B92F26 !important;
    background: transparent !important; /* Quita el fondo gris que a veces pone Elementor */
}

/* ─ Hover Effect ─ */
.dialog-close-button:hover {
    background: #e8e9e4 !important;
    transform: scale(1.05) !important;
}
.dialog-close-button:hover svg,
.dialog-close-button:hover i,
.dialog-close-button:hover::after {
    color: #9a2720 !important;
    fill: #9a2720 !important;
}

/* ─ Dark Mode ─ */
.elementor-dark-mode .dialog-close-button {
    background: #222222 !important;
}
.elementor-dark-mode .dialog-close-button svg,
.elementor-dark-mode .dialog-close-button i,
.elementor-dark-mode .dialog-close-button::after {
    color: #ff6b6b !important;
    fill: #ff6b6b !important;
}





/* FORZAR POSICIÓN ABAJO */
.elementor-swiper-button-prev,
.elementor-swiper-button-next {
    /* Quitamos la posición vertical del medio */
    top: auto !important; 
    
    /* Las fijamos abajo */
    bottom: 20px !important; /* Ajusta este valor si quieres que suban o bajen más */
    
    /* Mantenemos el estilo visual que ya te gustó */
    background: #F6F7F2 !important;
    border-radius: 8px !important;
    width: 30px !important;
    height: 30px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    opacity: 1 !important;
}

/* Color de la flechita */
.elementor-swiper-button-prev::after,
.elementor-swiper-button-next::after {
    color: #B92F26 !important;
    font-size: 16px !important;
}


/* ─ ELIMINA ESPACIO BLANCO EN MÓVIL (AISLADO) ── */
@media (max-width: 767px) {
  
  /* 1. Contenedor y widget */
  #galeria-mobile .elementor-widget-image-carousel,
  #galeria-mobile .elementor-widget-container,
  #galeria-mobile .e-con, 
  #galeria-mobile .e-con-inner {
    padding: 0 !important;
    margin: 0 !important;
    gap: 0 !important;
  }

  /* 2. Wrapper del carrusel */
  #galeria-mobile .elementor-image-carousel-wrapper {
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    overflow: hidden !important;
  }

  /* 3. Slides e imágenes */
  #galeria-mobile .swiper-slide {
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
  }
  
  #galeria-mobile .swiper-slide img {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
}/* End custom CSS */