.elementor-kit-6{--e-global-color-primary:#FFFFFF;--e-global-color-secondary:#F5F5F5;--e-global-color-text:#222222;--e-global-color-accent:#00A9A5;--e-global-color-368f58b:#202020;--e-global-color-d896774:#757575;--e-global-color-0911b31:#080808;--e-global-color-605d7b5:#E4E4E4;--e-global-typography-primary-font-family:"Cabin";--e-global-typography-primary-line-height:1.2em;--e-global-typography-primary-letter-spacing:0px;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-line-height:1.2em;--e-global-typography-text-font-family:"Cabin";--e-global-typography-text-line-height:1.2em;--e-global-typography-text-letter-spacing:0px;color:var( --e-global-color-text );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;line-height:var( --e-global-typography-secondary-line-height );--e-page-transition-entrance-animation:e-page-transition-fade-out;--e-page-transition-exit-animation:e-page-transition-fade-in;--e-page-transition-animation-duration:700ms;--e-preloader-animation-duration:2400ms;--e-preloader-delay:0ms;--e-preloader-color:var( --e-global-color-accent );--e-preloader-size:64px;}.elementor-kit-6 e-page-transition{background-color:var( --e-global-color-primary );}.elementor-kit-6 a{color:var( --e-global-color-accent );}.elementor-kit-6 a:hover{color:var( --e-global-color-secondary );}.elementor-kit-6 h1{color:var( --e-global-color-text );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-6 h2{color:var( --e-global-color-text );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-6 h3{color:var( --e-global-color-text );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-6 h4{color:var( --e-global-color-text );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-6 h5{color:var( --e-global-color-text );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-6 h6{color:var( --e-global-color-text );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;line-height:var( --e-global-typography-secondary-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer{padding-inline-end:0px;padding-inline-start:0px;}@media(max-width:1024px){.elementor-kit-6{line-height:var( --e-global-typography-secondary-line-height );--e-preloader-size:48px;}.elementor-kit-6 h1{line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-6 h2{line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-6 h3{line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-6 h4{line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-6 h5{line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-6 h6{line-height:var( --e-global-typography-secondary-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{line-height:var( --e-global-typography-secondary-line-height );--e-page-transition-entrance-animation:e-page-transition-fade-out;--e-page-transition-exit-animation:e-page-transition-fade-in;--e-preloader-size:48px;}.elementor-kit-6 h1{line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-6 h2{line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-6 h3{line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-6 h4{line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-6 h5{line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-6 h6{line-height:var( --e-global-typography-secondary-line-height );}}/* Start custom CSS *//*== COOKIES ==*/

.page-content a {
    text-decoration: none;
}

#privacidad-cookies {
    font-family: 'Cabin', sans-serif;
    font-size: 16px;
    letter-spacing: .2px;
}

#privacidad-cookies h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: .2px;
    margin-top: 40px;
}

#privacidad-cookies h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: .2px;
    margin-top: 40px;
}

#cookies-eu-banner {
    width: auto;
    bottom: 24px;
    right: 24px;
    padding: 16px 16px 16px 24px;
    font-size: 14px;
    letter-spacing: .5px;
    font-family: 'Cabin', sans-serif;
}

#cookies-eu-banner a {
    color: var(--e-global-color-primary);
    text-decoration: underline;
}

#cookies-eu-banner a:hover {
    color: var(--e-global-color-accent);
    text-decoration: underline;
}


 #cookies-eu-banner #cookies-eu-more  {
     display: none;

}

#cookies-eu-banner #cookies-eu-accept  {
    padding: 0;
    margin: 0;
    font-family: 'Cabin', sans-serif;
    font-weight: bold;
    text-transform: none;
    background: var(--e-global-color-accent);
    color: var(--e-global-color-primary);
    text-transform: uppercase;
    padding: 8px 16px;
    margin-left: 24px;
    border: none;
    border-radius: 0;
    transition: .3s;
}

#cookies-eu-banner #cookies-eu-accept:hover  {
    background: var(--e-global-color-primary);
    color: var(--e-global-color-accent);
    transition: .3s;
}

#cookies-eu-banner #cookies-eu-reject {
    display: none;
}

@media (max-width: 768px) {
    #cookies-eu-banner {
    bottom: 0;
    right: 0;
    left: 0;
    font-size: 15px;
    flex-direction: row;
    padding: 16px;
}
}



/*== MAIN NAV ==*/

#main-nav_v2 {
   mix-blend-mode: difference;
   position: absolute;
   transition: .3s all ease-in-out;
}

#main-nav_v2 * {
   transition: .3s all ease-in-out;
}


.elementor-sticky--effects#main-nav_v2 {
    padding: 2vw 2vw 0 2vw!important;
    transition: .3s all ease-in-out;
}

#main-nav_v2 .btn_nav a {
    
    margin: 0 0 0 32px;
    padding: 8px;
    z-index: 1;
    
}

#main-nav_v2 .btn_nav a::after {
    content: "";
    position: absolute;
    bottom: calc(50% - 1px);
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: var(--e-global-color-primary);
    transition: all .3s;
    opacity: 0;
    z-index: -1;
}

#main-nav_v2 .btn_nav a:hover::after {
    transform: rotate(13deg);
    transition: all .3s;
    opacity: 1;
}

#main-nav_v2 .btn_nav .elementor-item-active::after {
    transform: rotate(13deg);
    transition: all .3s;
    opacity: 1;
}

#main-nav_v2 .idioma a {

    padding: 0 0 0 32px;
    border-left: 1px solid rgba(255, 255, 255,.16);
}

#main-nav_v2 .idioma a::after {
    width: calc(100% - 16px);
    left: 24px;
}

#main-nav_v2_mobilev2 {
   mix-blend-mode: difference;
   position: absolute;
   transition: .3s all ease-in-out;
}

#main-nav_v2_mobilev2.elementor-sticky--effects {
   transition: .3s all ease-in-out;
}

/*== LAB ==*/

.img-bg_dark-primary svg {
    fill: var(--e-global-color-0911b31);
}

.img-bg_dark-secondary svg {
    fill: var(--e-global-color-368f58b);
}


@media (min-width:1025px) {
.lab-nuevo .elementor-container {
    flex-direction: column;
}


.lab-nuevo .elementor-container .columna {
    width: 100%!important;
}
}

@media (max-width:1024px) {
    .lab-nuevo .lab-desc_textos * {
    color: var(--e-global-color-primary)!important;
}

.lab-nuevo .lab-desc div {
    background: none!important;
}
}

/*== HEADER ==*/

/*"Footer" del header*/
#header_foot {
    position: absolute;
    bottom: 0;
}

/*Botones Texto Header*/
.btn_texto-header {
    display: inline-block;
    transform: scale(1);
}

.btn_texto-header::after {
    content: "";
    position: absolute;
    width: 100%;
    display: block;
    height:6px;
    margin-top: -5px;
    background: var(--e-global-color-accent);
    pointer-events: none;
    transition: all .3s;
}

.btn_texto-header {
    color: var(--e-global-color-accent);
}


.btn_texto-header:hover {
    color: var(--e-global-color-text);
}

.btn_texto-header:hover::after {
    background: var(--e-global-color-text);
    transition: all .3s;
    transform: rotate(13deg);
    margin-top: -28px;
}

@media(max-width: 767px) {
    .btn_texto-header::after {
    height:3px;
    margin-top: -8px;
}
.btn_texto-header:hover::after {
    margin-top: -20px;
}
}

@media(max-width: 359px){
.title-big h1, .title-big h2 {
    font-size: 26px!important;
}
}


/*== EFECTOS ==*/

@media(max-width: 1023px) {
    
    elementor-animation-grow-rotate
    
.elementor-animation-rotate:active, .elementor-animation-rotate:focus, .elementor-animation-rotate:hover, .elementor-animation-grow-rotate:active, .elementor-animation-grow-rotate:focus, .elementor-animation-grow-rotate:hover {
        transform: none!important;
    }
    
   /* #portfolio_section .elementor-motion-effects-element {
        transform: none!important;
    }
    
    #portfolio_section .elementor-widget-image img  {
        
        
    }*/
}

/*== COMUNES ==*/

html {
    scroll-behavior: smooth;
    overflow-x: hidden;
    transition: all .3s ease-in-out;
}


html a {
    transition: .3s;
}

/*== BOTONES ==*/

/*Botones Main Header*/
.btn_main-three * {
    transition: .3s;
}

.btn_main-three::before {
    content:"";
    font-size: 1.5em;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 3px;
    background: var(--e-global-color-accent);
    z-index: -1;
    transition: .3s;
}

/*.btn_main-three::after {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: var(--e-global-color-primary);
    opacity: 0;
    z-index: -1;
    transition: .3s;
}*/

.btn_main-three i {
    color: var(--e-global-color-text);
    ;
}

.btn_main-three:hover i {
    color: var(--e-global-color-accent);
    transform: rotate(13deg) translateY(4px);
}

.btn_main-three:hover::before {
    transform: skewY(13deg)
    translateY(-12px)
        scale(1);
        height: 3px;
    transition: .3s;
    z-index: 2;
    pointer-events: none;
    background: var(--e-global-color-text);
}

/*.btn_main-three:hover::after {
    transform: scaleX(1.2) scaleY(1.5);
    pointer-events none;
    opacity: 1;
    z-index: -1;
    transition: .3s;
}*/

/*Botón Lab*/

.btn_main-three-dark * {
    transition: .3s;
}

.btn_main-three-dark::before {
    content:"";
    font-size: 1.5em;
    position: absolute;
    bottom: -4px;
    width: 100%;
    height: 3px;
    background: var(--e-global-color-accent);
    z-index: 2;
    transition: .3s;
}

/*.btn_main-three-dark::after {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: var(--e-global-color-primary);
    opacity: 0;
    z-index: -1;
    transition: .3s;
}*/

.btn_main-three-dark i {
    color: var(--e-global-color-primary);

}

.btn_main-three-dark:hover i {
    color: var(--e-global-color-accent);
    transform: rotate(13deg) translateY(4px);
}

.btn_main-three-dark:hover::before {
    transform: skewY(13deg) translateY(-12px)
        scale(1);
        height: 3px;
    transition: .3s;
    z-index: 2;
    pointer-events: none;
    background: var(--e-global-color-primary);
}

/*.btn_main-three-dark:hover::after {
    transform: scaleX(1.2) scaleY(1.5);
    pointer-events none;
    opacity: 0;
    z-index: -1;
    transition: .3s;
}*/


/*Botón 404*/

.btn_404 {
    display: inline-block;
    transform: scale(1);
}

.btn_404 * {
    transition: .3s;
}

.btn_404::before {
    content:"";
    font-size: 1.5em;
    position: absolute;
    bottom: 0;
    width: 100%;
    display: block;
    height: 3px;
    background: var(--e-global-color-accent);
    z-index: -1;
    transition: .3s;
}

.btn_404:hover::before {
    transform: skewY(13deg)
    translateY(-10px)
        scale(1);
        height: 3px;
    transition: .3s;
    z-index: 2;
    pointer-events: none;
    background: var(--e-global-color-text);
}

/*== PORTFOLIO ==*/


/*Sección portfolio*/
@media(max-width: 767px) {
    #portfolio_section {
        background-color: var(--e-global-color-secondary);
    }
    
    #portfolio_section .portfolio_desc {
        background-color: var(--e-global-color-primary);
    }
}

@media(max-width: 768px) {
    .portfolio_img img {
        box-shadow: none!important;
    }
}

/*Skill List*/

/*#portfolio .skill-list li {
    background: rgba(0, 0, 0, .06);
    padding: 4px 12px 4px 10px!important;
    margin-top: 2px;
}

#portfolio .skill-list li i {
    margin-right: -2px;
    
}*/

.skill-list li {
    background: rgba(0, 0, 0, .06);
    padding: 4px 8px!important;
    margin-top: 2px!important;
}

.skill-list li i {
    margin-right: -2px;
    color: var(--e-global-color-accent);
}

@media(max-width: 767px) {
    #portfolio .skill-list li {
    padding: 2px 8px 2px 6px!important;

}

.skill-list i {
        
       display: none;
    }
    
    .skill-list ul li {
        background: none;
        padding: 0!important;
        margin: 0 0 8px -4px!important;
        
    }
    
    .skill-list ul li::after {
        content: "";
        border-left: 1px solid rgba(0,0,0,.16);
        margin-left: 8px;
        margin-right: 8px;
        display: block;
        height: 14px!important;
        
    }
    
    .skill-list ul li:last-child::after {
        display: none;
        
    }
    
    .skill-list ul li:last-child {
        border-right: none;
    }

}

/*@media(max-width: 768px) {
    
    .skill-list ul {
        
        margin-left: -8px!important;
    }
    
    .skill-list ul li {
        background: none;
        padding: 2px 8px!important;
        margin: 0px!important;
    }
    
    .skill-list ul li:last-child {
        border-right: none;
    }
}*/
    


/*== SOBRE MÍ ==*/

/*Links texto Sobre mí*/
.btn_sobre-mi {
    display: inline-block;
    transform: scale(1);
}

.btn_sobre-mi::after {
    content: "";
    position: absolute;
    width: 100%;
    display: block;
    height:6px;
    margin-top: -5px;
    background: var(--e-global-color-accent);
    pointer-events: none;
    transition: all .3s;
}

#sobre-mi_texto .btn_sobre-mi {
    color: var(--e-global-color-accent);
}


#sobre-mi_texto .btn_sobre-mi:hover {
    color: var(--e-global-color-primary);
}

.btn_sobre-mi:hover::after {
    background: var(--e-global-color-primary);
    transition: all .3s;
    transform: rotate(13deg);
    margin-top: -28px;
}

@media (max-width: 1024px) {
    
    .btn_sobre-mi::after {
    height:4px;
    margin-top: -4px;
}

.btn_sobre-mi:hover::after {
    margin-top: -22px;
}
}

@media (max-width: 768px) {
    
    .btn_sobre-mi::after {
    height:3px;
    margin-top: -3px;
}

.btn_sobre-mi:hover::after {
    margin-top: -18px;
}
}


/*== OLD CSS ==*/



/*Links Headings*/

#portfolio_h1 .links_heading {
    color: var(--accent);
    text-decoration: underline;
}

#portfolio_h1 .links_heading:hover {
    color: var(--secondary);
}

/*Links Subheadings*/

.subheading a {
    font-weight: 700;
    display: inline-block;
    border-bottom: 2px solid;
    line-height: 1;
}

/*== MAIN NAV ==*/




/* Language Switcher */


.trp-language-switcher div  {
    background: none;
    border: none;
    padding-left: 24px;
    margin-left: -24px;
}

.trp-language-switcher div a {
    font-family: 'Raleway', sans-serif;
    
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: 600;
    color: var(--e-global-color-secondary);
}

.trp-language-switcher div a:hover {
    transition: .3s;
    background: none;
    filter: var(--e-global-color-accent);
}

/*== MASTHEAD ==*/

#masthead {
    overflow: hidden;
}

#masthead_3d {
    position: absolute;
    top: 0;
    left: 10%;
    bottom: 0;
    width: 100vw;
}

#masthead_3d iframe {
    width: 100vw;
    height: 122vh;
}


/*== PORTFOLIO ==*//* End custom CSS */