.elementor-1543 .elementor-element.elementor-element-40285a6b{--display:flex;--min-height:80vh;--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;--justify-content:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0%;--padding-bottom:0%;--padding-left:8%;--padding-right:8%;}.elementor-1543 .elementor-element.elementor-element-40285a6b:not(.elementor-motion-effects-element-type-background), .elementor-1543 .elementor-element.elementor-element-40285a6b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-3acfd95 );}.elementor-1543 .elementor-element.elementor-element-6d0ce4e{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}#elementor-popup-modal-1543 .dialog-widget-content{animation-duration:1.2s;background-color:var( --e-global-color-3d761f9 );}#elementor-popup-modal-1543{background-color:var( --e-global-color-d230e2a );justify-content:center;align-items:flex-start;pointer-events:all;}#elementor-popup-modal-1543 .dialog-message{width:100vw;height:auto;}#elementor-popup-modal-1543 .dialog-close-button{display:flex;font-size:18px;}#elementor-popup-modal-1543 .dialog-close-button i{color:var( --e-global-color-primary );}#elementor-popup-modal-1543 .dialog-close-button svg{fill:var( --e-global-color-primary );}#elementor-popup-modal-1543 .dialog-close-button:hover i{color:var( --e-global-color-accent );}@media(min-width:768px){.elementor-1543 .elementor-element.elementor-element-40285a6b{--content-width:100%;}.elementor-1543 .elementor-element.elementor-element-6d0ce4e{--width:77%;}}@media(max-width:1024px){.elementor-1543 .elementor-element.elementor-element-40285a6b{--min-height:285px;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}}@media(max-width:767px){.elementor-1543 .elementor-element.elementor-element-40285a6b{--min-height:90vh;}}/* Start custom CSS for container, class: .elementor-element-40285a6b *//* =========================================
   MODAL / POPUP
   ========================================= */

.dialog-widget-content {
    max-height: 90vh !important;
    overflow: hidden !important;

    background-color: #F5EFE6 !important;

    display: flex !important;
    flex-direction: column !important;
}


/* =========================================
   CONTENIDO INTERNO CON SCROLL
   ========================================= */

.dialog-message {
    overflow-y: auto !important;
    overflow-x: hidden !important;

    max-height: 90vh !important;

    /* Espacio arriba para que el botón no tape texto */
    padding-top: 90px !important;

    -webkit-overflow-scrolling: touch;
}


/* =========================================
   BOTÓN CERRAR
   ========================================= */

.dialog-close-button {
    position: absolute !important;
    top: 16px !important;
    right: 16px !important;
    z-index: 999999 !important;

    background-color: #8A0C1B !important;
    color: #F5EFE6 !important;

    width: auto !important;
    min-width: 64px !important;
    height: 64px !important;
    padding: 0 22px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;

    box-sizing: border-box !important;

    transition:
        background-color .2s ease,
        color .2s ease !important;
}


/* =========================================
   ASPA
   ========================================= */

.dialog-close-button svg {
    width: 30px !important;
    height: 30px !important;

    fill: #F5EFE6 !important;
    color: #F5EFE6 !important;

    flex-shrink: 0;
}

.dialog-close-button svg path {
    stroke: #F5EFE6 !important;
    stroke-width: 1.5px !important;
}


/* =========================================
   TEXTO "FERMER"
   ========================================= */

.dialog-close-button::after {
    content: "FERMER";

    color: #F5EFE6 !important;

    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    line-height: 1 !important;

    white-space: nowrap;
}


/* =========================================
   HOVER
   ========================================= */

.dialog-close-button:hover {
    background-color: #F5EFE6 !important;
    color: #8A0C1B !important;
}

.dialog-close-button:hover svg {
    fill: #8A0C1B !important;
    color: #8A0C1B !important;
}

.dialog-close-button:hover svg path {
    stroke: #8A0C1B !important;
}

.dialog-close-button:hover::after {
    color: #8A0C1B !important;
}


/* =========================================
   MÓVIL
   ========================================= */

@media (max-width: 767px) {

    .dialog-widget-content {
        width: calc(100vw - 20px) !important;
        max-width: calc(100vw - 20px) !important;

        height: 92vh !important;
        max-height: 92vh !important;
    }

    .dialog-message {
        max-height: 92vh !important;

        padding-top: 75px !important;
    }

    .dialog-close-button {
        top: 10px !important;
        right: 10px !important;

        height: 52px !important;
        min-width: 52px !important;
        padding: 0 14px !important;

        gap: 7px !important;
    }

    .dialog-close-button svg {
        width: 24px !important;
        height: 24px !important;
    }

    .dialog-close-button::after {
        font-size: 12px !important;
        letter-spacing: .7px !important;
    }
}/* End custom CSS */