.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-0742c32:#FFFFFF;--e-global-color-e08a4cb:#39277B;--e-global-color-ce86b93:#000000;--e-global-color-59d1f26:#F8F8F8;--e-global-color-868a987:#85754E;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-weight:500;font-family:"Poppins", Sans-serif;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:var( --e-global-color-868a987 );font-family:"Poppins", Sans-serif;}.elementor-kit-6 a:hover{color:var( --e-global-color-e08a4cb );}.elementor-kit-6 h1{color:var( --e-global-color-e08a4cb );font-family:"Poppins", Sans-serif;font-size:50px;font-weight:700;line-height:49px;}.elementor-kit-6 h2{color:var( --e-global-color-e08a4cb );font-family:"Poppins", Sans-serif;font-size:32px;font-weight:700;line-height:31px;}.elementor-kit-6 h3{color:var( --e-global-color-ce86b93 );font-family:"Poppins", Sans-serif;font-size:25px;font-weight:600;line-height:25px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1366px){.elementor-kit-6 h1{font-size:40px;}.elementor-kit-6 h2{font-size:27px;}.elementor-kit-6 h3{font-size:22px;}}@media(max-width:1200px){.elementor-kit-6 h1{font-size:37px;}.elementor-kit-6 h2{font-size:24px;}.elementor-kit-6 h3{font-size:21px;}}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6 h2{font-size:31px;}.elementor-kit-6 h3{font-size:22px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//*Imagenes */
/*quito el título de las fotos en el modo lightbox */

.elementor-slideshow__title {
    display: none;
}

/*quito la flecha de compartir */

.eicon-share-arrow {
    display: none;
}


/* Quitando el espacio inferior del widget texto*/

.elementor-text-editor p:last-child {
    margin-bottom: 0px;
}



/* Qu eno se muevan los ejes X y Y */

html, body{

overflow-x: hidden;

}

/* Permitir los guiones en salto de linea 

.elementor-kit-6 {
    hyphens: auto;
}*/



/* FLECHAS NEGRAS LAS BAJO 5PX EN MOVIL */

@media (max-width: 768px) {
    /* Selecciona el fondo de la sección principal de la página */
    .elementor-icon-box-icon {
        margin-top: 5px;
    }
}


/* =========================================================
   SPACING SYSTEM - GLOBAL DESIGN SYSTEM (ELEMENTOR FRIENDLY)
   ========================================================= */


/* =========================
   1. DESIGN TOKENS
   ========================= */

:root {

    /* ---------- VERTICAL SPACING ---------- */
    --space-xs: 44px;
    --space-sm: 60px;
    --space-md: 74px;
    --space-lg: 96px;
    --space-xl: 140px;

    /* ---------- HORIZONTAL FLUID VARIANTS ---------- */
    /* Ahora SÍ diferenciamos sensación de ancho por sección */

    --fluid-sm: clamp(20px, 6vw, 120px);
    --fluid-md: clamp(16px, 7vw, 160px);
    --fluid-lg: clamp(12px, 9vw, 200px);
    --fluid-xl: clamp(10px, 11vw, 240px);

    /* ---------- CONTAINER MAX WIDTH ---------- */
    --container-max: 1200px;
}


/* =========================
   2. MOBILE ADJUSTMENTS
   ========================= */

@media (max-width: 767px) {
    :root {

        /* Vertical spacing */
        --space-xs: 26px;
        --space-sm: 44px;
        --space-md: 50px;
        --space-lg: 70px;
        --space-xl: 90px;

        /* Horizontal (más control en mobile) */
        --fluid-sm: clamp(16px, 5vw, 60px);
        --fluid-md: clamp(16px, 5vw, 80px);
        --fluid-lg: clamp(16px, 6vw, 100px);
        --fluid-xl: clamp(16px, 7vw, 120px);
    }
}


/* =========================
   3. SECTIONS (CORE SYSTEM)
   ========================= */

/*
   👉 Vertical = ritmo visual
   👉 Horizontal = sensación de ancho (CLAVE del sistema)
*/

.section {
    padding: var(--space-md) var(--fluid-md);
}

.section-sm {
    padding: var(--space-sm) var(--fluid-sm);
}

.section-lg {
    padding: var(--space-lg) var(--fluid-lg);
}

.section-xl {
    padding: var(--space-xl) var(--fluid-xl);
}


/* Variante especial (hero / formularios / impacto visual fuerte) */
.section-xxl {
    padding-top: calc(var(--space-xl) * 1.5);
    padding-bottom: calc(var(--space-xl) * 1.5);
    padding-left: calc(var(--space-xl) * 2.5);
    padding-right: calc(var(--space-xl) * 2.5);
}

@media (max-width: 1366px) {
    .section-xxl {
        padding-top: calc(var(--space-xl) * 1.5);
        padding-bottom: calc(var(--space-xl) * 1.5);
        padding-left: var(--fluid-xl);
        padding-right: var(--fluid-xl);
    }
}

/* =========================
   4. CONTAINER (OPTIONAL)
   ========================= */

.container {
    max-width: var(--container-max);
    margin-left: auto;
    margin-right: auto;
}


/* =========================
   5. UTILITIES
   ========================= */

.px-none {
    padding-left: 0;
    padding-right: 0;
}





/* =========================
   H1 HOME ESCONDIDO
   ========================= */

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
}


/* ENLACES SOBRE FONDO LILA*/
.fondo-lila a {
    color: #8F80C3;
    text-decoration: underline;
    text-decoration-color: rgba(255,255,255,.5);
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;
}
.fondo-lila a:hover {
    color: #8F80C3;
    text-decoration-color: #fff;
}/* End custom CSS */