.elementor-kit-5{--e-global-color-primary:#F8B133;--e-global-color-secondary:#FE6651;--e-global-color-text:#010101;--e-global-color-accent:#010101;--e-global-color-db6416a:#F8B133;--e-global-color-af8f8d8:#FE6651;--e-global-color-0ca1674:#ADB0B2;--e-global-color-bb33150:#010101;--e-global-color-5e4e125:#FEFEFE;--e-global-color-a35e604:#FAFAFA;--e-global-color-0b2cfbe:#EEF1F3;--e-global-color-5904a13:#51B2AB;--e-global-color-95abc55:#BF5CAF;--e-global-color-d4f84a3:#BAC376;--e-global-color-05ed808:#F7F6F4A3;--e-global-color-2023b9e:#7FB0C126;--e-global-color-a7c9b34:#909D9D;--e-global-color-6edb2e9:#FDEDD9;--e-global-color-78e57b6:#009C8E;--e-global-color-dc84899:#6C7C7B;--e-global-color-d1b1cde:#FAFAF8;--e-global-color-e31699c:#EEF1F3;--e-global-color-0295947:#F59100;--e-global-color-f03a0a9:#FF9744;--e-global-typography-primary-font-family:"Gotham";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Gotham";--e-global-typography-secondary-font-weight:700;--e-global-typography-text-font-family:"Gotham";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Gotham";--e-global-typography-accent-font-weight:bold;color:var( --e-global-color-text );font-family:"Gotham", Sans-serif;font-size:16px;line-height:1.6em;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{background-color:transparent;font-size:18px;font-weight:bold;text-decoration:none;line-height:1.3em;color:var( --e-global-color-text );background-image:linear-gradient(90deg, var( --e-global-color-primary ) 0%, var( --e-global-color-secondary ) 100%);border-style:solid;border-width:0px 0px 0px 0px;border-radius:100px 100px 100px 100px;padding:10px 50px 10px 15px;}.elementor-kit-5 button:hover,.elementor-kit-5 button:focus,.elementor-kit-5 input[type="button"]:hover,.elementor-kit-5 input[type="button"]:focus,.elementor-kit-5 input[type="submit"]:hover,.elementor-kit-5 input[type="submit"]:focus,.elementor-kit-5 .elementor-button:hover,.elementor-kit-5 .elementor-button:focus{background-color:transparent;background-image:linear-gradient(90deg, var( --e-global-color-primary ) 0%, var( --e-global-color-secondary ) 100%);}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 a{color:var( --e-global-color-text );font-family:"Gotham", Sans-serif;text-decoration:underline;}.elementor-kit-5 a:hover{color:var( --e-global-color-accent );}.elementor-kit-5 h1{color:var( --e-global-color-text );font-family:"Gotham", Sans-serif;font-size:30px;line-height:1.3em;}.elementor-kit-5 h2{color:var( --e-global-color-text );font-family:"Gotham", Sans-serif;font-size:24px;line-height:1.3em;}.elementor-kit-5 h3{color:var( --e-global-color-text );font-family:"Gotham", Sans-serif;font-size:18px;font-weight:700;line-height:1.5em;}.elementor-kit-5 h4{color:var( --e-global-color-text );font-family:"Gotham", Sans-serif;font-size:16px;font-weight:normal;}.elementor-kit-5 label{color:var( --e-global-color-text );font-size:12px;line-height:1.4em;}.elementor-kit-5 input:not([type="button"]):not([type="submit"]),.elementor-kit-5 textarea,.elementor-kit-5 .elementor-field-textual{font-family:"Roboto", Sans-serif;font-size:14px;line-height:1.2em;color:#B0B6BB;border-style:solid;border-width:0px 0px 2px 0px;border-color:#B0B6BB;border-radius:0px 0px 0px 0px;}.elementor-kit-5 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-5 textarea:focus,.elementor-kit-5 .elementor-field-textual:focus{color:#878B8B;border-radius:0px 0px 0px 0px;}.elementor-widget:not(:last-child){margin-block-end: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:1120px){.elementor-kit-5 h1{font-size:24px;line-height:1.2em;}.elementor-kit-5 h2{font-size:20px;line-height:1.2em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-5{line-height:1.3em;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{font-size:16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//*ESTILOS 2025*/


.h1{
    font-size: 30px;
    line-height: 1.4em !important;
}
.h2{
    font-size: 24px;
    line-height: 1.4em !important;
}
.h3{
    font-size: 18px;
}
.h4{
    font-size: 16px;
}
.subtitle,
.subtitle h1,
.subtitle h2{
    font-size: 18px !important;
    font-weight: normal;
    line-height: 1.4em !important;
}

@media (max-width: 1024px){
    .h1{
        font-size: 24px;
    }
    .h2{
        font-size: 20px;
    }
    .subtitle,
    .subtitle h1,
    .subtitle h2{
        font-size: 16px;
    }
}




#menu-principal .menu-item.current-menu-item a,
#menu-principal .menu-item a:hover{
    background-color: #f7f7f7;
}
#menu-principal .menu-item.current-menu-item a:after,
#menu-principal .menu-item a:hover:after{
    content: "";
     display: block;
     position: absolute;
     left: 0;
     bottom: 0px;
     height: 6px;
     width: 100%;
     background-image: linear-gradient(to right, #fe6651 , #f8b133);
     opacity: 1;
     transition: opacity 0.3s ease;

     }
.btn-border-gradient a .elementor-button-text{
    position: relative;
     padding-bottom: 5px;

     }
.btn-border-gradient a .elementor-button-text:after{
    content: "";
     display: block;
     position: absolute;
     left: 0;
     bottom: 0px;
     height: 2px;
     width: 100%;
     background-image: linear-gradient(to right, #f8b133 , #fe6651);
     opacity: 1;
     transition: opacity 0.3s ease;

     }
.border-gradient{
    position: relative;
     padding-bottom: 5px;

     }
.border-gradient:after{
    content: "";
     display: block;
     position: absolute;
     left: 0;
     bottom: 0px;
     height: 2px;
     width: 100%;
     background-image: linear-gradient(to right, #fe6651 , #f8b133);
     opacity: 1;
     transition: opacity 0.3s ease;

     }
.text-gradient_bg{
    background-image: linear-gradient(to right, #f8b133, #fe6651);

    }
.text-gradient{
    background-image: linear-gradient(to right, #f8b133 0%, #fe6651);
     -webkit-background-clip: text;
     color: transparent !important;

     }
.box-gradient{
    background-image: linear-gradient(to right, #f8b133, #fe6651);
     transition: opacity 0.3s ease;
     opacity: 1;

     }
.box-gradient:after{
    content: '';
     display: block;
     width: calc(100% - 4px);
     height: calc(100% - 4px);
     position: absolute;
     top: 2px;
     left: 2px;
     background: #ffffff;
     border-radius: 20px;
     z-index: 0;

     }
.box-soluciones{
    transition: ease 2s;
     cursor: pointer;

     }
a.box-soluciones{
    text-decoration: none !important;

     }
.box-soluciones_content{
    display: none;
     transition: display 2s ease;

     }
.box-soluciones_icon{
    display: flex;
     transition: display 2s ease;

     }
.box-soluciones:hover, .box-soluciones:hover .box-soluciones_content{
    display: flex;
     transition: display 2s ease;

     }
.box-soluciones:hover .box-soluciones_icon{
    display: none;
     transition: display 2s ease;

     }
     

.form-hubspot fieldset{
    width: 100% !important;
    max-width: 100% !important;
}

.form-hubspot .hs-input{
    width: 100% !important;
    background-color: #ffffff;
    border-color: #b0b6bb !important;
    border-width: 1px 1px 1px 1px !important;
    border-radius: 100px 100px 100px 100px!important;
    height: 40px !important;
    font-size: 14px !important;
}

.form-hubspot .inputs-list{
    padding-left: 0 !important;
    list-style: none !important;
}

.form-hubspot .inputs-list label{
    display: flex;
    margin: 15px !important;
}

.form-hubspot .hs-form-booleancheckbox-display .hs-input{
    width: 15px !important;
    height: 15px !important;
    margin-right: 15px !important;
}


.form-hubspot .actions{
    position: relative !important;
    width: fit-content !important;
}


.form-hubspot.form-hubspot_newsletter .actions{
    margin: 0 auto;
}


.form-hubspot .actions:before {
    content: "";
    display: block;
    width: 34px;
    height: 34px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 5px;
    background-image: url(https://www.up-spain.com/wp-content/uploads/2025/04/btn-arrow.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    transition: 400ms;
}


.form-hubspot .inputs-list,
.form-hubspot .hs-form-radio{
    display: flex !important;
}
  .form-hubspot  .hs-form-radio-display .hs-input{
     height: 15px !important;
    margin-right: 10px !important;
      
  }
     
     .form-hubspot .hs_recaptcha{
         margin: 10px 0 !important;
     }
     
     
     
.form-hubspot .hs-error-msg{
    color: #cc2f24 !important;
}
     
     
     
     
/*HOME*/
.bg-blur{
    border-radius: 10px;
     backdrop-filter: blur(4px);

     }
.btn-arrow a{
    position: relative;

     }
.btn-arrow a:before{
    content: '';
     display: block;
     width: 34px;
     height: 34px;
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     right: 5px;
     background-image: url('https://www.up-spain.com/wp-content/uploads/2025/04/btn-arrow.svg');
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center center;
     transition: 400ms;

     }
     
   .btn-arrow.btn-arrow_play a:before{
     background-image: url('https://www.up-spain.com/wp-content/uploads/2025/06/btn-play.svg');
     right: 5px;
    
     }
     .btn-arrow.btn-arrow_download a:before{
     background-image: url('https://www.up-spain.com/wp-content/uploads/2025/06/btn_descarga.svg');
        right: 5px;
     }
     
     
     
     
     
form .elementor-button:before{
    content: '';
     display: block;
     width: 35px;
     height: 35px;
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     right: 10px;
     background-image: url('https://www.up-spain.com/wp-content/uploads/2025/04/btn-arrow.svg');
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center center;
     transition: 400ms;

     }
/*.btn-arrow a:hover:before{
background-image: url('https://www.up-spain.com/wp-content/uploads/2025/04/btn-arrow_hover.svg');
     transition: 400ms;

     }*/
.text-gradient_bg{
    background-image: linear-gradient(to right, #f8b133, #fe6651);

    }
.text-gradient{
    background-image: linear-gradient(to right, #f8b133 0%, #fe6651);
     -webkit-background-clip: text;
     color: transparent !important;

     }
.second-section .box-servicios.box-servicios_active:hover ~ .second-section{
    background-image: url('https://www.up-spain.com/wp-content/uploads/2025/03/descubre-up-one.png') !important;

     }
.section{
    position: fixed;
     top: 0;
     left: 0;
     transition: transform 0.8s ease-out, opacity 0.8s ease-out;
     z-index: 10;

/* Para asegurar que está sobre otras secciones */

}
.hidden{
    border-radius: 50px !important;
     height: 150px !important;
     opacity: 0;
     transform: translate(0px, -200px);
     pointer-events: none;

     }
.second-section{
    position: relative;
     height: 70vh !important;
     background-size: cover !important;
     background-position: top center !important;
     background-repeat: no-repeat !important;
     transition: 500ms ease !important;

     }
.small{
    height: 600px !important;
     background-size: cover !important;
     background-position: top center !important;
     background-repeat: no-repeat !important;
     transition: 500ms ease !important;

     }
.titulo{
    align-content: center;

     }
.box-servicios{
    cursor: pointer;
     transition: 300ms;

     }
.box-servicios.box-servicios_active .box-content_white{
    transform: scaleY(1.2);

     }
.box-servicios.box-servicios_active .no-scale{
    transform: scaleY(0.84);
     height: 200px;

     }
.box-servicios.box-servicios_active .box-servicios_hidden{
    display: block;
     opacity: 1;
     transition: 300ms;

     }
.box-servicios.box-servicios_active .box-servicios_active{
    opacity: 0;
     transition: 300ms;

     }
.box-servicios_title{
    transition: 100ms;

     }
.box-servicios.box-servicios_active .box-servicios_title{
    background-image: linear-gradient(to right, #f8b133, #fe6651);
     transition: 300ms;

     }
.box-servicios_active{
    opacity: 1;
     transition: 300ms;

     }
.box-servicios_hidden{
    opacity: 0;
     transition: 300ms;

     }
.box-servicios.box-servicios_active ~ .box-servicios_img{
    opacity: 1;
     transition: 300ms;

     }
.box-servicios_img{
    opacity: 0;
     transition: 300ms;

     }
.second-title{
    visibility: hidden;
     /* Oculto inicialmente */
transition: visibility 0.3s ease-out;
     align-self: middle !important;

     }
.content-box{
    opacity: 0;
     transform: translateY(500px);
     transition: opacity 0.8s ease-out, transform 0.8s ease-out;

     }
.small .second-title{
    visibility: visible;

     }
.small .content-box{
    opacity: 1;
     transform: translateY(0);
     /* Aparece con slide-up */
     }
/*.video-scroll{
position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100vh;
     transition: transform 2500ms ease;

     }
.imagen-scroll{
width: 100%;
     transform: scale(0.7);
     transition: transform 2000ms ease;

     }
.video-scroll .elementor-video{
position: absolute;
     top: 32px;
     left: calc(50% - -5px);
     transform: translateX(-50%) scale(0.7);
     width: 480px !important;
     height: 305px !important;
     object-fit: cover;
     transition: top 2000ms ease, transform 2000ms ease, width 2000ms ease, height 2000ms ease;

     }*/
.swiper-pagination-bullet{
    opacity: 1 !important;

     }
.swiper-pagination-bullet.swiper-pagination-bullet-active, .swiper-pagination-bullet.swiper-pagination-bullet-active:hover{
    border-style: solid !important;
     border-width: 1px !important;
     background: linear-gradient(to bottom, #f8b133 0%, #fe6651) !important;

     }
.swiper-pagination-bullet:hover{
    border-style: solid !important;
     border-width: 1px !important;
     background: linear-gradient(to bottom, #f8b133 0%, #fe6651) !important;

     }

/*HOME*/
/*UP GOURMET*/
.switch-tab .elementor-widget-n-accordion .e-n-accordion-item .e-n-accordion-item-title-icon .e-closed {
    padding: 4px;
    border-radius: 100px;
    background-image: linear-gradient(to right,#f8b133,#fe6651);
    height: 25px;
    width: 25px
}

.switch-tab .elementor-widget-n-accordion .e-n-accordion-item .e-n-accordion-item-title-icon .e-opened {
    padding: 3px 0 3px 4px;
    border-radius: 100px;
    background-color: #fefefe;
    height: 25px;
    width: 25px
}

.switch-tabs.elementor-widget-n-tabs {
    min-height: 530px;
    background-color: #fefefe;
    border-radius: 10px;
    padding: 30px
}

.switch-tabs .e-n-tabs-heading {
    position: relative;
    display: flex!important;
    background: #e0e6ea;
    border-radius: 10px;
    overflow: hidden;
    padding: 4px;
    width: 410px;
    align-self: center
}

.switch-tabs .e-n-tab-title {
    position: relative;
    flex: 1;
    text-align: center;
    z-index: 2;
    background: 0 0;
    border: 0;
    padding: 10px 0;
    cursor: pointer;
    transition: color .3s ease
}

.switch-tabs .e-n-tab-title .e-n-tab-title-text {
    display: block;
    width: 100px;
    text-align: center;
    margin: 0 auto
}

.switch-tabs .switch-indicator {
    position: absolute;
    top: 4px;
    bottom: 4px;
    width: 200px;
    left: 4px;
    border-radius: 10px;
    background-image: linear-gradient(90deg,#f8b133 0,#fe6651 100%);
    box-shadow: 0 2px 5px rgba(0,0,0,.15);
    z-index: 1;
    transition: transform .3s ease;
    will-change: transform
}

.switch-tabs .e-n-tab-title.e-active {
    color: #0101011;
    font-weight: 600
}

@media (max-width:475px) {
    .switch-tabs .e-n-tabs-heading {
        width: 300px;
    }
  .switch-tabs .e-n-tab-title{
      padding:0 !important;
  }
    

     .switch-tabs .e-n-tab-title .e-n-tab-title-text {
    width: 145px;
        
        padding: 15px 0;
        font-size: 14px;
     }

.switch-tabs .switch-indicator {
        width:145px;
    }
}

 
 
   /*      
     
@media (max-width: 1024px){
    .switch-tabs .e-n-tabs-heading{
    width: 100% !important;
     justify-content: space-between !important;

     }
     
.switch-tabs.elementor-widget-n-tabs{
    background-color: #fefefe;
     border-radius: 10px;
      padding: 10px; 

     }
 .switch-tabs .e-n-tab-title{
    padding: 10px ; 
     margin: 0 auto;

     } 

}
*/


/*UP GOURMET*/

/* UP ONE */

/* Sección animada */
.seccion-animada{
    height: 100vh;
     display: flex;
     align-items: center;
     justify-content: center;
     position: relative;
     overflow: hidden;
     background: #fff;

/* O el fondo que quieras */

}

/* Numeros, imagenes principales, texto */
.numero, #imagen-principal, #imagen-central, #texto-final{
    position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     text-align: center;

     }

/* Numeros grandes */
.numero{
    font-size: 10vw;
     font-weight: bold;
     color: #000;

     }

/* Imágenes laterales */
.imagen-izquierda, .imagen-derecha{
    position: absolute;
     width: 350px;
     opacity: 0;
     z-index: 2;

     }
.imagen-izquierda{
    left: -200px;

     }
.imagen-derecha{
    right: -200px;

     }
.imagen-izquierda_top{
    top: 20%;
     transform: translateY(-20%);

     }
.imagen-izquierda_center{
    top: 50%;
     transform: translateY(-50%);

     }
.imagen-izquierda_bottom{
    top: 80%;
     transform: translateY(-80%);

     }
.imagen-derecha_top{
    top: 20%;
     transform: translateY(-20%);

     }
.imagen-derecha_bottom{
    top: 80%;
     transform: translateY(-80%);

     }
#imagen-central{
    position: absolute;
     top: 50%;
     left: 50%;
     width: 350px;

/* Igual que laterales */
transform: translate(-50%, -50%);
     opacity: 0;
     z-index: 1;

/* Fondo */
filter: blur(10px);
     transition: all 0.3s ease;

     }
#texto-final{
    position: relative;
     z-index: 3;

/* Por encima de imagen-central */
font-size: 2rem;
     font-weight: 700;

     }
#upone-slide{
    will-change: transform;

     }
.item-izquierda{
    opacity: 0.4;
     transition: opacity 0.3s ease;

     }
.item-izquierda.activo{
    opacity: 1;

     }
.item-derecha{
    opacity: 0;
     transform: translateY(1000px);
     transition: opacity 0.3s ease, transform 0.3s ease;

     }
.item-derecha.activo{
    opacity: 1;
     transform: translateY(0);
     transition: opacity 0.3s ease, transform 0.3s ease;

     }
.item-izquierda.activo .tabs-upone_content::after{
    content: '';
     display: block;
     width: 100%;
     height: 100%;
     background-color: #ffffff54 !important;
     border: 2px solid #fff;
     border-radius: 10px;
     position: absolute;
     top: 0;
     left: 0;
     z-index: 0 !important;
     transition: 500ms;

     }
.item-izquierda.activo .tabs-upone_content::before{
    content: '';
     display: block;
     width: 7px;
     height: calc(100% - 40px)!important;
     background-image: linear-gradient(to bottom, #f8b133, #fe6651);
     position: absolute;
     top: 20px;
     left: -8px;
     z-index: 0 !important;
     transition: 500ms;

     }

/* UP ONE */

/*COMPROMISO*/
#memoria .elementor-background-video-container{
    width:1200px !important;

     }
#memoria .elementor-background-video-hosted{
    height: 100% !important;
     -o-object-fit: contain !important;
     object-fit: contain !important;
     left: 0 !important;
     transform: translate(-20px , -50%) !important;

     }
@media (max-width: 1024px){
    #memoria .elementor-background-video-container{
    position: relative;

     }
#memoria .elementor-background-video-hosted{
    position: relative;
     height: 100% !important;
     -o-object-fit: contain !important;
     object-fit: contain !important;
     top:0;
     left: 0;
     transform: translate(0 , 0);

     }

}
#areas .e-n-tabs-heading{
    z-index: 1;

     }
#menu-compromiso a{
    text-decoration: none;

     }
.menu-compromiso_activo, #menu-compromiso a:hover{
    text-decoration: none;
     background-image: linear-gradient(to right, #f8b133 0%, #fe6651);
     -webkit-background-clip: text;
     color: transparent !important;

     }
.textos .texto{
    display: none;

     }
.textos .visible{
    display: flex;

     }
.float{
    cursor: pointer;
     transition: 0.3s !important;

     }
.float:hover{
    top: -35px;
     transition: 0.3s !important;

     }
.tooltip, .tooltip2, .tooltip3{
    visibility: hidden;
     position: absolute;
     top: 135px !important;
     left: 0%;
     width: 510px;
     opacity: 0;
     transition: opacity 0.3s;

     }
.tooltip{

}
.tooltip2{
    left: -204px;
    
    }
.tooltip3{
    left: -406px;
    
    }
.caja:hover img, .caja2:hover img, .caja3:hover img{
    transform: scale(1.25);

     }
.caja:hover .tooltip, .caja2:hover .tooltip2, .caja3:hover .tooltip3{
    visibility: visible;
     opacity: 1;

     }
.caja:hover img, .caja2:hover img, .caja3:hover img{
    transition: 0.3s;
     cursor: pointer;

     }
.caja:hover, .caja2:hover, .caja3:hover{
    visibility: visible;
     opacity: 1;
     z-index: 999;

     }
.icon-tooltip{
    transition: 300ms;

     }
.caja:hover .icon-tooltip, .caja2:hover .icon-tooltip, .caja3:hover .icon-tooltip{
    opacity: 0;
     transition: 300ms;

     }
#compromiso-tabs .compromiso_tab{
    width: 150px;

     }
 
#areas .e-n-tab-title:hover{
    background-color: transparent !important;

     }
#areas .e-n-tab-title-text{
    padding: 20px 50px;
     margin: 0 -10px;
     background-color: #FFFFFFE6 !important;
     border-radius: 10px !important;

     }
#areas .e-n-tab-title{
    border: none;
     background: transparent;
     position: relative;

     }

/* Pseudo-elemento oculto por defecto */
#areas .e-n-tab-title::after{
    content: "";
     position: absolute;
     left: 0;
     bottom: -6px;
     height: 6px;
     width: 100%;
     background-image: linear-gradient(to right, #fe6651 , #f8b133);
     opacity: 0;
     transition: opacity 0.3s ease;

     }
#areas .e-n-tab-title[aria-selected="true"]::after, #areas .e-n-tab-title:hover::after{
    opacity: 1;

     }
@media (max-width: 767px){
    #areas .e-n-tabs-heading{
    display: flex !important;

     }
#areas .e-n-tab-title-text{
    padding: 15px 20px;
     margin: 0 -10px;

     }
#areas .e-n-tabs-heading .e-n-tab-title{
    margin-top: 0px !important;
     margin-left: 5px !important;
     margin-right: 5px !important;
     height: 64px !important;

     }

}

/*COMPROMISO*/

/* EVENTOS */
.elementor-flip-box a{
    text-decoration: none;
     
     }
.grid-eventos .elementor-button-link, .elementor-flip-box__button{
    background-image: linear-gradient(180deg, #ffffff00 85%, #ffffff00 85%) !important;
     
     }

/* EVENTOS */

/*FIN ESTILOS 2025*/
Minified CSS Source map Restructure Beautify #menu-principal .menu-item a:hover,#menu-principal .menu-item.current-menu-item a{
    background-color: #f7f7f7 
}
#menu-principal .menu-item a:hover:after,#menu-principal .menu-item.current-menu-item a:after{
    display: block;
     bottom: 0;
     height: 6px;
     opacity: 1 
     }
.border-gradient,.btn-border-gradient a .elementor-button-text{
    position: relative;
     padding-bottom: 5px 
     }
#areas .e-n-tab-title::after,#menu-principal .menu-item a:hover:after,#menu-principal .menu-item.current-menu-item a:after,.border-gradient:after,.btn-border-gradient a .elementor-button-text:after{
    content: "";
     position: absolute;
     left: 0;
     width: 100%;
      background-image: linear-gradient(to right, #f8b133 , #fe6651);
     transition: opacity .3s ease 
     }
.border-gradient:after,.btn-border-gradient a .elementor-button-text:after{
    display: block;
     bottom: 0;
     height: 2px;
     opacity: 1 
     }
.box-gradient{
    background-image: linear-gradient(to right,#f8b133,#fe6651);
     transition: opacity .3s ease;
     opacity: 1 
     }
.box-gradient:after{
    content: "";
     display: block;
     width: calc(100% - 4px);
     height: calc(100% - 4px);
     position: absolute;
     top: 2px;
     left: 2px;
     background: #fff;
     border-radius: 20px;
     z-index: 0 
     }
.box-soluciones{
    transition: ease 2s;
     cursor: pointer 
     }
a.box-soluciones{
    text-decoration: none!important 
}
.box-soluciones_content{
    display: none;
     transition: display 2s ease 
     }
.box-soluciones:hover,.box-soluciones:hover .box-soluciones_content,.box-soluciones_icon{
    display: flex;
     transition: display 2s ease 
     }
.box-soluciones:hover .box-soluciones_icon{
    display: none;
     transition: display 2s ease 
     }
.bg-blur{
    border-radius: 10px;
     backdrop-filter: blur(4px) 
     }
.btn-arrow a{
    position: relative 
}
.btn-arrow a:before,form .elementor-button:before{
    content: "";
     display: block;
     width: 34px;
     height: 34px;
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     right: 5px;
     background-image: url(https://www.up-spain.com/wp-content/uploads/2025/04/btn-arrow.svg);
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center center;
     transition: 400ms 
     }
form .elementor-button:before{
    width: 35px;
     height: 35px;
     right: 10px 
     }
.text-gradient_bg{
    background-image: linear-gradient(to right,#f8b133,#fe6651) 
}
.text-gradient{
    background-image: linear-gradient(to right,#f8b133 0,#fe6651);
     -webkit-background-clip: text;
     color: transparent!important 
     }
.second-section .box-servicios.box-servicios_active:hover~.second-section{
    background-image: url(https://www.up-spain.com/wp-content/uploads/2025/03/descubre-up-one.png)!important 
}
.section{
    position: fixed;
     top: 0;
     left: 0;
     transition: transform .8s ease-out,opacity .8s ease-out;
     z-index: 10 
     }
.hidden{
    border-radius: 50px!important;
     height: 150px!important;
     opacity: 0;
     transform: translate(0,-200px);
     pointer-events: none 
     }
.second-section,.small{
    background-size: cover!important;
     background-position: top center!important;
     background-repeat: no-repeat!important;
     transition: 500ms ease!important 
     }
.second-section{
    position: relative;
     height: 70vh!important 
     }
.small{
    height: 600px!important 
}
.titulo{
    align-content: center 
}
.box-servicios{
    cursor: pointer;
     transition: 300ms 
     }
.box-servicios.box-servicios_active .box-content_white{
    transform: scaleY(1.2) 
}
.box-servicios.box-servicios_active .no-scale{
    transform: scaleY(.84);
     height: 200px 
     }
.box-servicios.box-servicios_active .box-servicios_hidden{
    display: block;
     opacity: 1;
     transition: 300ms 
     }
.box-servicios.box-servicios_active .box-servicios_active{
    opacity: 0;
     transition: 300ms 
     }
.box-servicios_title{
    transition: 100ms 
}
.box-servicios.box-servicios_active .box-servicios_title{
    background-image: linear-gradient(to right,#f8b133,#fe6651);
     transition: 300ms 
     }
.box-servicios.box-servicios_active~.box-servicios_img,.box-servicios_active{
    opacity: 1;
     transition: 300ms 
     }
.box-servicios_hidden,.box-servicios_img{
    opacity: 0;
     transition: 300ms 
     }
.second-title{
    visibility: hidden;
     transition: visibility .3s ease-out;
     align-self: middle!important 
     }
.content-box{
    opacity: 0;
     transform: translateY(500px);
     transition: opacity .8s ease-out,transform .8s ease-out 
     }
.small .second-title{
    visibility: visible 
}
.small .content-box{
    opacity: 1;
     transform: translateY(0) 
     }
.video-scroll{
    position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100vh;
     transition: transform 2500ms ease 
     }
.imagen-scroll{
    width: 100%;
     transform: scale(.7);
     transition: transform 2000ms ease 
     }
.video-scroll .elementor-video{
    position: absolute;
     top: 32px;
     left: calc(50% - -5px);
     transform: translateX(-50%) scale(.7);
     width: 480px!important;
     height: 305px!important;
     object-fit: cover;
     transition: top 2000ms ease,transform 2000ms ease,width 2000ms ease,height 2000ms ease 
     }
.swiper-pagination-bullet{
    opacity: 1!important 
}
.swiper-pagination-bullet.swiper-pagination-bullet-active,.swiper-pagination-bullet.swiper-pagination-bullet-active:hover,.swiper-pagination-bullet:hover{
    border-style: solid!important;
     border-width: 1px!important;
     background: linear-gradient(to bottom,#f8b133 0,#fe6651)!important 
     }

.seccion-animada{
    height: 100vh;
     display: flex;
     align-items: center;
     justify-content: center;
     position: relative;
     overflow: hidden;
     background: #fff 
     }
#imagen-principal,.numero{
    position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%,-50%);
     text-align: center 
     }
#imagen-central,#texto-final{
    text-align: center 
}
#texto-final{
    top: 50%;
     left: 50%;
     transform: translate(-50%,-50%) 
     }
.numero{
    font-size: 10vw;
     font-weight: 700;
     color: #000 
     }
#imagen-central,.imagen-derecha,.imagen-izquierda{
    position: absolute;
     width: 350px;
     opacity: 0;
     z-index: 2 
     }
.imagen-izquierda{
    left: -200px 
}
.imagen-derecha{
    right: -200px 
}
.imagen-izquierda_top{
    top: 20%;
     transform: translateY(-20%) 
     }
.imagen-izquierda_center{
    top: 50%;
     transform: translateY(-50%) 
     }
.imagen-izquierda_bottom{
    top: 80%;
     transform: translateY(-80%) 
     }
.imagen-derecha_top{
    top: 20%;
     transform: translateY(-20%) 
     }
.imagen-derecha_bottom{
    top: 80%;
     transform: translateY(-80%) 
     }
#imagen-central{
    top: 50%;
     left: 50%;
     transform: translate(-50%,-50%);
     z-index: 1;
     filter: blur(10px);
     transition: all .3s ease 
     }
#texto-final{
    position: relative;
     z-index: 3;
     font-size: 2rem;
     font-weight: 700 
     }
#upone-slide{
    will-change: transform 
}
.item-izquierda{
    opacity: .4;
     transition: opacity .3s ease 
     }
#areas .e-n-tab-title:hover::after,#areas .e-n-tab-title[aria-selected=true]::after,.item-izquierda.activo{
    opacity: 1 
}
.item-derecha,.item-derecha.activo{
    opacity: 0;
     transform: translateY(1000px);
     transition: opacity .3s ease,transform .3s ease 
     }
.item-derecha.activo{
    opacity: 1;
     transform: translateY(0) 
     }
 
#memoria .elementor-background-video-container{
    width: 1200px!important 
}
#memoria .elementor-background-video-hosted{
    height: 100%!important;
     -o-object-fit: contain!important;
     object-fit: contain!important;
     left: 0!important;
     transform: translate(-20px,-50%)!important 
     }
@media (max-width:1024px){
    #memoria .elementor-background-video-container{
    position: relative 
}
#memoria .elementor-background-video-hosted{
    position: relative;
     height: 100%!important;
     -o-object-fit: contain!important;
     object-fit: contain!important;
     top: 0;
     left: 0;
     transform: translate(0,0) 
     }

}
#areas .e-n-tabs-heading{
    z-index: 1 
}
#menu-compromiso a,.elementor-flip-box a{
    text-decoration: none 
}
#menu-compromiso a:hover,.menu-compromiso_activo{
    text-decoration: none;
     background-image: linear-gradient(to right,#f8b133 0,#fe6651);
     -webkit-background-clip: text;
     color: transparent!important 
     }
.textos .texto{
    display: none 
}
.textos .visible{
    display: flex 
}
.float,.float:hover{
    transition: .3s!important 
}
.float{
    cursor: pointer 
}
.float:hover{
    top: -35px 
}
.tooltip{
    left: 0 
}
.tooltip,.tooltip2,.tooltip3{
    visibility: hidden;
     position: absolute;
     top: 135px!important;
     width: 510px;
     opacity: 0;
     transition: opacity .3s 
     }
.tooltip2{
    left: -204px 
}
.tooltip3{
    left: -406px 
}
.caja2:hover img,.caja3:hover img,.caja:hover img{
    transform: scale(1.25);
     transition: .3s;
     cursor: pointer 
     }
.caja2:hover .tooltip2,.caja3:hover .tooltip3,.caja:hover .tooltip{
    visibility: visible;
     opacity: 1 
     }
.caja2:hover,.caja3:hover,.caja:hover{
    visibility: visible;
     opacity: 1;
     z-index: 999 
     }
.icon-tooltip{
    transition: 300ms 
}
.caja2:hover .icon-tooltip,.caja3:hover .icon-tooltip,.caja:hover .icon-tooltip{
    opacity: 0;
     transition: 300ms 
     }
#compromiso-tabs .compromiso_tab{
    width: 150px 
}
@media (max-width:767px){

    #compromiso-tabs .e-n-tabs-heading{
        display: flex!important 
    }
    #compromiso-tabs .compromiso_tab{
        width: 80px 
    }
    #compromiso-tabs .e-n-tab-title{
        height: 80px;
     margin: 5px 0!important 
     }

}
#areas .e-n-tab-title:hover{
    background-color: transparent!important 
}
#areas .e-n-tab-title-text{
    padding: 20px 50px;
     margin: 0-10px;
     background-color: #ffffffe6!important;
     border-radius: 10px!important 
     }
#areas .e-n-tab-title{
    border: 0;
     background: 0 0;
     position: relative 
     }
#areas .e-n-tab-title::after{
    bottom: -6px;
     height: 6px;
     opacity: 0;
     }
@media (max-width:767px){
    #areas .e-n-tabs-heading{
    display: flex!important 
}
#areas .e-n-tab-title-text{
    padding: 15px 20px;
     margin: 0-10px 
     }
     #areas .e-n-tab-title::after{
        bottom: 0px;

}

}
.elementor-flip-box__button,.grid-eventos .elementor-button-link{
    background-image: linear-gradient(180deg,#ffffff00 85%,#ffffff00 85%)!important 
}




/* FOUNDATION UP */

#areas-tabs .e-n-tabs-heading{
    z-index: 5;
}

#alimentacion,
#alojamiento,
#educacion,
#salud{ 
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 80px;
}

#alimentacion{ 
    background-image: url('https://www.up-spain.com/wp-content/uploads/2025/06/alimentacion-2.png');
}

#alojamiento{ 
    background-image: url('https://www.up-spain.com/wp-content/uploads/2025/06/alojamiento-1.png');
}

#educacion{ 
    background-image: url('https://www.up-spain.com/wp-content/uploads/2025/06/educacion-1.png');
}

#salud{ 
    background-image: url('https://www.up-spain.com/wp-content/uploads/2025/06/salud-2.png');
}

/*

#alojamiento:hover,
#alojamiento.e-n-tab-title[aria-selected="true"]{
    background-image: url('https://www.up-spain.com/wp-content/uploads/2025/06/alojamiento_hover.jpg');
}
#alimentacion:hover,
#alimentacion.e-n-tab-title[aria-selected="true"]{
    background-image: url('https://www.up-spain.com/wp-content/uploads/2025/06/alimentacion_hover.jpg');
}
#educacion:hover,
#educacion.e-n-tab-title[aria-selected="true"]{
    background-image: url('https://www.up-spain.com/wp-content/uploads/2025/06/educacion_hover.jpg');
}
#salud:hover,
#salud.e-n-tab-title[aria-selected="true"]{
    background-image: url('https://www.up-spain.com/wp-content/uploads/2025/06/salud_hover.jpg');
}

*/
 
@media (max-width: 767px) {
    #areas-tabs .e-n-tabs-heading{
        display:flex;
        z-index: 5;
    }
    #alimentacion,
    #alojamiento,
    #educacion,
    #salud{ 
        width: 60px !important;
        height: 60px !important;
        background-size: 50px !important;
    }
    #alimentacion div,
    #alojamiento div,
    #educacion div,
    #salud div{ 
        width: 60px !important;
        height: 60px !important; 
    }
}


/* FOUNDATION UP *//* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Gotham';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('/wp-content/uploads/2024/05/Gotham-Book.ttf') format('truetype');
}
@font-face {
	font-family: 'Gotham';
	font-style: italic;
	font-weight: normal;
	font-display: auto;
	src: url('/wp-content/uploads/2024/05/Gotham-Book-Italic.ttf') format('truetype');
}
@font-face {
	font-family: 'Gotham';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('/wp-content/uploads/2024/05/Gotham-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Gotham';
	font-style: italic;
	font-weight: 700;
	font-display: auto;
	src: url('/wp-content/uploads/2024/05/Gotham-Bold-Italic.ttf') format('truetype');
}
@font-face {
	font-family: 'Gotham';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('/wp-content/uploads/2024/05/gotham-black-webfont.eot');
	src: url('/wp-content/uploads/2024/05/gotham-black-webfont.eot?#iefix') format('embedded-opentype'),
		url('/wp-content/uploads/2024/05/gotham-black-webfont.woff2') format('woff2'),
		url('/wp-content/uploads/2024/05/gotham-black-webfont.woff') format('woff'),
		url('/wp-content/uploads/2024/05/gotham-black-webfont.ttf') format('truetype');
}
/* End Custom Fonts CSS */