.elementor-573 .elementor-element.elementor-element-e456941{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}#elementor-popup-modal-573 .dialog-message{width:640px;height:100vh;align-items:center;}#elementor-popup-modal-573{justify-content:flex-end;align-items:center;pointer-events:all;background-color:rgba(0,0,0,.8);}#elementor-popup-modal-573 .dialog-close-button{display:flex;}#elementor-popup-modal-573 .dialog-widget-content{background-color:#02010100;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-573 .dialog-close-button i{color:#FFFFFF;}#elementor-popup-modal-573 .dialog-close-button svg{fill:#FFFFFF;}@media(max-width:767px){#elementor-popup-modal-573 .dialog-close-button{font-size:36px;}}/* Start custom CSS for html, class: .elementor-element-10b3961 *//* =========================================================
   MOED | OFF-CANVAS V2
   Navegación multipágina + contacto horizontal
   Dark glass + animaciones
========================================================= */

/* =========================================================
   01. VARIABLES Y FONDO DEL POPUP
========================================================= */

.elementor-573 .elementor-element.elementor-element-10b3961 {
    --moed-bg-1: #0B0913;
    --moed-bg-2: #151024;
    --moed-white: #FFFFFF;
    --moed-text: rgba(255,255,255,0.82);
    --moed-muted: rgba(255,255,255,0.60);
    --moed-pink: #FA18A0;
    --moed-purple: #4E0A5F;
    --moed-lilac: #B296FC;
    --moed-cyan: #47E6E1;

    position: relative;
    overflow: hidden;

    background:
        radial-gradient(
            circle at 100% 100%,
            rgba(250,24,160,.18),
            transparent 34%
        ),
        radial-gradient(
            circle at 0% 0%,
            rgba(178,150,252,.12),
            transparent 28%
        ),
        linear-gradient(
            180deg,
            rgba(11,9,19,.98) 0%,
            rgba(17,13,28,.98) 50%,
            rgba(12,9,22,.99) 100%
        );

    border-left: 1px solid rgba(178,150,252,.28);

    box-shadow:
        -18px 0 50px rgba(0,0,0,.35),
        inset 0 1px 0 rgba(255,255,255,.04);
}

/* =========================================================
   02. GLOW AMBIENTAL
========================================================= */

.elementor-573 .elementor-element.elementor-element-10b3961::before {
    content: "";

    position: absolute;
    right: -120px;
    bottom: -120px;

    width: 300px;
    height: 300px;

    border-radius: 50%;

    background: radial-gradient(
        circle,
        rgba(250,24,160,.30),
        rgba(78,10,95,.12) 40%,
        transparent 72%
    );

    filter: blur(30px);
    pointer-events: none;
}

.elementor-573 .elementor-element.elementor-element-10b3961::after {
    content: "";

    position: absolute;
    inset: 0;

    background: linear-gradient(
        180deg,
        rgba(255,255,255,.02),
        transparent 22%
    );

    pointer-events: none;
}

/* =========================================================
   03. ESTRUCTURA INTERNA
========================================================= */

.elementor-573 .elementor-element.elementor-element-10b3961 .moed-offcanvas-shell {
    position: relative;
    z-index: 2;

    display: flex;
    flex-direction: column;
    justify-content: center;

    width: 100%;
    min-height: 100vh;

    padding: 42px 30px 32px;

    box-sizing: border-box;
    font-family: 'Nunito', sans-serif;
}

/* =========================================================
   04. ENCABEZADO
========================================================= */

.elementor-573 .elementor-element.elementor-element-10b3961 .moed-offcanvas-top {
    margin-bottom: 28px;
}

.elementor-573 .elementor-element.elementor-element-10b3961 .moed-offcanvas-kicker {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    margin-bottom: 18px;

    color: var(--moed-lilac);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 2px;
}

.elementor-573 .elementor-element.elementor-element-10b3961 .moed-offcanvas-kicker::before {
    content: "";

    width: 28px;
    height: 3px;

    border-radius: 99px;

    background: linear-gradient(
        90deg,
        var(--moed-pink),
        var(--moed-lilac)
    );
}

.elementor-573 .elementor-element.elementor-element-10b3961 .moed-offcanvas-title {
    margin: 0 0 12px !important;

    color: #FFFFFF !important;

    font-family: 'Nunito', sans-serif !important;
    font-size: clamp(30px, 2.8vw, 42px);
    font-weight: 900 !important;

    line-height: 1.05;
    letter-spacing: -1.6px;
}

.elementor-573 .elementor-element.elementor-element-10b3961 .moed-offcanvas-title span {
    color: var(--moed-cyan);
}

.elementor-573 .elementor-element.elementor-element-10b3961 .moed-offcanvas-text {
    margin: 0 !important;

    color: var(--moed-text) !important;

    font-size: 15px;
    font-weight: 500;
    line-height: 1.65;
}

/* =========================================================
   05. NAVEGACIÓN
========================================================= */

.elementor-573 .elementor-element.elementor-element-10b3961 .moed-offcanvas-nav {
    display: flex;
    flex-direction: column;

    gap: 10px;
    margin: 10px 0 28px;
}

.elementor-573 .elementor-element.elementor-element-10b3961 .moed-offcanvas-nav a {
    position: relative;

    display: inline-flex;
    align-items: center;

    width: fit-content;

    padding: 8px 0;

    color: rgba(255,255,255,.88) !important;

    font-family: 'Nunito', sans-serif;
    font-size: clamp(22px, 2vw, 30px);
    font-weight: 800;

    line-height: 1.15;
    letter-spacing: -.8px;

    text-decoration: none !important;

    transition:
        color .28s ease,
        transform .28s ease;
}

.elementor-573 .elementor-element.elementor-element-10b3961 .moed-offcanvas-nav a::after {
    content: "";

    position: absolute;
    left: 0;
    bottom: 2px;

    width: 0;
    height: 2px;

    border-radius: 99px;

    background: linear-gradient(
        90deg,
        var(--moed-pink),
        var(--moed-cyan)
    );

    transition: width .28s ease;
}

.elementor-573 .elementor-element.elementor-element-10b3961 .moed-offcanvas-nav a:hover {
    color: #FFFFFF !important;
    transform: translateX(6px);
}

.elementor-573 .elementor-element.elementor-element-10b3961 .moed-offcanvas-nav a:hover::after {
    width: 100%;
}

/* =========================================================
   06. BOTÓN PRINCIPAL
========================================================= */

.elementor-573 .elementor-element.elementor-element-10b3961 .moed-offcanvas-cta-wrap {
    margin-bottom: 26px;
}

.elementor-573 .elementor-element.elementor-element-10b3961 .moed-offcanvas-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 12px;
    min-height: 54px;

    padding: 14px 22px;

    border-radius: 999px;
    border: 1px solid rgba(250,24,160,.65);

    background: linear-gradient(
        135deg,
        #FA18A0 0%,
        #C30A94 45%,
        #6B0F8C 100%
    );

    color: #FFFFFF !important;

    font-family: 'Nunito', sans-serif;
    font-size: 15px;
    font-weight: 900;

    text-decoration: none !important;

    box-shadow:
        0 12px 28px rgba(250,24,160,.18);

    transition:
        transform .28s ease,
        box-shadow .28s ease;
}

.elementor-573 .elementor-element.elementor-element-10b3961 .moed-offcanvas-cta svg {
    width: 18px;
    height: 18px;

    transition: transform .28s ease;
}

.elementor-573 .elementor-element.elementor-element-10b3961 .moed-offcanvas-cta:hover {
    transform: translateY(-2px);

    box-shadow:
        0 16px 34px rgba(250,24,160,.28);
}

.elementor-573 .elementor-element.elementor-element-10b3961 .moed-offcanvas-cta:hover svg {
    transform: translate(3px,-3px);
}

/* =========================================================
   07. DIVISOR
========================================================= */

.elementor-573 .elementor-element.elementor-element-10b3961 .moed-offcanvas-divider {
    width: 100%;
    height: 1px;

    margin-bottom: 24px;

    background: linear-gradient(
        90deg,
        rgba(250,24,160,.42),
        rgba(178,150,252,.25),
        rgba(71,230,225,.18)
    );
}

/* =========================================================
   08. CONTACTO EN UNA SOLA LÍNEA
========================================================= */

.elementor-573 .elementor-element.elementor-element-10b3961 .moed-offcanvas-contact {
    display: flex;
    align-items: center;
    justify-content: space-between;

    width: 100%;
    min-width: 0;

    gap: 10px;
    margin-bottom: 24px;
}

.elementor-573 .elementor-element.elementor-element-10b3961 .moed-offcanvas-contact a,
.elementor-573 .elementor-element.elementor-element-10b3961 .moed-offcanvas-location {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 6px;

    min-width: 0;

    color: rgba(255,255,255,.76) !important;

    font-family: 'Nunito', sans-serif;
    font-size: 12px;
    font-weight: 700;

    text-decoration: none !important;
    white-space: nowrap;

    transition:
        color .28s ease,
        transform .28s ease;
}

/* SVG contacto */

.elementor-573 .elementor-element.elementor-element-10b3961 .moed-offcanvas-contact svg {
    display: block;

    width: 16px !important;
    height: 16px !important;

    flex-shrink: 0;

    color: var(--moed-cyan);
}

/* Separadores */

.elementor-573 .elementor-element.elementor-element-10b3961 .moed-contact-separator {
    width: 1px;
    height: 18px;

    flex-shrink: 0;

    background: rgba(178,150,252,.28);
}

/* Hover */

.elementor-573 .elementor-element.elementor-element-10b3961 .moed-offcanvas-contact a:hover {
    color: #FFFFFF !important;
    transform: translateY(-2px);
}

/* =========================================================
   09. REDES SOCIALES
========================================================= */

.elementor-573 .elementor-element.elementor-element-10b3961 .moed-offcanvas-socials {
    display: flex;
    align-items: center;
    gap: 10px;
}

.elementor-573 .elementor-element.elementor-element-10b3961 .moed-offcanvas-socials a {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    border-radius: 50%;

    background: linear-gradient(
        145deg,
        rgba(250,24,160,.10),
        rgba(178,150,252,.12)
    );

    border: 1px solid rgba(255,255,255,.06);

    color: rgba(255,255,255,.88) !important;

    font-size: 12px;
    font-weight: 900;
    text-decoration: none !important;

    transition:
        transform .28s ease,
        background .28s ease,
        box-shadow .28s ease;
}

.elementor-573 .elementor-element.elementor-element-10b3961 .moed-offcanvas-socials a:hover {
    transform: translateY(-4px);

    background: linear-gradient(
        135deg,
        #FA18A0,
        #4E0A5F
    );

    box-shadow:
        0 10px 22px rgba(250,24,160,.18);
}

/* =========================================================
   10. ENTRADA ESCALONADA
========================================================= */

@media (prefers-reduced-motion: no-preference) {

    .elementor-573 .elementor-element.elementor-element-10b3961 .moed-offcanvas-shell > * {
        opacity: 0;
        transform: translateX(16px);

        animation: moedOffReveal .7s
            cubic-bezier(.2,.75,.25,1) forwards;
    }

    .elementor-573 .elementor-element.elementor-element-10b3961 .moed-offcanvas-top {
        animation-delay: .08s;
    }

    .elementor-573 .elementor-element.elementor-element-10b3961 .moed-offcanvas-nav {
        animation-delay: .18s;
    }

    .elementor-573 .elementor-element.elementor-element-10b3961 .moed-offcanvas-cta-wrap {
        animation-delay: .28s;
    }

    .elementor-573 .elementor-element.elementor-element-10b3961 .moed-offcanvas-divider {
        animation-delay: .38s;
    }

    .elementor-573 .elementor-element.elementor-element-10b3961 .moed-offcanvas-contact {
        animation-delay: .48s;
    }

    .elementor-573 .elementor-element.elementor-element-10b3961 .moed-offcanvas-socials {
        animation-delay: .58s;
    }

}

@keyframes moedOffReveal {
    from {
        opacity: 0;
        transform: translateX(16px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* =========================================================
   11. RESPONSIVE
========================================================= */

@media (max-width: 767px) {

    .elementor-573 .elementor-element.elementor-element-10b3961 .moed-offcanvas-shell {
        padding: 34px 22px 24px;
    }

    .elementor-573 .elementor-element.elementor-element-10b3961 .moed-offcanvas-title {
        font-size: clamp(27px, 8vw, 36px);
    }

    .elementor-573 .elementor-element.elementor-element-10b3961 .moed-offcanvas-text {
        font-size: 14px;
    }

    .elementor-573 .elementor-element.elementor-element-10b3961 .moed-offcanvas-nav {
        gap: 8px;
        margin: 6px 0 24px;
    }

    .elementor-573 .elementor-element.elementor-element-10b3961 .moed-offcanvas-nav a {
        font-size: 24px;
    }

    .elementor-573 .elementor-element.elementor-element-10b3961 .moed-offcanvas-cta {
        width: 100%;
    }

    .elementor-573 .elementor-element.elementor-element-10b3961 .moed-offcanvas-contact {
        flex-wrap: wrap;
        justify-content: flex-start;

        gap: 12px;
    }

    .elementor-573 .elementor-element.elementor-element-10b3961 .moed-offcanvas-contact a,
    .elementor-573 .elementor-element.elementor-element-10b3961 .moed-offcanvas-location {
        font-size: 11px;
    }

    .elementor-573 .elementor-element.elementor-element-10b3961 .moed-contact-separator {
        display: none;
    }

}

/* =========================================================
   12. ACCESIBILIDAD
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .elementor-573 .elementor-element.elementor-element-10b3961 .moed-offcanvas-shell > * {
        opacity: 1 !important;
        transform: none !important;
        animation: none !important;
    }

}/* End custom CSS */