.elementor-1001 .elementor-element.elementor-element-d4c05af{--display:flex;--min-height:0px;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1001 .elementor-element.elementor-element-45d655a{width:100%;max-width:100%;}.elementor-1001 .elementor-element.elementor-element-45d655a.elementor-element{--align-self:center;}.elementor-1001 .elementor-element.elementor-element-45d655a > .elementor-widget-container{border-style:none;}.elementor-1001 .elementor-element.elementor-element-45d655a img{width:100%;border-style:none;border-radius:0px 0px 0px 0px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}#elementor-popup-modal-1001 .dialog-widget-content{animation-duration:1.2s;border-style:none;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-1001{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-1001 .dialog-message{width:767px;height:auto;}#elementor-popup-modal-1001 .dialog-close-button{display:flex;font-size:26px;}@media(max-width:767px){.elementor-1001 .elementor-element.elementor-element-d4c05af{--width:100%;--min-height:0px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}}@media(min-width:768px){.elementor-1001 .elementor-element.elementor-element-d4c05af{--width:100%;}}/* Start custom CSS for image, class: .elementor-element-45d655a *//* ==========================================================
   1) Estilos generales para el pop-up de la imagen
   ========================================================== */

/* Contenedor del pop-up: centrado vertical y horizontal */
.dialog-widget-content {
    background: none !important;
    display: flex; /* Habilita Flexbox */
    justify-content: center; /* Centra horizontalmente */
    align-items: center; /* Centra verticalmente */
    width: auto !important;
    height: auto !important;
    position: fixed !important; /* Mantiene la posición fija */
    top: 50% !important; /* Mueve el borde superior al 50% de la pantalla */
    left: 50% !important; /* Mueve el borde izquierdo al 50% de la pantalla */
    transform: translate(-50%, -50%) !important; /* Ajusta el centro del pop-up al centro de la pantalla */
    margin: 0 !important;
}

/* Envoltura del widget y la imagen */
.elementor-widget-container,
.dialog-lightbox-widget-content {
    background: none !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
}

/* Asegura que la imagen no tenga márgenes */
.elementor-image {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center;
}

/* ----------------------------------------------------------
   2) Ajustes de tamaño por dispositivo
   ---------------------------------------------------------- */

/* PC (escritorio y tablets grandes) */
@media (min-width: 768px) {
    .elementor-image img {
        width: auto !important; /* Permite que el tamaño se ajuste */
        max-width: 130% !important; /* Hace la imagen 30% más grande que el tamaño original */
    }
}

/* Móviles (horizontal y vertical) */
@media (max-width: 767px) {
    .elementor-image img {
        width: 100% !important; /* Ocupa el ancho completo */
        max-width: 100% !important;
    }
}/* End custom CSS */