.elementor-kit-7{--e-global-color-primary:#000000;--e-global-color-secondary:#EBF5FF;--e-global-color-text:#000000;--e-global-color-accent:#0064B4;--e-global-color-d1927e2:#0064B4;--e-global-color-837d487:#003462;--e-global-color-425328e:#D7EAFF;--e-global-color-8c95753:#AAD6FF;--e-global-color-52d8181:#00B3FE;--e-global-color-57eaa4d:#EEF1F3;--e-global-color-58af4f1:#C6FFC6;--e-global-color-4d5e3c9:#FDDFFF;--e-global-color-5feb1d9:#FFE4BD;--e-global-color-0ec7531:#FFFFFF;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-size:1rem;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.5rem;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-size:1rem;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-line-height:1.5rem;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-size:1.25rem;--e-global-typography-primary-font-weight:400;--e-global-typography-primary-line-height:1.75rem;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-size:1.25rem;--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-line-height:1.75rem;--e-global-typography-8197ba7-font-family:"Montserrat";--e-global-typography-8197ba7-font-size:0.813rem;--e-global-typography-8197ba7-font-weight:400;--e-global-typography-8197ba7-line-height:1.25rem;--e-global-typography-438200a-font-family:"Montserrat";--e-global-typography-438200a-font-size:0.813rem;--e-global-typography-438200a-font-weight:600;--e-global-typography-438200a-line-height:1.25rem;--e-global-typography-9b2ca28-font-family:"Montserrat";--e-global-typography-9b2ca28-font-size:4rem;--e-global-typography-9b2ca28-font-weight:400;--e-global-typography-9b2ca28-line-height:4.25rem;--e-global-typography-9b2ca28-letter-spacing:-0.094rem;--e-global-typography-78b26dd-font-family:"Montserrat";--e-global-typography-78b26dd-font-size:2.5rem;--e-global-typography-78b26dd-font-weight:400;--e-global-typography-78b26dd-line-height:3rem;--e-global-typography-d945867-font-family:"Montserrat";--e-global-typography-d945867-font-size:2rem;--e-global-typography-d945867-font-weight:400;--e-global-typography-d945867-line-height:2.375rem;--e-global-typography-6de7db9-font-family:"Montserrat";--e-global-typography-6de7db9-font-size:1.75rem;--e-global-typography-6de7db9-font-weight:400;--e-global-typography-6de7db9-line-height:2rem;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 a{color:var( --e-global-color-accent );}.elementor-kit-7 a:hover{color:var( --e-global-color-52d8181 );}.elementor-kit-7 h1{font-family:var( --e-global-typography-9b2ca28-font-family ), Sans-serif;font-size:var( --e-global-typography-9b2ca28-font-size );font-weight:var( --e-global-typography-9b2ca28-font-weight );line-height:var( --e-global-typography-9b2ca28-line-height );letter-spacing:var( --e-global-typography-9b2ca28-letter-spacing );}.elementor-kit-7 h2{font-family:var( --e-global-typography-78b26dd-font-family ), Sans-serif;font-size:var( --e-global-typography-78b26dd-font-size );font-weight:var( --e-global-typography-78b26dd-font-weight );line-height:var( --e-global-typography-78b26dd-line-height );}.elementor-kit-7 h3{font-family:var( --e-global-typography-d945867-font-family ), Sans-serif;font-size:var( --e-global-typography-d945867-font-size );font-weight:var( --e-global-typography-d945867-font-weight );line-height:var( --e-global-typography-d945867-line-height );}.elementor-kit-7 h4{font-family:var( --e-global-typography-6de7db9-font-family ), Sans-serif;font-size:var( --e-global-typography-6de7db9-font-size );font-weight:var( --e-global-typography-6de7db9-font-weight );line-height:var( --e-global-typography-6de7db9-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;}.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:1024px){.elementor-kit-7{--e-global-typography-9b2ca28-font-size:3rem;--e-global-typography-9b2ca28-line-height:3.125rem;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-7 h1{font-size:var( --e-global-typography-9b2ca28-font-size );line-height:var( --e-global-typography-9b2ca28-line-height );letter-spacing:var( --e-global-typography-9b2ca28-letter-spacing );}.elementor-kit-7 h2{font-size:var( --e-global-typography-78b26dd-font-size );line-height:var( --e-global-typography-78b26dd-line-height );}.elementor-kit-7 h3{font-size:var( --e-global-typography-d945867-font-size );line-height:var( --e-global-typography-d945867-line-height );}.elementor-kit-7 h4{font-size:var( --e-global-typography-6de7db9-font-size );line-height:var( --e-global-typography-6de7db9-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-7{--e-global-typography-9b2ca28-font-size:2.5rem;--e-global-typography-9b2ca28-line-height:3rem;--e-global-typography-9b2ca28-letter-spacing:-0.094rem;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-7 h1{font-size:var( --e-global-typography-9b2ca28-font-size );line-height:var( --e-global-typography-9b2ca28-line-height );letter-spacing:var( --e-global-typography-9b2ca28-letter-spacing );}.elementor-kit-7 h2{font-size:var( --e-global-typography-78b26dd-font-size );line-height:var( --e-global-typography-78b26dd-line-height );}.elementor-kit-7 h3{font-size:var( --e-global-typography-d945867-font-size );line-height:var( --e-global-typography-d945867-line-height );}.elementor-kit-7 h4{font-size:var( --e-global-typography-6de7db9-font-size );line-height:var( --e-global-typography-6de7db9-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.texto-degradado {
    background: linear-gradient(to right, #3C8CE7, #A435F0) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    display: inline-block;
}
/*
Este texto va controlar los anchuras del texto
*/
h1,h2,h3,h4,h5,h6{
    max-width: 45em;
}
p{
    max-width: 35em;
}
ol li, ul li{
    max-width: 35em;
}
p:last-child{
    margin-bottom: 0;
}
.jet-mega-menu.jet-mega-menu--layout-horizontal .jet-mega-menu-mega-container__inner{
    padding:0;
    border-radius: 16px;
}
/*remove default list indentation*/
ul li, ol li{
margin-left: -1.5em;
}
/*--------------------------------------------------------------------- 
Define key Tags and features
--------------------------------------------------------------------- */
.tag-Masc, .tag-Fem, .tag-Vesp{
    padding: 4px 12px;
    border-radius: 32px;
}
/* Define individual colors */
.tag-Masc{
    background-color: #D7EAFF;
}
.tag-Fem{
    background-color: #FDDFFF;
}
.tag-Vesp{
    background-color: #FFE4BD;
}

/* ===========================================
   ELEMENTOR CARD SLIDER - CSS & JAVASCRIPT
   ===========================================
   
   STEP 1: BUILD YOUR CARDS IN ELEMENTOR
   -------------------------------------
   1. Create a section with class "card-slider-container"
   2. Inside, create cards with class "slider-card"
   3. Add your content (images, text, etc.) normally in Elementor
   4. Apply this CSS and JS to make them into a slider
*/

/* ===============================
   CSS - Add to Elementor Custom CSS
   =============================== */

.card-slider-container {
    position: relative;
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    perspective: 1000px;
    overflow: hidden; /* Changed from hidden to visible */
     /*margin: 50px 80px; Added horizontal margin for arrow space 
    padding: 0 60px;  Added padding for arrow space */
}

.slider-card {
    position: absolute;
    width: 450px;
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    cursor: pointer;
    transform-style: preserve-3d;
    border-radius: 20px;
    background: #ffffff;
    overflow: hidden;
/*    min-height: 350px;
    box-shadow: 0 20px 40px rgba(0,0,0,0.1);*/
}

/* Active card - center and larger */
.slider-card.active {
    transform: translateX(0) scale(1.1);
    z-index: 10;
    box-shadow: 0 30px 60px rgba(0,0,0,0.2);
    opacity: 1;
    background: #ffffff;
}

/* Previous card - left side */
.slider-card.prev {
    transform: translateX(-200px) scale(0.8);
    z-index: 5;
    opacity: 0.7;
}

/* Next card - right side */
.slider-card.next {
    transform: translateX(200px) scale(0.8);
    z-index: 5;
    opacity: 0.7;
}

/* Far left card */
.slider-card.far-left {
    transform: translateX(-350px) scale(0.6);
    z-index: 1;
    opacity: 0.4;
}

/* Far right card */
.slider-card.far-right {
    transform: translateX(350px) scale(0.6);
    z-index: 1;
    opacity: 0.4;
}

/* Hidden cards */
.slider-card.hidden {
    transform: translateX(0) scale(0);
    opacity: 0;
    z-index: 0;
}

/* Navigation buttons - positioned left and right */
.slider-navigation {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    width: 100%;
    height: 50px;
    transform: translateY(-50%);
    pointer-events: none;
    z-index: 999;
}

.slider-nav-btn {
    position: absolute;
    width: 50px;
    height: 50px;
    border: none;
    border-radius: 50%;
    background: #ffffff;
    color: #333;
    font-size: 1.8rem;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    pointer-events: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #f0f0f0;
}

.slider-prev-btn {
    left: 50px; /* Overlapping the cards - Option 2 */
}

.slider-next-btn {
    right: 50px; /* Overlapping the cards - Option 2 */
}

/* Alternative positioning options: */

/* Option 1: Inside the container but not overlapping */
/*
.slider-prev-btn {
    left: 10px;
}
.slider-next-btn {
    right: 10px;
}
*/

/* Option 3: Far outside the container */
/*
.slider-prev-btn {
    left: -60px;
}
.slider-next-btn {
    right: -60px;
}
*/

.slider-nav-btn:hover {
    background: #f8f8f8;
    transform: scale(1.15);
    box-shadow: 0 6px 20px rgba(0,0,0,0.3);
    color: #000;
}

/* Fallback: If arrows still don't show, try this version */
.slider-navigation-fallback {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
    padding: 0 20px;
}

.slider-navigation-fallback .slider-nav-btn {
    position: static;
    margin: 0;
}

/* Responsive Design */
@media (max-width: 768px) {
    .card-slider-container {
        height: 500px;
    }
    
    .slider-card {
        width: 250px;
        min-height: 300px;
    }
    
    .slider-card.prev, .slider-card.next {
        transform: translateX(-150px) scale(0.7);
    }
    
    .slider-card.next {
        transform: translateX(150px) scale(0.7);
    }
    
    .slider-card.far-left, .slider-card.far-right {
        display: none;
    }
}

@media (max-width: 480px) {
    .slider-card {
        width: 220px;
        min-height: 300px;
    }
    
    .slider-card.prev, .slider-card.next {
        transform: translateX(-120px) scale(0.6);
        opacity: 0.5;
    }
    
    .slider-card.next {
        transform: translateX(120px) scale(0.6);
    }
    .slider-prev-btn {
    left: 10px; /* Overlapping the cards - Option 2 */
}

.slider-next-btn {
    right: 10px; /* Overlapping the cards - Option 2 */
}
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('https://anai.edu.ec/wp-content/uploads/montserrat-regular-webfont.woff2') format('woff2');
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('https://anai.edu.ec/wp-content/uploads/montserrat-semibold-webfont.woff2') format('woff2');
}
/* End Custom Fonts CSS */