.elementor-7 .elementor-element.elementor-element-235afe1{--display:flex;--min-height:100vh;--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;--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-7 .elementor-element.elementor-element-03da276{--display:flex;}.elementor-7 .elementor-element.elementor-element-0d3b5d4{--display:flex;--min-height:100vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.5;--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-7 .elementor-element.elementor-element-0d3b5d4:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-0d3b5d4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://deviajebolivia.com/wp-content/uploads/2026/01/Diseno-sin-titulo-2026-01-29T013615.988-scaled.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-7 .elementor-element.elementor-element-0d3b5d4::before, .elementor-7 .elementor-element.elementor-element-0d3b5d4 > .elementor-background-video-container::before, .elementor-7 .elementor-element.elementor-element-0d3b5d4 > .e-con-inner > .elementor-background-video-container::before, .elementor-7 .elementor-element.elementor-element-0d3b5d4 > .elementor-background-slideshow::before, .elementor-7 .elementor-element.elementor-element-0d3b5d4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-7 .elementor-element.elementor-element-0d3b5d4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#00000045;--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-7 .elementor-element.elementor-element-1b30518 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:53px;font-weight:700;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-7 .elementor-element.elementor-element-06872c7{--display:flex;}.elementor-7 .elementor-element.elementor-element-92bd6ae{--display:flex;--min-height:100vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.5;--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-7 .elementor-element.elementor-element-92bd6ae:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-92bd6ae > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://deviajebolivia.com/wp-content/uploads/2026/01/Diseno-sin-titulo-2026-01-29T012001.658.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-7 .elementor-element.elementor-element-92bd6ae::before, .elementor-7 .elementor-element.elementor-element-92bd6ae > .elementor-background-video-container::before, .elementor-7 .elementor-element.elementor-element-92bd6ae > .e-con-inner > .elementor-background-video-container::before, .elementor-7 .elementor-element.elementor-element-92bd6ae > .elementor-background-slideshow::before, .elementor-7 .elementor-element.elementor-element-92bd6ae > .e-con-inner > .elementor-background-slideshow::before, .elementor-7 .elementor-element.elementor-element-92bd6ae > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#02010175;--background-overlay:'';}.elementor-7 .elementor-element.elementor-element-7d61a21 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:53px;font-weight:700;}.elementor-7 .elementor-element.elementor-element-225eca7{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-slides-gap:0px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;}:where( .elementor-7 .elementor-element.elementor-element-225eca7 .swiper-slide ) > .e-con{--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;}:where( [data-core-v316-plus="true"] .elementor-element.elementor-widget-n-carousel .swiper-slide ) > .e-con{--padding-block-start:0px;--padding-inline-end:0px;--padding-block-end:0px;--padding-inline-start:0px;}.elementor-7 .elementor-element.elementor-element-37e2d03{--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;--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-7 .elementor-element.elementor-element-0794ae7{--display:flex;--min-height:0vh;--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;--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-7 .elementor-element.elementor-element-847d100{--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;--margin-top:40px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-7 .elementor-element.elementor-element-6751c60 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:89px;font-weight:600;}.elementor-7 .elementor-element.elementor-element-6155b10{--swiper-slides-to-display:3;--swiper-offset-size:0px;--swiper-slides-gap:47px;}.elementor-7 .elementor-element.elementor-element-75ddebd{--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;--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-7 .elementor-element.elementor-element-48e1f3a{--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;--margin-top:40px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-7 .elementor-element.elementor-element-8d284b1 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:89px;font-weight:600;}.elementor-7 .elementor-element.elementor-element-5f24065{--swiper-slides-to-display:3;--swiper-offset-size:0px;--swiper-slides-gap:40px;}.elementor-7 .elementor-element.elementor-element-fb1f1c3{--display:flex;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-7 .elementor-element.elementor-element-225eca7{--e-n-carousel-swiper-slides-to-display:2;}.elementor-7 .elementor-element.elementor-element-6155b10{--swiper-slides-to-display:2;}.elementor-7 .elementor-element.elementor-element-5f24065{--swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-7 .elementor-element.elementor-element-235afe1{--min-height:82vh;--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-7 .elementor-element.elementor-element-0d3b5d4:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-0d3b5d4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://deviajebolivia.com/wp-content/uploads/2026/01/Diseno-sin-titulo-2026-01-29T013630.966.png");}.elementor-7 .elementor-element.elementor-element-1b30518{text-align:center;}.elementor-7 .elementor-element.elementor-element-92bd6ae:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-92bd6ae > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://deviajebolivia.com/wp-content/uploads/2026/01/Diseno-sin-titulo-2026-01-29T013152.827.png");}.elementor-7 .elementor-element.elementor-element-7d61a21{text-align:center;}.elementor-7 .elementor-element.elementor-element-225eca7{--e-n-carousel-swiper-slides-to-display:1;}.elementor-7 .elementor-element.elementor-element-847d100{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-6751c60 .elementor-heading-title{font-size:36px;}.elementor-7 .elementor-element.elementor-element-6155b10{--swiper-slides-to-display:1;--swiper-offset-size:0px;--swiper-slides-gap:5px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-7 .elementor-element.elementor-element-48e1f3a{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-8d284b1 .elementor-heading-title{font-size:36px;}.elementor-7 .elementor-element.elementor-element-5f24065{--swiper-slides-to-display:1;--swiper-offset-size:20px;--swiper-slides-gap:0px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-7 .elementor-element.elementor-element-fb1f1c3{--content-width:19%;}}/* Start custom CSS for heading, class: .elementor-element-1b30518 *//* Aplica el estilo a los elementos de título dentro del widget */
.elementor-7 .elementor-element.elementor-element-1b30518 .elementor-heading-title,
.elementor-7 .elementor-element.elementor-element-1b30518 p,
.elementor-7 .elementor-element.elementor-element-1b30518 span {
    /* 1. Definimos el gradiente de colores suaves */
    /* Puedes ajustar los códigos de color hexadecimales si prefieres otros tonos */
    background: linear-gradient(to right, #89CFF0, #B39DDB); 
    
    /* 2. Hacemos que el fondo (el gradiente) se recorte con la forma del texto */
    -webkit-background-clip: text !important;
    background-clip: text !important;
    
    /* 3. Hacemos transparente el color de relleno del texto para que se vea el gradiente de fondo */
    -webkit-text-fill-color: transparent !important;
    color: transparent !important; /* Respaldo para navegadores que no soporten -webkit-text-fill-color */
    
    /* 4. Añadimos una sombra suave y difuminada para dar un "pop" sutil */
    /* Los valores son: desplazamiento-x, desplazamiento-y, desenfoque, color (con transparencia) */
    text-shadow: 2px 2px 8px rgba(147, 112, 219, 0.3) !important;
    
    /* 5. Estilo de fuente para complementar el look "soft" */
    font-family: 'Poppins', 'Nunito', sans-serif !important; /* Usa una fuente redondeada si la tienes cargada, o una sans-serif genérica */
    font-weight: 700 !important; /* Negrita para que el efecto se note más */
    letter-spacing: 1px !important; /* Un poco de espacio para mayor legibilidad */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-cebe081 *//* Estilo base del botón (estado normal) */
.elementor-7 .elementor-element.elementor-element-cebe081 .elementor-button {
    /* 1. Fondo Sólido con Degradado Suave */
    background: linear-gradient(to right, #89CFF0, #B39DDB) !important;
    
    /* 2. Sin bordes, ya que el color lo es todo */
    border: none !important;
    
    /* 3. Texto blanco para que resalte sobre el fondo de color */
    color: #ffffff !important;
    
    /* 4. Bordes completamente redondeados (forma de píldora) */
    border-radius: 50px !important;
    
    /* 5. Sombra suave para dar profundidad (no resplandor neón) */
    /* Desplazamiento-y de 4px y un difuminado de 10px con color morado transparente */
    box-shadow: 0 4px 10px rgba(179, 157, 219, 0.4) !important;
    
    /* 6. Estilo de tipografía */
    text-transform: uppercase !important; /* Todo en mayúsculas */
    font-weight: 700 !important; /* Negrita */
    letter-spacing: 1px !important; /* Un poco de espacio entre letras */
    font-family: 'Poppins', sans-serif !important; /* Usa una fuente redondeada si puedes */
    
    /* 7. Transición suave para el efecto hover */
    transition: all 0.3s ease-in-out !important;
}

/* Estilo al pasar el mouse (Hover) */
.elementor-7 .elementor-element.elementor-element-cebe081 .elementor-button:hover {
    /* 1. Invertimos ligeramente el degradado o lo hacemos más intenso */
    background: linear-gradient(to right, #B39DDB, #89CFF0) !important;
    
    /* 2. La sombra se hace un poco más grande y difusa para dar sensación de elevación */
    box-shadow: 0 6px 14px rgba(179, 157, 219, 0.6) !important;
    
    /* 3. Pequeño efecto de elevación física */
    transform: translateY(-3px);
    
    /* Aseguramos que el texto siga siendo blanco */
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7d61a21 *//* Aplica el estilo a los elementos de título dentro del widget */
.elementor-7 .elementor-element.elementor-element-7d61a21 .elementor-heading-title,
.elementor-7 .elementor-element.elementor-element-7d61a21 p,
.elementor-7 .elementor-element.elementor-element-7d61a21 span {
    /* 1. Definimos el gradiente de colores suaves */
    /* Puedes ajustar los códigos de color hexadecimales si prefieres otros tonos */
    background: linear-gradient(to right, #89CFF0, #B39DDB); 
    
    /* 2. Hacemos que el fondo (el gradiente) se recorte con la forma del texto */
    -webkit-background-clip: text !important;
    background-clip: text !important;
    
    /* 3. Hacemos transparente el color de relleno del texto para que se vea el gradiente de fondo */
    -webkit-text-fill-color: transparent !important;
    color: transparent !important; /* Respaldo para navegadores que no soporten -webkit-text-fill-color */
    
    /* 4. Añadimos una sombra suave y difuminada para dar un "pop" sutil */
    /* Los valores son: desplazamiento-x, desplazamiento-y, desenfoque, color (con transparencia) */
    text-shadow: 2px 2px 8px rgba(147, 112, 219, 0.3) !important;
    
    /* 5. Estilo de fuente para complementar el look "soft" */
    font-family: 'Poppins', 'Nunito', sans-serif !important; /* Usa una fuente redondeada si la tienes cargada, o una sans-serif genérica */
    font-weight: 700 !important; /* Negrita para que el efecto se note más */
    letter-spacing: 1px !important; /* Un poco de espacio para mayor legibilidad */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-88b0ef3 *//* Estilo base del botón (estado normal) */
.elementor-7 .elementor-element.elementor-element-88b0ef3 .elementor-button {
    /* 1. Fondo Sólido con Degradado Suave */
    background: linear-gradient(to right, #89CFF0, #B39DDB) !important;
    
    /* 2. Sin bordes, ya que el color lo es todo */
    border: none !important;
    
    /* 3. Texto blanco para que resalte sobre el fondo de color */
    color: #ffffff !important;
    
    /* 4. Bordes completamente redondeados (forma de píldora) */
    border-radius: 50px !important;
    
    /* 5. Sombra suave para dar profundidad (no resplandor neón) */
    /* Desplazamiento-y de 4px y un difuminado de 10px con color morado transparente */
    box-shadow: 0 4px 10px rgba(179, 157, 219, 0.4) !important;
    
    /* 6. Estilo de tipografía */
    text-transform: uppercase !important; /* Todo en mayúsculas */
    font-weight: 700 !important; /* Negrita */
    letter-spacing: 1px !important; /* Un poco de espacio entre letras */
    font-family: 'Poppins', sans-serif !important; /* Usa una fuente redondeada si puedes */
    
    /* 7. Transición suave para el efecto hover */
    transition: all 0.3s ease-in-out !important;
}

/* Estilo al pasar el mouse (Hover) */
.elementor-7 .elementor-element.elementor-element-88b0ef3 .elementor-button:hover {
    /* 1. Invertimos ligeramente el degradado o lo hacemos más intenso */
    background: linear-gradient(to right, #B39DDB, #89CFF0) !important;
    
    /* 2. La sombra se hace un poco más grande y difusa para dar sensación de elevación */
    box-shadow: 0 6px 14px rgba(179, 157, 219, 0.6) !important;
    
    /* 3. Pequeño efecto de elevación física */
    transform: translateY(-3px);
    
    /* Aseguramos que el texto siga siendo blanco */
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1b30518 *//* Aplica el estilo a los elementos de título dentro del widget */
.elementor-7 .elementor-element.elementor-element-1b30518 .elementor-heading-title,
.elementor-7 .elementor-element.elementor-element-1b30518 p,
.elementor-7 .elementor-element.elementor-element-1b30518 span {
    /* 1. Definimos el gradiente de colores suaves */
    /* Puedes ajustar los códigos de color hexadecimales si prefieres otros tonos */
    background: linear-gradient(to right, #89CFF0, #B39DDB); 
    
    /* 2. Hacemos que el fondo (el gradiente) se recorte con la forma del texto */
    -webkit-background-clip: text !important;
    background-clip: text !important;
    
    /* 3. Hacemos transparente el color de relleno del texto para que se vea el gradiente de fondo */
    -webkit-text-fill-color: transparent !important;
    color: transparent !important; /* Respaldo para navegadores que no soporten -webkit-text-fill-color */
    
    /* 4. Añadimos una sombra suave y difuminada para dar un "pop" sutil */
    /* Los valores son: desplazamiento-x, desplazamiento-y, desenfoque, color (con transparencia) */
    text-shadow: 2px 2px 8px rgba(147, 112, 219, 0.3) !important;
    
    /* 5. Estilo de fuente para complementar el look "soft" */
    font-family: 'Poppins', 'Nunito', sans-serif !important; /* Usa una fuente redondeada si la tienes cargada, o una sans-serif genérica */
    font-weight: 700 !important; /* Negrita para que el efecto se note más */
    letter-spacing: 1px !important; /* Un poco de espacio para mayor legibilidad */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-cebe081 *//* Estilo base del botón (estado normal) */
.elementor-7 .elementor-element.elementor-element-cebe081 .elementor-button {
    /* 1. Fondo Sólido con Degradado Suave */
    background: linear-gradient(to right, #89CFF0, #B39DDB) !important;
    
    /* 2. Sin bordes, ya que el color lo es todo */
    border: none !important;
    
    /* 3. Texto blanco para que resalte sobre el fondo de color */
    color: #ffffff !important;
    
    /* 4. Bordes completamente redondeados (forma de píldora) */
    border-radius: 50px !important;
    
    /* 5. Sombra suave para dar profundidad (no resplandor neón) */
    /* Desplazamiento-y de 4px y un difuminado de 10px con color morado transparente */
    box-shadow: 0 4px 10px rgba(179, 157, 219, 0.4) !important;
    
    /* 6. Estilo de tipografía */
    text-transform: uppercase !important; /* Todo en mayúsculas */
    font-weight: 700 !important; /* Negrita */
    letter-spacing: 1px !important; /* Un poco de espacio entre letras */
    font-family: 'Poppins', sans-serif !important; /* Usa una fuente redondeada si puedes */
    
    /* 7. Transición suave para el efecto hover */
    transition: all 0.3s ease-in-out !important;
}

/* Estilo al pasar el mouse (Hover) */
.elementor-7 .elementor-element.elementor-element-cebe081 .elementor-button:hover {
    /* 1. Invertimos ligeramente el degradado o lo hacemos más intenso */
    background: linear-gradient(to right, #B39DDB, #89CFF0) !important;
    
    /* 2. La sombra se hace un poco más grande y difusa para dar sensación de elevación */
    box-shadow: 0 6px 14px rgba(179, 157, 219, 0.6) !important;
    
    /* 3. Pequeño efecto de elevación física */
    transform: translateY(-3px);
    
    /* Aseguramos que el texto siga siendo blanco */
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7d61a21 *//* Aplica el estilo a los elementos de título dentro del widget */
.elementor-7 .elementor-element.elementor-element-7d61a21 .elementor-heading-title,
.elementor-7 .elementor-element.elementor-element-7d61a21 p,
.elementor-7 .elementor-element.elementor-element-7d61a21 span {
    /* 1. Definimos el gradiente de colores suaves */
    /* Puedes ajustar los códigos de color hexadecimales si prefieres otros tonos */
    background: linear-gradient(to right, #89CFF0, #B39DDB); 
    
    /* 2. Hacemos que el fondo (el gradiente) se recorte con la forma del texto */
    -webkit-background-clip: text !important;
    background-clip: text !important;
    
    /* 3. Hacemos transparente el color de relleno del texto para que se vea el gradiente de fondo */
    -webkit-text-fill-color: transparent !important;
    color: transparent !important; /* Respaldo para navegadores que no soporten -webkit-text-fill-color */
    
    /* 4. Añadimos una sombra suave y difuminada para dar un "pop" sutil */
    /* Los valores son: desplazamiento-x, desplazamiento-y, desenfoque, color (con transparencia) */
    text-shadow: 2px 2px 8px rgba(147, 112, 219, 0.3) !important;
    
    /* 5. Estilo de fuente para complementar el look "soft" */
    font-family: 'Poppins', 'Nunito', sans-serif !important; /* Usa una fuente redondeada si la tienes cargada, o una sans-serif genérica */
    font-weight: 700 !important; /* Negrita para que el efecto se note más */
    letter-spacing: 1px !important; /* Un poco de espacio para mayor legibilidad */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-88b0ef3 *//* Estilo base del botón (estado normal) */
.elementor-7 .elementor-element.elementor-element-88b0ef3 .elementor-button {
    /* 1. Fondo Sólido con Degradado Suave */
    background: linear-gradient(to right, #89CFF0, #B39DDB) !important;
    
    /* 2. Sin bordes, ya que el color lo es todo */
    border: none !important;
    
    /* 3. Texto blanco para que resalte sobre el fondo de color */
    color: #ffffff !important;
    
    /* 4. Bordes completamente redondeados (forma de píldora) */
    border-radius: 50px !important;
    
    /* 5. Sombra suave para dar profundidad (no resplandor neón) */
    /* Desplazamiento-y de 4px y un difuminado de 10px con color morado transparente */
    box-shadow: 0 4px 10px rgba(179, 157, 219, 0.4) !important;
    
    /* 6. Estilo de tipografía */
    text-transform: uppercase !important; /* Todo en mayúsculas */
    font-weight: 700 !important; /* Negrita */
    letter-spacing: 1px !important; /* Un poco de espacio entre letras */
    font-family: 'Poppins', sans-serif !important; /* Usa una fuente redondeada si puedes */
    
    /* 7. Transición suave para el efecto hover */
    transition: all 0.3s ease-in-out !important;
}

/* Estilo al pasar el mouse (Hover) */
.elementor-7 .elementor-element.elementor-element-88b0ef3 .elementor-button:hover {
    /* 1. Invertimos ligeramente el degradado o lo hacemos más intenso */
    background: linear-gradient(to right, #B39DDB, #89CFF0) !important;
    
    /* 2. La sombra se hace un poco más grande y difusa para dar sensación de elevación */
    box-shadow: 0 6px 14px rgba(179, 157, 219, 0.6) !important;
    
    /* 3. Pequeño efecto de elevación física */
    transform: translateY(-3px);
    
    /* Aseguramos que el texto siga siendo blanco */
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1b30518 *//* Aplica el estilo a los elementos de título dentro del widget */
.elementor-7 .elementor-element.elementor-element-1b30518 .elementor-heading-title,
.elementor-7 .elementor-element.elementor-element-1b30518 p,
.elementor-7 .elementor-element.elementor-element-1b30518 span {
    /* 1. Definimos el gradiente de colores suaves */
    /* Puedes ajustar los códigos de color hexadecimales si prefieres otros tonos */
    background: linear-gradient(to right, #89CFF0, #B39DDB); 
    
    /* 2. Hacemos que el fondo (el gradiente) se recorte con la forma del texto */
    -webkit-background-clip: text !important;
    background-clip: text !important;
    
    /* 3. Hacemos transparente el color de relleno del texto para que se vea el gradiente de fondo */
    -webkit-text-fill-color: transparent !important;
    color: transparent !important; /* Respaldo para navegadores que no soporten -webkit-text-fill-color */
    
    /* 4. Añadimos una sombra suave y difuminada para dar un "pop" sutil */
    /* Los valores son: desplazamiento-x, desplazamiento-y, desenfoque, color (con transparencia) */
    text-shadow: 2px 2px 8px rgba(147, 112, 219, 0.3) !important;
    
    /* 5. Estilo de fuente para complementar el look "soft" */
    font-family: 'Poppins', 'Nunito', sans-serif !important; /* Usa una fuente redondeada si la tienes cargada, o una sans-serif genérica */
    font-weight: 700 !important; /* Negrita para que el efecto se note más */
    letter-spacing: 1px !important; /* Un poco de espacio para mayor legibilidad */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-cebe081 *//* Estilo base del botón (estado normal) */
.elementor-7 .elementor-element.elementor-element-cebe081 .elementor-button {
    /* 1. Fondo Sólido con Degradado Suave */
    background: linear-gradient(to right, #89CFF0, #B39DDB) !important;
    
    /* 2. Sin bordes, ya que el color lo es todo */
    border: none !important;
    
    /* 3. Texto blanco para que resalte sobre el fondo de color */
    color: #ffffff !important;
    
    /* 4. Bordes completamente redondeados (forma de píldora) */
    border-radius: 50px !important;
    
    /* 5. Sombra suave para dar profundidad (no resplandor neón) */
    /* Desplazamiento-y de 4px y un difuminado de 10px con color morado transparente */
    box-shadow: 0 4px 10px rgba(179, 157, 219, 0.4) !important;
    
    /* 6. Estilo de tipografía */
    text-transform: uppercase !important; /* Todo en mayúsculas */
    font-weight: 700 !important; /* Negrita */
    letter-spacing: 1px !important; /* Un poco de espacio entre letras */
    font-family: 'Poppins', sans-serif !important; /* Usa una fuente redondeada si puedes */
    
    /* 7. Transición suave para el efecto hover */
    transition: all 0.3s ease-in-out !important;
}

/* Estilo al pasar el mouse (Hover) */
.elementor-7 .elementor-element.elementor-element-cebe081 .elementor-button:hover {
    /* 1. Invertimos ligeramente el degradado o lo hacemos más intenso */
    background: linear-gradient(to right, #B39DDB, #89CFF0) !important;
    
    /* 2. La sombra se hace un poco más grande y difusa para dar sensación de elevación */
    box-shadow: 0 6px 14px rgba(179, 157, 219, 0.6) !important;
    
    /* 3. Pequeño efecto de elevación física */
    transform: translateY(-3px);
    
    /* Aseguramos que el texto siga siendo blanco */
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7d61a21 *//* Aplica el estilo a los elementos de título dentro del widget */
.elementor-7 .elementor-element.elementor-element-7d61a21 .elementor-heading-title,
.elementor-7 .elementor-element.elementor-element-7d61a21 p,
.elementor-7 .elementor-element.elementor-element-7d61a21 span {
    /* 1. Definimos el gradiente de colores suaves */
    /* Puedes ajustar los códigos de color hexadecimales si prefieres otros tonos */
    background: linear-gradient(to right, #89CFF0, #B39DDB); 
    
    /* 2. Hacemos que el fondo (el gradiente) se recorte con la forma del texto */
    -webkit-background-clip: text !important;
    background-clip: text !important;
    
    /* 3. Hacemos transparente el color de relleno del texto para que se vea el gradiente de fondo */
    -webkit-text-fill-color: transparent !important;
    color: transparent !important; /* Respaldo para navegadores que no soporten -webkit-text-fill-color */
    
    /* 4. Añadimos una sombra suave y difuminada para dar un "pop" sutil */
    /* Los valores son: desplazamiento-x, desplazamiento-y, desenfoque, color (con transparencia) */
    text-shadow: 2px 2px 8px rgba(147, 112, 219, 0.3) !important;
    
    /* 5. Estilo de fuente para complementar el look "soft" */
    font-family: 'Poppins', 'Nunito', sans-serif !important; /* Usa una fuente redondeada si la tienes cargada, o una sans-serif genérica */
    font-weight: 700 !important; /* Negrita para que el efecto se note más */
    letter-spacing: 1px !important; /* Un poco de espacio para mayor legibilidad */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-88b0ef3 *//* Estilo base del botón (estado normal) */
.elementor-7 .elementor-element.elementor-element-88b0ef3 .elementor-button {
    /* 1. Fondo Sólido con Degradado Suave */
    background: linear-gradient(to right, #89CFF0, #B39DDB) !important;
    
    /* 2. Sin bordes, ya que el color lo es todo */
    border: none !important;
    
    /* 3. Texto blanco para que resalte sobre el fondo de color */
    color: #ffffff !important;
    
    /* 4. Bordes completamente redondeados (forma de píldora) */
    border-radius: 50px !important;
    
    /* 5. Sombra suave para dar profundidad (no resplandor neón) */
    /* Desplazamiento-y de 4px y un difuminado de 10px con color morado transparente */
    box-shadow: 0 4px 10px rgba(179, 157, 219, 0.4) !important;
    
    /* 6. Estilo de tipografía */
    text-transform: uppercase !important; /* Todo en mayúsculas */
    font-weight: 700 !important; /* Negrita */
    letter-spacing: 1px !important; /* Un poco de espacio entre letras */
    font-family: 'Poppins', sans-serif !important; /* Usa una fuente redondeada si puedes */
    
    /* 7. Transición suave para el efecto hover */
    transition: all 0.3s ease-in-out !important;
}

/* Estilo al pasar el mouse (Hover) */
.elementor-7 .elementor-element.elementor-element-88b0ef3 .elementor-button:hover {
    /* 1. Invertimos ligeramente el degradado o lo hacemos más intenso */
    background: linear-gradient(to right, #B39DDB, #89CFF0) !important;
    
    /* 2. La sombra se hace un poco más grande y difusa para dar sensación de elevación */
    box-shadow: 0 6px 14px rgba(179, 157, 219, 0.6) !important;
    
    /* 3. Pequeño efecto de elevación física */
    transform: translateY(-3px);
    
    /* Aseguramos que el texto siga siendo blanco */
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-225eca7 *//* --- Estilos Base para Botones Soft Pop --- */
.btn-pop {
    display: inline-block;
    padding: 12px 24px;       /* Espaciado interno generoso */
    border-radius: 50px;      /* Bordes completamente redondeados (estilo píldora) */
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; /* Tipografía limpia y moderna */
    font-weight: 700;         /* Negrita */
    text-transform: uppercase; /* Todo en mayúsculas */
    text-decoration: none;    /* Quitar subrayado si es un enlace <a> */
    font-size: 14px;
    letter-spacing: 1px;      /* Un poco de espacio entre letras */
    cursor: pointer;
    transition: all 0.3s ease-in-out; /* Transición suave para el hover */
    background: transparent;  /* Fondo transparente por defecto */
    border-width: 2px;
    border-style: solid;
}

/* --- Variante 1: Rosa Neón (Estilo "DREAM DESTINATIONS") --- */
.btn-pop-pink {
    color: #ff66b3;           /* Color del texto */
    border-color: #ff66b3;    /* Color del borde */
    /* El "glow" o resplandor de neón suave */
    box-shadow: 0 0 10px rgba(255, 102, 179, 0.5), inset 0 0 5px rgba(255, 102, 179, 0.3);
    text-shadow: 0 0 5px rgba(255, 102, 179, 0.5);
}

/* Efecto al pasar el mouse (Hover) - Se enciende más */
.btn-pop-pink:hover {
    background-color: #ff66b3; /* El fondo se llena de color */
    color: white;              /* El texto se vuelve blanco */
    /* El resplandor se vuelve más intenso */
    box-shadow: 0 0 20px rgba(255, 102, 179, 0.8), 0 0 40px rgba(255, 102, 179, 0.6);
    text-shadow: none;
    transform: translateY(-2px); /* Pequeño efecto de elevación */
}

/* --- Variante 2: Azul Neón (Estilo "WANDERLUST") --- */
.btn-pop-blue {
    color: #00e5ff;           /* Azul cian eléctrico */
    border-color: #00e5ff;
    /* Resplandor azul suave */
    box-shadow: 0 0 10px rgba(0, 229, 255, 0.5), inset 0 0 5px rgba(0, 229, 255, 0.3);
    text-shadow: 0 0 5px rgba(0, 229, 255, 0.5);
}

/* Efecto al pasar el mouse (Hover) Azul */
.btn-pop-blue:hover {
    background-color: #00e5ff;
    color: white;
    /* Resplandor azul intenso */
    box-shadow: 0 0 20px rgba(0, 229, 255, 0.8), 0 0 40px rgba(0, 229, 255, 0.6);
    text-shadow: none;
    transform: translateY(-2px);
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6743bf1 *//* --- Variables Soft Pop --- */
:root {
    --sp-cyan: #22d3ee;
    --sp-purple: #c084fc;
    --sp-grad: linear-gradient(135deg, var(--sp-cyan), var(--sp-purple));
    --sp-shadow: 0 10px 30px rgba(192, 132, 252, 0.4);
}

/* IMPORTANTE: z-index muy alto */
.sp-menu-trigger {
    position: fixed;
    bottom: 30px; 
    right: 30px;  
    width: 55px;
    height: 55px;
    background: var(--sp-grad);
    border-radius: 50%;
    box-shadow: var(--sp-shadow);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 999999 !important; /* Prioridad máxima */
    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    border: 2px solid rgba(255,255,255,0.2);
}

.sp-menu-trigger:hover {
    transform: scale(1.1) rotate(90deg);
}

.sp-hamburger span {
    display: block;
    width: 24px;
    height: 3px;
    background: white;
    margin: 5px 0;
    border-radius: 4px;
    transition: 0.3s;
}

/* Overlay (Fondo borroso) */
.sp-mobile-menu-overlay {
    position: fixed;
    top: 0; left: 0; 
    width: 100vw; 
    height: 100vh;
    background: rgba(30, 41, 59, 0.3); /* Un poco oscuro para contraste */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    z-index: 999998 !important; /* Justo debajo del botón */
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease;
    display: flex;
    justify-content: flex-end;
}

.sp-mobile-menu-overlay.active {
    opacity: 1;
    visibility: visible;
}

/* Cajón del Menú */
.sp-menu-content {
    width: 85%;
    max-width: 320px;
    height: 100%;
    background: #ffffff;
    box-shadow: -10px 0 40px rgba(0,0,0,0.1);
    transform: translateX(100%);
    transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    padding: 30px 25px;
    overflow-y: auto;
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
}

.sp-mobile-menu-overlay.active .sp-menu-content {
    transform: translateX(0);
}

/* Cabecera */
.sp-menu-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 2px solid #f1f5f9;
}

.sp-logo-text {
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
    font-size: 1.4rem;
    letter-spacing: -0.5px;
    background: var(--sp-grad);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.sp-close-btn {
    background: #f8fafc;
    border: none;
    width: 36px; height: 36px;
    border-radius: 50%;
    font-size: 24px;
    line-height: 1;
    color: #94a3b8;
    cursor: pointer;
    transition: 0.3s;
    display: flex; 
    align-items: center; justify-content: center;
}

.sp-close-btn:hover {
    background: #ffe4e6;
    color: #f43f5e;
    transform: rotate(90deg);
}

/* Items */
.sp-menu-list { list-style: none; padding: 0; margin: 0; }
.sp-menu-item { margin-bottom: 10px; }

.sp-link-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 10px;
    border-radius: 12px;
    transition: 0.2s;
}

.sp-link-wrapper:hover {
    background: #f0f9ff;
}

.sp-menu-item a {
    text-decoration: none;
    font-family: 'Quicksand', sans-serif;
    font-size: 1.05rem;
    color: #334155;
    font-weight: 600;
    width: 100%;
}

.sp-link-wrapper:hover a {
    color: var(--sp-cyan);
}

/* Botón + */
.sp-toggle-submenu {
    width: 28px; height: 28px;
    display: flex; align-items: center; justify-content: center;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    color: var(--sp-purple);
    font-weight: bold;
    cursor: pointer;
    font-family: monospace;
    font-size: 1.2rem;
    transition: 0.2s;
}

/* Submenús */
.sp-submenu {
    list-style: none;
    padding-left: 15px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease, opacity 0.4s ease;
    opacity: 0;
    border-left: 2px solid #f1f5f9;
    margin-left: 15px;
    margin-top: 5px;
}

.sp-menu-item.open > .sp-submenu {
    max-height: 800px;
    opacity: 1;
    margin-bottom: 15px;
}

.sp-submenu li { margin: 8px 0; }
.sp-submenu li a {
    font-size: 0.95rem;
    color: #64748b;
    font-weight: 500;
}
.sp-submenu li a:hover { color: var(--sp-purple); }/* End custom CSS */