/*
 Theme Name:   OTEC Theme
 Theme URI:    https://liftingroup.com/
 Description:  Tema personalizado para el proyecto de OTEC
 Author:       Lifting Group
 Template:     naked-wordpress-master
 Version:      1.0.0.2
*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
:root{
    /* FUENTES */
    --font-default: "Roboto", sans-serif;

    /* COLORES */
    --color-1: #00519d;
    --color-2: #454c56;
    --color-3: #caced1;
    --color-4: #181a18;
    --color-5: #FFF;

    /* TAMAÑOS FUENTES */
    --font-size-title-big: clamp(5rem, 5.5vw, 6.5rem);     /* 80–104px */
    --font-size-title-1: clamp(4.375rem, 5vw, 6rem);       /* 70–96px */
    --font-size-title-2: clamp(3.125rem, 3.8vw, 4.5rem);   /* 50–72px */
    --font-size-title-3: clamp(1.875rem, 2.8vw, 3.125rem); /* 30–50px */
    --font-size-title-4: clamp(1.5625rem, 2.2vw, 2.5rem);  /* 25–40px */
    --font-size-title-5: clamp(1.375rem, 2vw, 2rem);       /* 22–32px */

    --font-size-text-1: clamp(1.1875rem, 1.8vw, 1.75rem);  /* 19–28px */
    --font-size-text-2: clamp(1rem, 1.5vw, 1.5rem);        /* 16–24px */
    --font-size-text-3: clamp(0.9125rem, 1.2vw, 1.65rem);  /* 13–20px */
    --font-size-text-4: clamp(0.75rem, 1.1vw, 1.125rem);   /* 12–18px */

    /* TAMAÑOS INTERLINEADOS */
    --line-height-title-big: clamp(5rem, 5.5vw, 6.5rem);     /* 80–104px */
    --line-height-title-1: clamp(4.6875rem, 5vw, 6.25rem);   /* 75–100px */
    --line-height-title-2: clamp(3.4375rem, 4vw, 5rem);      /* 55–80px */
    --line-height-title-3: clamp(2.375rem, 3vw, 3.75rem);    /* 38–60px */
    --line-height-title-4: clamp(2.0625rem, 2.5vw, 3.25rem); /* 33–52px */
    --line-height-title-5: clamp(1.75rem, 2.2vw, 2.875rem);  /* 28–46px */

    --line-height-text-1: clamp(1.6875rem, 2vw, 2.375rem);   /* 27–38px */
    --line-height-text-2: clamp(1.4375rem, 1.7vw, 2rem);     /* 23–32px */
    --line-height-text-3: clamp(1.45rem, 1.9vw, 2.5rem);   /* 20–30px */
    --line-height-text-4: clamp(1.3125rem, 1.6vw, 1.875rem); /* 21–30px */

    /* CONTAINER */
    --container: 1300px;
}
*{
    font-family: var(--font-default) !important;
}
.container,
.main-fluid{
    width: 100% !important;
    max-width: var(--container);
    padding: 0px !important;
}
article .the-content p{
    margin-bottom: 0px;
    color: var(--color-2);
    font-size: var(--font-size-text-2);
    line-height: var(--line-height-text-2);
    text-align: left;
}
article,
.wpb_button,
.wpb_content_element,
ul.wpb_thumbnails-fluid > li{
    margin-bottom: 0px !important;
}
.vc_col-has-fill>.vc_column-inner,
.vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner,
.vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner,
.vc_row-has-fill+.vc_vc_row>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner,
.vc_row-has-fill+.vc_vc_row_inner>.vc_row>.vc_vc_column_inner>.vc_column_container>.vc_column-inner,
.vc_row-has-fill>.vc_column_container>.vc_column-inner,
.vc_row-has-fill>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner,
.vc_row-has-fill>.vc_vc_column_inner>.vc_column_container>.vc_column-inner,
.vc_section.vc_section-has-fill, .vc_section.vc_section-has-fill+.vc_row-full-width+.vc_section,
.vc_section.vc_section-has-fill+.vc_section{
    padding-top: 0px !important;
}
p{
    margin-bottom: 0px;
    line-height: var(--line-height-text-1);
}
.spacer{
    float: left;
    width: 100%;
}
.display-none{
    display: none !important;
}
/* COLOR */
.color-1,
.color-1 *,
blue{
    color: var(--color-1) !important;
}
.color-2,
.color-2 *{
    color: var(--color-2) !important;
}
.color-3,
.color-3 *{
    color: var(--color-3) !important;
}
.color-4,
.color-4 *{
    color: var(--color-4) !important;
}
.color-5,
.color-5 *{
    color: var(--color-5) !important;
}
/* FUENTES */
.font-title-big,
.font-title-big *{
    font-size: var(--font-size-title-big) !important;
    line-height: var(--line-height-title-big) !important;
    font-weight: 700;
}
.font-title-1,
.font-title-1 *{
    font-size: var(--font-size-title-1) !important;
    line-height: var(--line-height-title-1) !important;
}
.font-title-2,
.font-title-2 *{
    font-size: var(--font-size-title-2) !important;
    line-height: var(--line-height-title-2) !important;
}
.font-title-3,
.font-title-3 *{
    font-size: var(--font-size-title-3) !important;
    line-height: var(--line-height-title-3) !important;
}
.font-title-4,
.font-title-4 *{
    font-size: var(--font-size-title-4) !important;
    line-height: var(--line-height-title-4) !important;
    font-weight: 300;
}
.font-title-5,
.font-title-5 *{
    font-size: var(--font-size-title-5) !important;
    line-height: var(--line-height-title-5) !important;
}
.font-text-1,
.font-text-1 *{
    font-size: var(--font-size-text-1) !important;
    line-height: var(--line-height-text-1) !important;
}
.font-text-2,
.font-text-2 *{
    font-size: var(--font-size-text-2) !important;
    line-height: var(--line-height-text-2) !important;
}
.font-text-3,
.font-text-3 *{
    font-size: var(--font-size-text-3) !important;
    line-height: var(--line-height-text-3) !important;
}
.font-text-4,
.font-text-4 *{
    font-size: var(--font-size-text-4) !important;
    line-height: var(--line-height-text-4) !important;
}
.line-height-text-3,
.line-height-text-3 *{
    line-height: var(--line-height-text-3) !important;
}
.text-center,
.text-center *{
    text-align: center !important;
}
.text-left,
.text-left *{
    text-align: left !important;
}
.text-right,
.text-right *{
    text-align: right !important;
}
.font-weight-900,
.font-weight-900 *:not(strong){
    font-weight: 900 !important;
}
.font-weight-800,
.font-weight-800 *:not(strong){
    font-weight: 800 !important;
}
.font-weight-700,
.font-weight-700 *:not(strong){
    font-weight: 700 !important;
}
.font-weight-600,
.font-weight-600 *:not(strong){
    font-weight: 600 !important;
}
.font-weight-500,
.font-weight-500 *:not(strong){
    font-weight: 500 !important;
}
.font-weight-400,
.font-weight-400 *:not(strong){
    font-weight: 400 !important;
}
.font-weight-300,
.font-weight-300 *:not(strong){
    font-weight: 300 !important;
}
.font-weight-200,
.font-weight-200 *:not(strong){
    font-weight: 200 !important;
}
.font-weight-100,
.font-weight-100 *:not(strong){
    font-weight: 100 !important;
}
.text-transform-uppercase,
.text-transform-uppercase *{
    text-transform: uppercase !important;
}
a.link-blue-line,
.link-blue-line a{
    color: var(--color-1) !important;
    text-decoration: underline !important;
}
.center-content-height > .vc_column-inner{
    margin-top: auto;
    margin-bottom: auto;
}
.padding-column-img-right{
    padding-right: 15px !important;
}
.contact-form-default form{
    display: grid;
    grid-template-columns: repeat(2, calc(50% - 4rem));
    grid-gap: 0 8rem;
}
.contact-form-default-page{
    padding-left: 8rem !important;
}
.contact-form-default form .span-label{
    color: var(--color-2);
    font-weight: 400 !important;
    font-size: var(--font-size-text-3) !important;
    line-height: var(--line-height-text-3) !important;
}
.contact-form-default form .column-form{
    height: 14rem;
}
.contact-form-default form .column-form.column-form-double{
    height: 28rem;
}
.contact-form-default form input[type=text],
.contact-form-default form input[type=email],
.contact-form-default form input[type=tel],
.contact-form-default form textarea,
.contact-form-default form select{
    border: none !important;
    outline: none !important;
    border-bottom: 1px solid #3D3C3B59 !important;
    border-radius: 0px !important;
    font-weight: 400 !important;
    font-size: var(--font-size-text-3) !important;
    line-height: var(--line-height-text-3) !important;
    padding: 0px !important;
    padding-top: 1rem !important;
    padding-bottom: 0.5rem !important;
    width: 100%;
}
.contact-form-default form textarea{
    height: 16.5rem !important;
    resize: none !important;
}
.contact-form-default form input[type=text]::placeholder,
.contact-form-default form input[type=email]::placeholder,
.contact-form-default form input[type=tel]::placeholder,
.contact-form-default form textarea::placeholder{
    color: rgba(61, 60, 59, 0.76) !important;
}
.column-form-privacidad-button .download-button{
    margin-top: 4rem;
    float: right;
}
.contact-form-default .column-upload-info .wpcf7-file{
    font-size: var(--font-size-text-4);
    line-height: var(--line-height-text-4);
    margin-top: 2rem;
}
.column-form-privacidad-button .wpcf7-list-item{
    padding: 0px !important;
    margin-left: 40px !important;
}
.column-form-privacidad-button .wpcf7-list-item .wpcf7-list-item-label{
    position: relative;
    font-size: var(--font-size-text-4);
    line-height: var(--line-height-text-4);
}
.column-form-privacidad-button .wpcf7-list-item input{
    display: none !important;
}
.column-form-privacidad-button .wpcf7-list-item input + .wpcf7-list-item-label:before{
    content: "";
    box-shadow: 0px 0px 0px 1px var(--color-1);
    width: 23px;
    height: 23px;
    border-radius: 50px;
    display: block;
    position: absolute;
    top: 0px;
    left: -40px;
    transition: 0.5s;
    background: transparent;
}
.column-form-privacidad-button .wpcf7-list-item input:checked + .wpcf7-list-item-label:before{
    background: var(--color-1);
}
.column-form-privacidad-button .wpcf7-list-item input + .wpcf7-list-item-label:after{
    content: "\f00c" !important;
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    transition: 0.5s;
    left: -35px;
    top: 4px;
    color: var(--color-5) !important;
    position: absolute;
    opacity: 0;
    font-size: 15px;
    line-height: 1;
}
.column-form-privacidad-button .wpcf7-list-item input:checked + .wpcf7-list-item-label:after{
    opacity: 1;
}

/* FOOTER */
footer{
    background: #F5F5F5;
    padding-bottom: 0px !important;
}
ul,
li,
ol{
    margin: 0px;
}
.footer-2-1{
    border-top: 1px solid var(--color-2);
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.footer-2-1 .menu{
    list-style: none;
    display: flex;
    justify-content: space-between;
}
.footer-2-1 .menu a{
    font-size: var(--font-size-text-4);
    line-height: var(--line-height-text-4);
    color: var(--color-2);
    font-weight: 500;
}
.footer-row-1 .footer-title{
    font-size: var(--font-size-text-2);
    line-height: var(--line-height-text-2);
    color: var(--color-2);
    font-weight: 500;
    text-align: left;
    margin-bottom: 2rem;
}
.footer-title a{
    color: var(--color-2) !important;
}
.footer-row-1 .menu{
    list-style: none;
    text-align: left;
}
.footer-row-1 .menu li{
    line-height: 1;
}
.footer-row-1 .menu li:not(:first-child){
    margin-top: 0.75rem;
}
.footer-row-1 .menu a,
.footer-1-1 a{
    font-size: var(--font-size-text-2);
    line-height: var(--line-height-text-2);
    color: var(--color-1);
    font-weight: 500;
}
.footer-row-1{
    display: grid;
    grid-template-columns: 3.5fr 3.5fr 5fr 3fr;
    grid-gap: 3rem;
    padding-top: 6rem;
    padding-bottom: 2.5rem;
}
.footer-1-3 .menu{
    column-count: 2;
    column-gap: 4rem;
}
.footer-1-1 *{
    text-align: left;
}
.info-text-footer{
    margin-bottom: 1rem;
}
.rrss-footer{
    text-align: left;
    display: flex;
    gap: 1rem;
}
.rrss-footer i{
    font-family: "Font Awesome 6 Brands" !important;
}
.button-lean-more .fa-solid{
    font-family: "Font Awesome 6 Free" !important;
    margin-left: 1rem;
}
.link-post .fa-solid,
.view-more-link-post .fa-solid{
    font-family: "Font Awesome 6 Free" !important;
    margin-left: 2rem;
}
.fa-solid.font-weight-900,
.fa-solid.font-weight-900:before{
    font-weight: 900 !important;
}
.news-object-section-text .link-post{
    margin-top: 2rem;
}
.rrss-footer a{
    border: 1px solid var(--color-1);
    border-radius: 50px;
    width: 3.2rem;
    height: 3.2rem;
    display: flex;
}
.rrss-footer a i{
    margin: auto;
    font-size: var(--line-height-text-2);
    line-height: 0;
    color: var(--color-1) !important;
}
.footer-column > .footer-widget:not(:first-child){
    margin-top: 3rem;
}
/* INDUSTRIES */
.header-slider > .slick-list{
    padding: 0px !important;
    width: 100vw;
}
.header-slider .header-slide{
    height: 100vh;
    background-size: cover;
    background-position: 50% 50%;
    display: flex;
}
.header-slide .header-container{
    height: max-content;
    margin-top: auto;
    margin-bottom: 10vh;
}
.header-slide .header-container > p{
    max-width: 35%;
}
.header-slide .header-container .header-slide-title{
    margin-bottom: 3vh;
}
.header-slider .slick-dots{
    position: absolute;
    bottom: 10vh;
    display: flex;
    list-style: none;
    right: calc(7.5% - 15px);
    grid-gap: 10px;
}
.header-slider .slick-dots button{
    font-size: 0px;
    width: 1.2rem;
    height: 1.2rem;
    background: var(--color-3);
    box-shadow: none !important;
    transition: 0.5s;
}
.header-slider .slick-dots > li{
    line-height: 0;
}
.header-slider .slick-dots li:hover > button{
    background: var(--color-1);
    opacity: 0.5;
}
.header-slider .slick-dots li.slick-active > button{
    background: var(--color-1);
    opacity: 1;
}
.carousel-productos-background{
    line-height: 0;
    position: relative;
    height: 100vh;
    display: flex;
}
.carousel-productos-background:after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    /*background: var(--color-1);*/
    background: linear-gradient(0deg, rgba(0, 81, 157, 0.66) 0%, rgba(0, 81, 157, 0.66) 100%), linear-gradient(0deg, rgba(0, 81, 157, 0.62) 0%, rgba(0, 81, 157, 0.62) 100%), linear-gradient(0deg, #454C56 0%, #454C56 100%), #454C56;
    background-blend-mode: luminosity, normal, color, color;
    opacity: 0.8;
}
.carousel-productos-background > .carousel-productos-image-background-img{
    width: 100%;
    height: 100%;
    position: absolute;
    background-size: cover;
    transition: 0.5s;
    opacity: 0;
}
.carousel-content-text{
    transition: 0.5s;
    opacity: 0;
    position: absolute;
    width: 85% !important;
    height: calc(100% - 11rem);
    margin-top: auto;
    margin-bottom: auto;
    display: flex;
}
.carousel-the-content-text{
    margin: auto;
}
.carousel-content-text.active{
    /*position: relative;*/
}
.carousel-productos-background > .carousel-productos-image-background-img.active,
.carousel-content-text.active{
    opacity: 1;
}
.carousel-content{
    z-index: 1;
    width: 85%;
    margin-left: auto;
    display: flex;
    padding-bottom: 11rem;
    position: relative;
    max-width: calc(var(--container) / 100 * 42);
}
.carousel-contenedor{
    height: max-content;
    display: grid;
    grid-template-columns: calc(45% - 7.5px) calc(55% - 7.5px);
    grid-gap: 15px;
    margin-top: auto;
    margin-bottom: auto;
    z-index: 1;
}
.carousel-contenedor:after{
    display: none !important;
}
.button-lean-more a{
    font-weight: 400 !important;
}
.carousel-the-content-text .button-lean-more a i{
    color: var(--color-5) !important;
}
p.carousel-text{
    margin-top: 4vh;
    margin-bottom: 4vh !important;
}
.carousel-slide > .effect-plus{
    border-radius: 5px;
    background: #F7F8FA;
    box-shadow: 6px 4px 13px 0px rgba(0, 0, 0, 0.13);
    width: calc(100% - 15px);
    height: calc(100% - 15px);
    margin: auto;
    cursor: pointer;
}
.carousel-slide > .effect-plus.effect-hover{
    top: 0px;
    left: 7.5px;
}
.effect-plus{
    z-index: 1;
    position: relative;
    transform-origin: center center;
    transform: scale(1);
    box-shadow: 2px 4px 16px #00000029;
}
.effect-plus.effect-hover{
    position: absolute;
    z-index: 9999;
    transition: 0.5s;
    transform: scale(1);
    transform-origin: center center;
    opacity: 0;
}
.effect-plus.effect-hover:hover{
    /*transform: scale(1.03);*/
    transform: scale3d(1.01,1.01,1.01);
    opacity: 1;
}
.carousel-industries-img{
    padding-top: 5rem;
}
.carousel-industries-img > img{
    aspect-ratio: 260 / 201;
    object-fit: contain;
}
.carousel-industries-text{
    position: absolute;
    bottom: 20px;
    left: 15px;
    width: calc(100% - 30px);
}
.carousel-industries-text svg{
    position: absolute;
    right: 0px;
}
.carousel-slider > .slick-list{
    padding: 0px !important;
    padding-top: 2rem !important;
    /*overflow: visible !important;*/
    width: 120% !important;
    z-index: 3;
    left: 0rem;
    overflow-y: visible !important;
}
.carousel-slider{
    overflow: hidden !important;
    padding-left: 5rem;
    overflow-y: visible !important;
}
.carousel-slider .slick-dots{
    width: calc(85% - 12rem);
    display: flex;
    justify-content: space-between;
    margin-top: 10vh;
    margin-bottom: calc(1.5rem + 4px);
    position: relative;
    left: 9rem;
}
.carousel-slider .slick-dots > li{
    flex-grow: 1;
    list-style: none;
}
.carousel-slide{
    position: relative;
    display: flex;
    aspect-ratio: 260 / 358;
}
.carousel-slider .slick-dots button{
    width: 100% !important;
    font-size: 0px !important;
    line-height: 0px !important;
    background: var(--color-5) !important;
    border-radius: 0px !important;
    height: 3px;
    top: -1px;
    outline: none !important;
}
.carousel-slider .slick-dots .slick-active ~ li:not(.slick-active) > button{
    height: 1px;
    top: 0px;
}
.carousel-slider .slick-arrow{
    width: 4.5rem;
    height: 4.5rem;
    background: transparent !important;
    border: 1px solid var(--color-5);
    border-radius: 50px;
    color: var(--color-5) !important;
    font-family: "Font Awesome 6 Free" !important;
    font-size: 0px !important;
    display: flex;
    bottom: 0px;
    right: calc(100% - 5rem);
    position: absolute;
    z-index: 99999;
}
.carousel-slider .slick-arrow.slick-next{
    right: calc(100% - 10rem);
}
.carousel-slider .slick-arrow:before{
    content: "\f053" !important;
    font-size: 3rem !important;
    font-weight: 900 !important;
    margin: auto !important;
}
.carousel-slider .slick-arrow.slick-next:before{
    content: "\f054" !important;
}
/* FORMULARIO DE CONTACTO */
.header-normal-image{
    height: 70vh;
    width: 100%;
    background-size: cover;
    background-position: 50% 50%;
    display: flex;
}
.header-normal-image > .header-container{
    height: max-content;
    margin-top: auto;
    margin-bottom: 8rem;
}
.header-normal-image > .header-container > *{
    width: 35vw;
}
.header-normal-image > .header-container > .header-slide-text{
    height: 7rem;
    max-width: 610px;
}
.header-normal-image > .header-container > .header-slide-title{
    margin-bottom: 2rem;
}
.padding-left-first-contact > .vc_column-inner > .wpb_wrapper{
    padding-left: 10%;
}
.download-button,
.contact-form-default input.download-button{
    font-weight: 400 !important;
    background: var(--color-1) !important;
    color: var(--color-5) !important;
    border: 1px solid var(--color-1) !important;
    transition: 0.5s !important;
    padding: 0.6rem 2.5rem !important;
    border-radius: 5px !important;
    min-width: 120px;
}
.download-button:hover,
.contact-form-default input.download-button:hover{
    border-color: var(--color-2) !important;
    background: transparent !important;
    color: var(--color-1) !important;
}
.no-padding-element-column{
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.no-padding-element-column > .wpb_column > .vc_column-inner{
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.float-left{
    float: left;
    width: 100%;
}
.border-round-box{
    border-radius: 5px;
    overflow: hidden;
}
.image-1-1 img{
    aspect-ratio: 1 / 1;
    object-fit: cover;
}
/* POST */
article.post{
    border: none !important;
}
body.single-post article.post{
    width: 55vw;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 12vh !important;
}
body.single-post article.post .title{
    font-size: var(--font-size-title-2);
    line-height: var(--line-height-title-2);
    letter-spacing: 0px !important;
    font-weight: 500 !important;
    color: var(--color-1) !important;
    margin-top: 10vh;
    margin-bottom: 10vh;
}
body.single-post article.post p{
    font-size: var(--font-size-text-1) !important;
    line-height: var(--line-height-text-1) !important;
    font-weight: 300 !important;
    color: var(--color-2);
}
/* POST */
.news-object-section img{
    width: 100%;
    height: auto !important;
    aspect-ratio: 341 / 195;
    object-fit: cover;
    border-radius: 5px;
}
.news-object .title-post{
    height: 6rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.news-object{
    background: var(--color-5);
}
.related-news-plus-object{
    position: relative;
}
.posts-related-content{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 15px;
    margin-bottom: 6rem;
}
.title-related{
    margin-bottom: 6rem;
}
.content-related{
    margin-bottom: 8rem;
}
.news-object-section-text{
    padding-left: 2rem;
    padding-right: 3rem;
}
.data-categories-post{
    margin-top: 2rem;
    margin-bottom: 2rem !important;
}
.related-news-plus-object .effect-plus.effect-hover{
    top: 0px;
}
.section-news{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 5rem 15px;
}
.news-pagination{
    display: flex;
    width: 100%;
    grid-column: span 2;
    margin-top: 5rem;
}
.news-pagination .wp-pagenavi{
    margin-left: auto;
    margin-right: auto;
    display: flex;
    gap: 10px;
}
.news-pagination .wp-pagenavi > *{
    width: 3rem;
    height: 3rem;
    float: left;
    padding: 0px !important;
    margin: 0px !important;
    border: 1px solid var(--color-3) !important;
    border-radius: 50px !important;
    align-items: center !important;
    justify-content: center !important;
    display: flex !important;
    color: var(--color-3) !important;
    font-size: var(--font-size-text-3) !important;
    line-height: 1 !important;
}
.news-pagination .wp-pagenavi > .current{
    border-color: var(--color-1) !important;
    background: var(--color-1) !important;
    color: var(--color-5) !important;
    font-weight: 800 !important;
}
.news-pagination .wp-pagenavi > .pages{
    display: none !important;
}
.news-pagination .nextpostslink,
.news-pagination .previouspostslink,
.content-related .slick-arrow,
.finishing-processes-slide-mobile .slick-arrow,
.block-learn-more-responsive .slick-arrow{
    font-size: 0px !important;
    border-color: var(--color-1) !important;
    color: var(--color-1) !important;
}
.news-pagination .previouspostslink:after,
.content-related .slick-arrow.slick-prev:after,
.finishing-processes-slide-mobile .slick-arrow.slick-prev:after,
.block-learn-more-responsive .slick-arrow.slick-prev:after{
    content: "\f053";
}
.news-pagination .nextpostslink:after,
.content-related .slick-arrow.slick-next:after,
.finishing-processes-slide-mobile .slick-arrow.slick-next:after,
.block-learn-more-responsive .slick-arrow.slick-next:after{
    content: "\f054";
}
.news-pagination .nextpostslink:after,
.news-pagination .previouspostslink:after,
.content-related .slick-arrow:after,
.finishing-processes-slide-mobile .slick-arrow:after,
.block-learn-more-responsive .slick-arrow:after{
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    font-size: var(--font-size-text-3) !important;
}
.news-pagination .nextpostslink.disabled,
.news-pagination .previouspostslink.disabled,
.content-related .slick-arrow.slick-disabled,
.finishing-processes-slide-mobile .slick-arrow.slick-disabled,
.block-learn-more-responsive .slick-arrow.slick-disabled{
    border-color: var(--color-3) !important;
}
.news-pagination .nextpostslink.disabled:after,
.news-pagination .previouspostslink.disabled:after,
.content-related .slick-arrow.slick-disabled:after,
.finishing-processes-slide-mobile .slick-arrow.slick-disabled:after,
.block-learn-more-responsive .slick-arrow.slick-disabled:after{
    color: var(--color-3) !important;
}
.news-pagination .page{
    font-weight: 300 !important;
}
.the-news-container-section > .search-filter-results{
    display: grid;
    grid-template-columns: 25% calc(75% - 5rem);
    grid-gap: 5rem;
}
.the-next-events{
    background: #F5F5F5;
    padding: 3.5rem 3rem;
    border-radius: 5px;
}
.evento-column{
    display: grid;
    grid-template-columns: 7rem calc(100% - 9rem);
    grid-gap: 2rem;
}
.evento-fecha{
    text-align: center !important;
    margin-top: 0.5rem;
}
.evento-fecha > span{
    width: 100%;
    float: left;
    color: var(--color-1);
}
.evento-fecha-dia{
    font-size: var(--font-size-title-3) !important;
    line-height: var(--line-height-text-2) !important;
    font-weight: 900 !important;
}
.evento-fecha-mes{
    font-size: var(--font-size-text-2) !important;
    line-height: var(--line-height-text-2) !important;
    font-weight: 500 !important;
}
.description-2{
    font-size: var(--font-size-text-4) !important;
    line-height: var(--line-height-text-4) !important;
}
.title-news-events{
    margin-bottom: 2rem;
}
.evento-column{
    margin-top: 2rem;
}
.evento-column:not(:last-child){
    padding-bottom: 2rem;
    border-bottom: 1px solid rgba(61, 60, 59, 0.20);
}
.industries-second-section{
    background-size: 50vw;
    background-repeat: no-repeat;
    background-position: 0 50%;
}
.application-industries-block{
    background: white;
    border-radius: 5px;
}
.application-industries-section-block{
    width: 90%;
    max-width: var(--container);
    margin-left: auto;
    margin-right: auto;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 20px;
}
/* APPLICATION */
.application-number-1{
    grid-column: span 6;
}
.application-number-1 > .application-industries-block{
    /*height: 55vh !important;*/
    /* height: 382px !important; */
    height: 100% !important;
}
.application-number-1 > .application-industries-block .application-img{
    /*height: 45vh !important;*/
    /* height: 312px !important; */
    height: 100% !important;
    /*top: 7vh !important;*/
    top: 60px;
    left: 17% !important;
}

.application-number-2{
    grid-column: span 3;
}
.application-number-2 > .application-industries-block{
    /*height: 40vh !important;*/
    /* height: 278px !important; */
    height: 100% !important;
}
.application-number-2 > .application-industries-block .application-img{
    /* height: 80% !important;
    left: auto !important;
    right: 0% !important;
    top: 5% !important; */
    top: 0% !important;
    left: 0% !important;
    width: 100% !important;
    height: 100% !important;
}

.application-number-3{
    grid-column: span 2;
}
.application-number-3 > .application-industries-block{
    /*height: 40vh !important;*/
    /* height: 278px !important; */
    height: 100% !important;
}
.application-number-3 > .application-industries-block .application-img{
    /*height: 30vh !important;*/
    /* height: 208px !important; */
    height: 100% !important;
}
.application-industries-the-block .application-industries-block .application-img{
    width: 100% !important;
    height: 100% !important;
    top: 0% !important;
    left: 0% !important;
}

.application-industries-block{
    display: flex;
}
.application-img{
    position: absolute;
    width: 80% !important;
    height: 100% !important;
    object-fit: contain;
    left: 10%;
}
.application-induestries-text{
    margin: auto auto 2rem 2rem;
    z-index: 1;
}
.application-title{
    margin-bottom: 1rem !important;
}
.application-industries-the-block{
    position: relative;
}
.effect-plus.application-industries-block.effect-hover{
    top: 0px !important;
    left: 0px !important;
    width: 100% !important;
    height: 100% !important;
}
.industries-section-limit{
    display: flex;
}
.industries-section-limit > .wpb_column{
    width: 42vw;
    margin-left: auto;
    margin-right: auto;
}
.pestanas-default .vc_tta-panels{
    background: transparent !important;
    border: none !important;
}
.pestanas-default.vc_tta.vc_general .vc_tta-panel-body{
    padding: 0px !important;
}
.pestanas-default.vc_tta.vc_general .vc_tta-tab > a:before,
.pestanas-default.vc_tta.vc_general .vc_tta-tab > a:after{
    display: none !important;
}
.pestanas-default.vc_tta.vc_general .vc_tta-tab > a{
    background: transparent !important;
    border: none !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}
.vc_tta-container{
    margin-bottom: 0px !important;
}
.pestanas-default .vc_tta-tabs-container{
    border-bottom: 1px solid var(--color-3);
}
.pestanas-default .vc_tta-tabs-container .vc_tta-title-text{
    font-weight: 400 !important;
    color: var(--color-3) !important;
    font-size: var(--font-size-title-4) !important;
    line-height: var(--line-height-title-4);
}
.pestanas-default .vc_tta-tabs-container .vc_tta-tab.vc_active{
    border-bottom: 3px solid var(--color-1) !important;
}
.pestanas-default .vc_tta-tabs-container .vc_tta-tab.vc_active .vc_tta-title-text{
    color: var(--color-1) !important;
    font-weight: 500 !important;
}
.pestanas-default .vc_tta-tabs-list{
    display: flex !important;
    gap: 5rem;
}
.pestanas-default .vc_tta-panel-body,
.pestanas-default .vc_tta-tabs-container{
    overflow: visible !important;
}
.pestanas-default .vc_tta-tabs-container{
    margin-bottom: 4rem !important;
}
.image-after-content{
    position: relative;
}
.image-after-content:after{
    content: "";
    border-radius: 5px 5px 0px 0px;
    border: 1px solid var(--color-3);
    width: 65%;
    aspect-ratio: 1 / 1;
    position: absolute;
    right: -3rem;
    bottom: -3rem;
    z-index: -1;
}
.image-after-content.image-after-content-2:after{
    width: 50% !important;
}
.image-after-content > .wpb_wrapper,
.image-after-content > .wpb_wrapper > .vc_single_image-wrapper{
    width: 100%;
}
.lista-benefits ul{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 4rem 10rem;
    list-style: none;
    font-size: var(--font-size-text-2);
    line-height: var(--line-height-text-2);
    color: var(--color-2);
    margin-top: 4rem;
    margin-right: 10rem;
}
.lista-benefits ul li{
    position: relative;
    padding-left: 22px;
}
.lista-benefits ul li:before{
    content: "";
    border-radius: 2px;
    width: 8px;
    height: 8px;
    background: var(--color-1);
    position: absolute;
    left: 0px;
    top: 5px;
}
.column-otec-industries{
    display: flex;
    top: -12vh;
    position: relative;
}
.column-otec-industries > .wpb_column{
    width: 82.5% !important;
    margin-left: auto;
    margin-right: auto;
}
.overflow-visible{
    overflow: visible !important;
}
.column-space-right-finishing-processes > .vc_column-inner > .wpb_wrapper{
    padding-right: 15%;
}
.block-learn-img{
    aspect-ratio: 1/ 1;
    width: 60% !important;
    float: right;
    object-fit: contain;
}
.block-learn-more > a{
    padding: 4rem;
    float: left;
}
/* BLOCK LEARN MORE */
.block-learn-more{
    /*background: var(--color-3);*/
    background: #F5F5F5 !important;
    border-radius: 5px;
    float: left;
}
.block-learn-title{
    height: 3vh;
    margin-bottom: 4vh !important;
}
.block-learn-text{
    /*height: 9vh;*/
    height: 14vh;
    margin-bottom: 4vh !important;
}
.block-learn-more-section{
    top: -20vh;
    position: relative;
}
/* PROCESS OPTIONS */
.block-process-options{
    background-size: cover;
    background-position: center center;
    border-radius: 5px;
    float: left;
    width: 100%;
    overflow: hidden;
}
.block-process-options > .block-process-options-div{
    /*height: 40vh;*/
    /*height: 278px;*/
    aspect-ratio: 538 / 301 !important;
    float: left;
    width: 100%;
    position: relative;
}
.block-process-options > .block-process-options-div > .block-process-options-1{
    position: absolute;
    bottom: 3rem;
    left: 3rem;
    width: calc(100% - 6rem);
}
.proccess-title{
    position: relative;
}
.button-proccess-options{
    position: absolute;
    right: 0px;
    height: 100%;
    aspect-ratio: 1 / 1;
    /*background-image: url(https://icidigital.eu/otec/wp-content/uploads/2025/06/process-button.png);*/
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
}
.button-proccess-options > svg{
    width: 32px !important;
    height: 32px !important;
}
.block-process-options-1,
.block-process-options-2{
    transition: 0.5s;
    z-index: 2;
    opacity: 1;
    position: relative;
}
.block-process-options-section .effect-hover{
    transition: 0.5s;
}
.block-process-options-section.active .effect-hover{
    opacity: 0;
    z-index: -5;
}
.block-process-options-section{
    position: relative;
}
.block-process-options-section:not(.active) .block-process-options-2,
.block-process-options-section.active .block-process-options-1{
    opacity: 0;
    z-index: 1;
}
.block-process-options-2{
    background: #454c5691;
    height: calc(100% - 6rem);
    padding: 3rem;
}
.block-process-options-2 .process-p{
    margin-top: 2rem;
}
.block-process-options-2 .button-lean-more{
    position: absolute;
    right: 3rem;
    bottom: 3rem;
}
.contact-form-finishing-processes.contact-form-default form .column-form{
    height: 10rem !important;
}
.contact-form-finishing-processes.contact-form-default form textarea{
    /* height: 12.5rem !important; */
    height: 22.5rem !important;
}
.contact-form-finishing-processes.contact-form-default form .column-form.column-form-double{
    /* height: 20rem !important; */
    height: 30rem !important;
}
.contact-form-finishing-processes.contact-form-default form{
    grid-gap: 4rem !important;
    grid-template-columns: repeat(2, calc(50% - 2rem)) !important;
}
.finishing-processes-background{
    background-repeat: no-repeat;
    background-size: 70vw;
    background-position: 0px -12vw;
}
/* HOME */
.header-home-slide li:hover > button,
.header-home-slide .slick-active > button{
    background: var(--color-5) !important;
}
.header-home-slide .header-home-the-title{
    float: left;
    width: 100%;
}
.header-home-slide .header-slide-title{
    max-width: 100% !important;
    float: left !important;
}
.header-home-slide .header-slide-text{
    max-width: 50% !important;
}
.logo-carrousel{
    width: 100%;
    float: left;
}
.logo-carrousel-item,
.logo-carrousel .slick-track{
    /*display: flex !important;*/
}
.logo-carrousel-item > a{
    display: flex;
    width: 80%;
    margin: auto;
}
.logo-carrousel-item > a > img{
    transition: 0.5s;
    opacity: 0.5;
}
.logo-carrousel-item > a:hover > img{
    opacity: 1;
}
.logo-carrousel-item{
    margin: auto;
    border-right: 1px solid var(--color-3);
}
.logo-carrousel .slick-arrow{
    font-size: 0px !important;
    background: var(--color-1);
    color: var(--color-5);
    border-radius: 50px;
    width: 3.5rem;
    height: 3.5rem;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: -10rem;
}
.logo-carrousel .slick-arrow.slick-next{
    right: 0rem;
}
.logo-carrousel .slick-arrow.slick-prev{
    right: 4.5rem;
}
.logo-carrousel .slick-arrow.slick-disabled{
    opacity: 0.3;
}
.logo-carrousel .slick-arrow:after{
    content: "\f053";
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    font-size: 2rem !important;
    line-height: 1 !important;
}
.logo-carrousel .slick-arrow.slick-next:after{
    content: "\f054";
}
/* FINISHING PROCESSES */
.finishing-processes-section{
    position: relative;
    /*height: 45vh;*/
    height: 315px;
}
.finishing-processes-section > .finishing-processes-1{
    height: 100%;
    border-radius: 5px;
    background-size: cover;
    background-position: center center;
}
.finishing-processes-section > .finishing-processes-1:before{
    content: "";
    background: var(--color-2);
    opacity: 0.39;
    width: 100%;
    height: 100%;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    border-radius: 5px;
}
.finishing-processes-1 .finishing-processes-title{
    bottom: 3rem;
    left: 3rem;
    position: absolute;
}
.finishing-processes-2{
    position: absolute;
    width: calc(100% - 6rem);
    height: calc(100% - 6rem);
    top: 0px;
    left: 0px;
    padding: 3rem;
    border-radius: 5px;
    box-shadow: 0px 1px 9px -5px var(--color-2);
    transition: 0.5s;
    opacity: 0;
    /*transform: scale(1);*/
    transform: scale3d(1.01,1.01,1.01);
    transform-origin: center center;
    box-shadow: 2px 4px 16px #00000029;
}
.finishing-processes-section:hover .finishing-processes-2{
    opacity: 1;
}
.finishing_processes_background_white .finishing-processes-2{
    /*background: var(--color-3);*/
    background: #F5F5F5;
}
.finishing_processes_background_gris .finishing-processes-2{
    background: var(--color-2);
}
.finishing_processes_background_white .finishing-processes-2 .finishing-processes-title,
.finishing_processes_background_white .finishing-processes-2 .button-lean-more a,
.finishing_processes_background_white .finishing-processes-2 .button-lean-more a *{
    color: var(--color-1) !important;
}
.finishing_processes_background_gris .finishing-processes-2 *{
    color: var(--color-5);
}
.finishing-processes-2 .finishing-processes-title{
    margin-bottom: 3rem;
}
.finishing-processes-2 .finishing-processes-subtitle{
    width: 70%;
}
.button-lean-more{
    position: absolute;
    right: 3rem;
    bottom: 3rem;
}
.home-industries-items .industries-block{
    background: var(--color-3);
    border-radius: 5px;
    /*height: 40vh;*/
    height: 278px;
}
.home-industries-items .industries-block img{
    height: max-content !important;
    width: auto;
}
.home-industries-items .carousel-industries-img{
    padding-top: 0px !important;
}
.home-industries-section{
    display: grid;
    grid-template-columns: repeat(50, 1fr);
    grid-gap: 15px;
    float: left;
    width: 100%;
}
.home-industries-section > .home-industries-items{
    grid-column: span 10;
    position: relative;
}
.home-industries-section > .home-industries-items:nth-child(1){
    grid-column: span 16;
}
.home-industries-section > .home-industries-items:nth-child(2){
    grid-column: span 18;
}
.home-industries-section > .home-industries-items:nth-child(3){
    grid-column: span 16;
}
.home-industries-section > .home-industries-items:nth-child(4){
    grid-column: span 20;
}
.home-industries-section > .home-industries-items:nth-child(5){
    grid-column: span 13;
}
.home-industries-section > .home-industries-items:nth-child(6){
    grid-column: span 17;
}
.home-industries-section > .home-industries-items:nth-child(7){
    grid-column: span 12;
}
.home-industries-section > .home-industries-items:nth-child(8){
    grid-column: span 13;
}
.home-industries-section > .home-industries-items:nth-child(9){
    grid-column: span 12;
}
.home-industries-section > .home-industries-items:nth-child(10){
    grid-column: span 13;
}
.home-industries-section .effect-plus{
    top: 0px;
    left: 0px;
    width: 100%;
}
.home-industries-section .carousel-industries-img{
    height: 100% !important;
    position: relative;
}
.home-industries-section .carousel-industries-img > img{
    /* position: relative;
    height: calc(100% - 25px) !important; */
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 5px;
}
.home-industries-img-section{
    top: -70vh;
    margin-bottom: -70vh;
}
.section-news-empty{
    width: 100% !important;
    display: block !important;
}
.section-link-blog{
    width: 100%;
    float: left;
    margin-top: 12vh;
}
.section-news-empty > p{
    text-align: center !important;
}
.section-news.section-news-home{
    float: left;
    width: 100%;
    grid-template-columns: repeat(3, 1fr);
}
.section-news.section-news-home .news-object{
    background: #F5F5F5 !important;
}
.section-news.section-news-home .title-post{
    color: var(--color-4) !important;
}
.evento-section-home > .evento-column{
    float: left;
    width: 100%;
}
.evento-section-home .evento-textos{
    display: grid;
    grid-template-columns: 1.5fr repeat(3, 1fr);
    grid-gap: 15px;;
}
.evento-section-home .evento-textos > .description-1{
    font-size: var(--font-size-title-4);
    line-height: var(--line-height-title-4);
}
.evento-section-home .evento-textos > .description-2,
.evento-section-home .evento-textos > .description-3,
.evento-section-home .evento-textos > .description-4{
    font-size: var(--font-size-text-2) !important;
    line-height: var(--line-height-text-2) !important;
    margin-top: 1vh !important;
}
.evento-section-home .evento-fecha .evento-fecha-dia{
    font-size: var(--font-size-title-big) !important;
    line-height: 0.8 !important;
    position: relative;
}
.evento-section-home .evento-fecha *{
    text-align: left !important;
}
.evento-section-home .evento-column{
    /* grid-template-columns: 18rem calc(100% - 20rem) !important; */
    grid-template-columns: 10rem 10rem calc(100% - 24rem) !important;
    border-color: var(--color-1) !important;
}
.evento-section-home{
    float: left;
    width: 100%;
    margin-bottom: 10vh;
}
.slider-section-finishing-processes .ult-carousel-wrapper{
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}
.block-learn-more-images{
    transition: 0.5s;
}
.block-learn-more-images:not(.active),
.block-learn-more-images:not(.active) > .wpb_column,
.block-learn-more-images:not(.active) + .vc_clearfix{
    height: 0px;
    visibility: hidden;
    opacity: 0;
}
.header-left{
    width: 50%;
    float: left;
}
.header-right{
    width: 50%;
    float: right;
}
.hamburger-menu{
    text-align: right !important;
}
.hamburger-menu i::before{
    font-family: "Font Awesome 6 Free" !important;
}
.header-type-image{
    position: absolute;
    transition: 0.5s;
}
header.site-header{
    z-index: 9999999999999;
    transition: 0.5s;
    margin: 0px !important;
    padding: 40px 0px;
    width: 100% !important;
    position: fixed !important;
    left: 0px !important;
    top: 0px !important;
}
header.site-header:not(.header_white){
    position: absolute;
    width: 100%;
}
header.site-header.header_white,
header.site-header.header-scroll{
    box-shadow: 0px 0px 10px #454c5685;
    background: var(--color-5);
}
header.site-header.header_white .header-type-image:not(.header-imagen-claro),
header.site-header:not(.header_white) .header-type-image:not(.header-imagen-oscuro),
header.site-header.header-scroll .header-type-image{
    opacity: 0;
}
header.site-header.header-scroll .header-imagen-claro{
    opacity: 1 !important;
}
header.site-header .fa-solid{
    font-size: 26px;
    color: var(--color-5) !important;
}
body .header_menu_blue .fa-solid,
body header.site-header.header-scroll .open-menu .fa-solid{
    color: var(--color-1) !important;
}
body header.site-header.header-scroll{
    position: fixed;
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
}
.main-fluid.header_white{
    margin-top: 120px !important;
}
.popup-contacto{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    z-index: 99999999999;
    transition: 0.5s;
    opacity: 1;
    visibility: visible;
}
.popup-contacto:not(.active){
    opacity: 0;
    visibility: hidden;
    z-index: -999999999;
}
.content-popup-background{
    background: #0404044D;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.content-popup-contacto{
    margin: auto;
    background: var(--color-5);
    border-radius: 5px;
    width: 60%;
    padding: 5rem;
    z-index: 1;
    position: relative;
}
.content-popup-contacto form{
    float: left;
    width: 100% !important;
}
.content-popup-contacto.contact-form-default form{
    grid-gap: 6rem !important;
    grid-template-columns: repeat(2, calc(50% - 3rem));
}
.content-popup-contacto.contact-form-default .column-form{
    height: 8rem !important;
}
.content-popup-contacto.contact-form-default form textarea{
    /*height: 5rem !important;*/
    height: 13rem !important;
}
.content-popup-contacto.contact-form-default .column-form-privacidad-button .download-button,
.content-popup-contacto.contact-form-default .column-form-privacidad-button .wpcf7-spinner{
    margin-top: 12rem !important;
}
.content-popup-contacto.contact-form-default .column-form-privacidad-button .download-button{
    background: var(--color-5) !important;
    color: var(--color-1) !important;
    border-color: var(--color-3) !important;
    margin-top: 20rem !important;
}
.content-popup-contacto.contact-form-default .column-form-privacidad-button .download-button:hover{
    background: var(--color-1) !important;
    color: var(--color-5) !important;
}
.close-popup-form-contacto{
    font-family: "Font Awesome 6 Free" !important;
    color: var(--color-1) !important;
    position: absolute;
    right: 5rem;
    top: 5rem;
    cursor: pointer;
    z-index: 1;
}
.popup-form-contact{
    width: 6rem;
    height: 6rem;
    display: flex;
    background: var(--color-1) !important;
    position: fixed;
    right: 0px;
    top: calc(50% - 3rem);
    border-radius: 5px 0px 0px 5px;
    z-index: 9999;
}
.popup-form-contact-div{
    margin: auto;
    display: grid;
    grid-gap: 0.2rem;
}
.popup-form-contact-p{
    color: var(--color-5) !important;
    font-size: var(--font-size-text-4) !important;
    line-height: 1 !important;
    text-align: center !important;
}
/* MENÚ */
nav.site-navigation{
    position: fixed;
    z-index: 9999999999999;
    right: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 1;
    visibility: visible;
    left: 0px;
    transition: 0.5s;
}
nav.site-navigation:not(.active){
    left: 200%;
}
nav.site-navigation:not(.active) > .site-nativation-container,
nav.site-navigation:not(.active) > .site-nativation-background{
    opacity: 0;
    visibility: hidden;
    z-index: -1;
}
nav.site-navigation.active > .site-nativation-background{
    width: 1000%;
    left: -500%;
}
nav.site-navigation > .site-nativation-container{
    right: 0px;
    top: 0px;
    width: 35%;
    height: 100%;
    background: #F5F5F5;
    position: absolute;
    z-index: 9;
}
nav.site-navigation > .site-nativation-background{
    right: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    position: absolute;
    background: #04040499;
    cursor: pointer;
}
nav.site-navigation .close-menu{
    font-family: "Font Awesome 6 Free" !important;
    color: var(--color-1) !important;
    position: absolute;
    right: 5rem;
    top: 5rem;
    cursor: pointer;
    z-index: 1;
}
nav.site-navigation ul{
    list-style: none !important;
}
nav.site-navigation .menu-item,
nav.site-navigation .menu-item > a{
    font-size: var(--font-size-text-2) !important;
    line-height: var(--line-height-text-2) !important;
    font-weight: 500 !important;
    color: var(--color-2) !important;
}
nav.site-navigation .menu-item{
    margin-top: 1rem;
    margin-bottom: 1rem;
    position: relative;
}
nav.site-navigation .menu-item-has-children.menu-item:after{
    content: "\f078";
    font-family: "Font Awesome 6 Free" !important;
    font-weight: bold !important;
    position: absolute;
    right: 0px;
    top: 0.1rem;
}
nav.site-navigation .menu-item-has-children.menu-item.active:after{
    content: "\f077";
    color: #CACED1 !important;
}
nav.site-navigation .menu-item-has-children.menu-item .menu-item > a{
     font-weight: 300 !important;
}
html body nav.site-navigation ul > li.menu-item.second-level-menu.menu-item-has-children > a,
html body nav.site-navigation ul > li.menu-item.second-level-menu:not(.menu-item-has-children) > a{
    font-weight: 400 !important;
}
html body nav.site-navigation ul > li.menu-item.second-level-menu{
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}
html body nav.site-navigation ul > li.menu-item{
    cursor: pointer;
    width: 100%;
    float: left;
}
nav.site-navigation .menu{
    margin-top: 12vh;
    margin-left: 5vw;
    width: 14vw;
}
.menu-item:not(.active) > .sub-menu{
    display: none !important;
}
nav.site-navigation .menu-item.wpml-ls-item{
    position: absolute;
    bottom: 5rem;
    color: var(--color-1) !important;
    background-image: url(https://icidigital.eu/otec/wp-content/uploads/2025/06/bola-mundo.png);
    background-position: 0% center;
    background-repeat: no-repeat;
    background-size: 16px;
    padding-left: 20px;
}
nav.site-navigation .menu-item.wpml-ls-item > a{
    color: var(--color-1) !important;
}
.menu-item > .sub-menu{
    margin-top: 1rem !important;
}
.menu-item > .sub-menu > .menu-item{
    margin-top: 0.35rem !important;
    margin-bottom: 0.35rem !important;
}
.success-stories-part-menu > a{
    width: 15rem !important;
    float: left !important;
}
.site-footer{
    position: relative;
}
#go-up{
    border: 1px solid var(--color-1);
    border-radius: 50px;
    width: 3.2rem;
    height: 3.2rem;
    display: flex;
    cursor: pointer;
    position: absolute;
    /*right: 6vw;*/
    right: -3rem;
    /*top: 4vh;*/
    top: 30px;
    z-index: 999;
}
#go-up > i{
    font-size: var(--line-height-text-2) !important;
    margin: auto !important;
    line-height: 0 !important;
    color: var(--color-1) !important;
    font-family: "Font Awesome 6 Free" !important;
}
.vc_tta.vc_general .vc_tta-panel-body{
    transition: none !important;
}
#wpadminbar{
    z-index: 999999999999999999 !important;
}
.home-industries-section .home-industries-items .industries-block{
    background: #F7F8FA !important;
}
.block-process-options-section .block-process-options-link .block-learn-button > i{
    color: var(--color-5) !important;
}
.block-learn-more-images > .wpb_column > .vc_column-inner > .wpb_wrapper .slick-track .slick-slide > .vc_column-inner{
    padding-left: 7.5px;
    padding-right: 7.5px;
}
.wpcf7-response-output{
    font-size: var(--font-size-text-1) !important;
    line-height: var(--line-height-text-1) !important;
    color: var(--color-2) !important;
}
.border-radius-img img{
    border-radius: 5px;
}
.carousel-productos .button-lean-more,
.carousel-productos .button-lean-more *,
.carousel-productos .button-lean-more > a > i{
    color: var(--color-5) !important;
}
.industries-title{
    position: absolute;
    top: 0px;
}
.industries-title + li{
    margin-top: 0px !important;
}
.footer-1-3 .menu{
    padding-top: 32px;
    position: relative;
}
.carousel-content-text.active > .carousel-the-content-text{
    z-index: 9;
}
.column-form a{
    color: var(--color-1) !important;
    font-weight: inherit !important;
    text-decoration: underline !important;
}
.carousel-industries-text > .font-title-5{
    padding-right: 40px;
}
.single-industries .application-industries-block.effect-hover,
.related-news-plus-object .news-object.effect-hover{
    display: none !important;
}
.related-news-plus-object .news-object{
    box-shadow: none !important;
}
.carousel-industries-img{
    padding-top: 0px !important;
    height: 100% !important;
}
.carousel-industries-img > img{
    aspect-ratio: auto !important;
    height: 100% !important;
    object-fit: cover !important;
}
.application-number-3 > .application-industries-block .application-img{
    height: 100% !important;
    width: 100% !important;
    left: 0px !important;
    top: 0px !important;
}
.evento-section-home{
    display: grid;
}
.evento-section-home > .evento-column{
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}
.the-next-events .description-3,
.the-next-events .description-4{
    font-size: var(--font-size-text-4) !important;
    line-height: var(--line-height-text-4) !important;
}
.evento-fecha-1 > .evento-fecha-dia:after{
    content: "-";
    position: absolute;
    font-weight: 300;
    right: -7.5px;
}
.the-news-container-section .evento-textos{
    display: flex;
    flex-direction: column;
}
.the-news-container-section .evento-textos > p:first-child{
    margin-top: auto;
}
.the-news-container-section .evento-textos > p:last-child{
    margin-bottom: auto;
}
.wpcf7-not-valid-tip{
    font-size: var(--font-size-text-3) !important;
    line-height: 1 !important;
}


/* DESKTOP */
@media (min-width: 1024px){
    .display-none-desktop{
        display: none !important;
    }
    /* .posts-related-content .slick-slider,
    .posts-related-content{
        grid-template-columns: 1fr !important;
    } */
    .posts-related-content.slick-slider > .slick-list > .slick-track:before,
    .posts-related-content.slick-slider > .slick-list > .slick-track:after{
        display: none !important;
    }
    .posts-related-content.slick-slider > .slick-list > .slick-track{
        display: grid !important;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 15px;
    }
    .posts-related-content.slick-slider > .slick-list{
        overflow: visible !important;
    }
    .posts-related-content.slick-slider > .slick-list .related-news-plus-object{
        width: 100% !important;
    }
    .slider-section-finishing-processes .slick-list{
        overflow: visible !important;
    }
    .finishing-processes-slide-mobile{
        float: left !important;
        width: 100% !important;
        margin-left: -15px !important;
        margin-right: -15px !important;
    }
    .finishing-processes-slide-mobile > .slick-list{
        overflow: visible !important;
    }
    .block-learn-more-responsive .slick-list{
        overflow: visible !important;
    }
    .block-learn-more-responsive .slick-list{
        width: calc(var(--container) + 30px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .block-learn-more .button-lean-more{
        position: relative !important;
        left: 0px !important;
        top: 0px !important;
    }
    /*.block-process-options-2 .process-p{
        line-height: 1.4 !important;
    }*/
    .wpcf7-response-output{
        grid-column: span 2 !important;
    }
    /* SLIDER INDUSTRIES */
    .carousel-contenedor{
        width: max-content !important;
        grid-template-columns: 578px 53vw !important;
        margin-left: auto !important;
    }
    .carousel-contenedor > .carousel-content{
        width: 100% !important;
        margin-left: 0px !important;
    }
    .carousel-contenedor .industries-block{
        width: 291px !important;
        margin-right: 15px !important;
    }
    .carousel-productos .carousel-contenedor .industries-block.effect-hover{
        left: 0px !important;
    }
    .carousel-slider > .slick-list{
        left: -7.5px !important;
        padding-left: 7.5px !important;
    }
    .carousel-slider .slick-dots{
        width: 565px !important;
    }
    .alinear-textos > .vc_col-sm-6{
        min-height: 100px;
    }
    .alinear-textos > .vc_col-sm-6 > .vc_column-inner{
        margin-top: auto;
    }
    .alinear-textos > .vc_col-sm-6:first-child  > .vc_column-inner{
        margin-bottom: -3px !important;
    }
    .alinear-textos.alinear-textos-contacto > .vc_col-sm-6:first-child  > .vc_column-inner{
        margin-bottom: -5px !important;
    }
    .download-contact-us{
        margin-top: -30px !important;
    }
    .industries-second-section-same-height{
        display: flex;
        min-height: 334px;
    }
    .industries-second-section-same-height > .wpb_column{
        height: max-content;
        margin: auto;
    }
    .application-number-3{
        aspect-ratio: 420 / 278;
    }
    .application-number-2{
        aspect-ratio: 640 / 278;
    }
    .application-number-1{
        aspect-ratio: 1300 / 382;
    }
    .evento-section-home .evento-column{
        /* grid-template-columns: 13rem calc(100% - 15rem) !important; */
        grid-template-columns: 10rem 10rem calc(100% - 24rem) !important;
    }
    div.evento-section-home .evento-textos > p.description-1,
    div.evento-section-home .evento-textos > p.description-2,
    div.evento-section-home .evento-textos > p.description-3,
    div.evento-section-home .evento-textos > p.description-4{
        margin-top: 0px !important;
        display: flex;
        align-items: center;
    }
}
/* MOBILE */
@media (max-width: 1023.5px){
    :root{
        --font-size-title-big: 50px;
        --font-size-title-1: 50px;
        --font-size-title-2: 45px;
        --font-size-title-3: 35px;
        --font-size-title-4: 20px;
        --font-size-title-5: 22px;

        --font-size-text-1: 18px;
        --font-size-text-2: 16px;
        --font-size-text-3: 13px;
        --font-size-text-4: 9px;

        /* TAMAÑOS INTERLINEADOS */
        --line-height-title-big: 55px;
        --line-height-title-1: 55px;
        --line-height-title-2: 50px;
        --line-height-title-3: 40px;
        --line-height-title-4: 27px;
        --line-height-title-5: 35px;

        --line-height-text-1: 21px;
        --line-height-text-2: 23px;
        --line-height-text-3: 20px;
        --line-height-text-4: 14px;
    }

    .font-size-title-big-mobile,
    .font-size-title-big-mobile *{
        font-size: var(--font-size-title-big) !important;
        line-height: var(--line-height-title-big) !important;
    }

    .font-size-title-1-mobile,
    .font-size-title-1-mobile *{
        font-size: var(--font-size-title-1) !important;
        line-height: var(--line-height-title-1) !important;
    }
    .font-size-title-2-mobile,
    .font-size-title-2-mobile *{
        font-size: var(--font-size-title-2) !important;
        line-height: var(--line-height-title-2) !important;
    }
    .font-size-title-3-mobile,
    .font-size-title-3-mobile *{
        font-size: var(--font-size-title-3) !important;
        line-height: var(--line-height-title-3) !important;
    }
    .font-size-title-4-mobile,
    .font-size-title-4-mobile *{
        font-size: var(--font-size-title-4) !important;
        line-height: var(--line-height-title-4) !important;
    }
    .font-size-title-5-mobile,
    .font-size-title-5-mobile *{
        font-size: var(--font-size-title-5) !important;
        line-height: var(--line-height-title-5) !important;
    }

    .font-size-text-1-mobile,
    .font-size-text-1-mobile *{
        font-size: var(--font-size-text-1) !important;
        line-height: var(--line-height-text-1) !important;
    }
    .font-size-text-2-mobile,
    .font-size-text-2-mobile *{
        font-size: var(--font-size-text-2) !important;
        line-height: var(--line-height-text-2) !important;
    }
    .font-size-text-3-mobile,
    .font-size-text-3-mobile *{
        font-size: var(--font-size-text-3) !important;
        line-height: var(--line-height-text-3) !important;
    }
    .font-size-text-4-mobile,
    .font-size-text-4-mobile *{
        font-size: var(--font-size-text-4) !important;
        line-height: var(--line-height-text-4) !important;
    }

    .font-weight-mobile-900,
    .font-weight-mobile-900 *:not(strong){
        font-weight: 900 !important;
    }
    .font-weight-mobile-800,
    .font-weight-mobile-800 *:not(strong){
        font-weight: 800 !important;
    }
    .font-weight-mobile-700,
    .font-weight-mobile-700 *:not(strong){
        font-weight: 700 !important;
    }
    .font-weight-mobile-600,
    .font-weight-mobile-600 *:not(strong){
        font-weight: 600 !important;
    }
    .font-weight-mobile-500,
    .font-weight-mobile-500 *:not(strong){
        font-weight: 500 !important;
    }
    .font-weight-mobile-400,
    .font-weight-mobile-400 *:not(strong){
        font-weight: 400 !important;
    }
    .font-weight-mobile-300,
    .font-weight-mobile-300 *:not(strong){
        font-weight: 300 !important;
    }
    .font-weight-mobile-200,
    .font-weight-mobile-200 *:not(strong){
        font-weight: 200 !important;
    }
    .font-weight-mobile-100,
    .font-weight-mobile-100 *:not(strong){
        font-weight: 100 !important;
    }

    .text-align-mobile-center,
    .text-align-mobile-center *{
        text-align: center !important;
    }
    .text-align-mobile-left,
    .text-align-mobile-left *{
        text-align: left !important;
    }
    .text-align-mobile-right,
    .text-align-mobile-right *{
        text-align: right !important;
    }

    /* html{
        overflow-x: hidden !important;
    } */


    .display-none-mobile,
    .posts-related-content.display-none-mobile{
        display: none !important;
    }
    .row-fluid [class*="span"],
    .row-fluid [class*="span"]:first-child{
        width: 100% !important;
        margin-left: 0% !important;
    }
    .vc_column_container:not(.slick-slide){
        width: 100% !important;
    }
    .reverse-2-columns-mobile:before,
    .reverse-2-columns-mobile:after{
        display: none !important;
    }
    .reverse-2-columns-mobile{
        display: grid !important;
    }
    .reverse-2-columns-mobile > div:nth-child(1){
        order: 2;
    }
    .reverse-2-columns-mobile > div:nth-child(2){
        order: 1;
    }
    .contact-form-default form{
        grid-template-columns: 1fr !important;
        float: left !important;
        width: 100% !important;
    }
    div.contact-form-default-page,
    .padding-left-first-contact > .vc_column-inner > .wpb_wrapper{
        padding-left: 0px !important;
    }
    .contact-people-contact-us .vc_col-sm-6{
        width: 50% !important;
    }
    .contact-people-contact-us .vc_col-sm-6.padding-column-img-right{
        padding-right: 25px !important;
    }
    .header-normal-image > .header-container > *{
        width: 100% !important;
        max-width: 300px !important;
    }
    .contact-form-default form .column-form{
        height: auto !important;
    }
    .column-form-1,
    .column-form-2,
    .contact-form-default form{
        display: grid;
        grid-gap: 35px;
    }
    .contact-form-default form textarea{
        height: 10rem !important;
    }
    .column-form-privacidad-button > p{
        display: grid !important;
    }
    .column-form-privacidad-button > p > .wpcf7-submit{
        margin-left: auto !important;
        margin-right: auto !important;
        margin-top: 2rem !important;
    }
    .column-form-privacidad-button > p > .wpcf7-submit > .wpcf7-spinner{
        position: absolute;
        right: 0px;
        bottom: 0px;
    }
    .footer-row-1{
        grid-template-columns: 1fr !important;
        padding-top: 4.5rem !important;
    }
    .footer-row-1 *{
        text-align: center !important;
    }
    .footer-1-4 .custom-html-widget{
        display: flex !important;
    }
    .footer-1-4 .custom-html-widget .rrss-footer{
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* BLOG */
    div.the-news-container-section > .search-filter-results{
        grid-template-columns: 1fr !important;
    }
    div.the-news-container-section .news-pagination{
        grid-column: span 1 !important;
    }
    .section-news{
        grid-template-columns: 1fr !important;
        grid-gap: 65px !important;
    }

    .the-next-events .title-news-events{
        margin-bottom: 35px !important;
    }
    .the-next-events{
        padding-top: 2.5rem !important;
    }
    .news-object .title-post{
        height: auto !important;
        color: var(--color-4) !important;
    }
    .news-pagination{
        margin-top: 20px !important;
        margin-bottom: 25px !important;
    }
    .the-next-events .evento-fecha-dia{
        font-size: 30px !important;
    }
    .evento-column{
        /* grid-template-columns: 5rem calc(100% - 6rem) !important; */
        grid-template-columns: 13rem calc(100% - 14rem) !important;
        grid-gap: 1rem !important;
    }
    .posts-related-content{
        display: inherit !important;
        padding-bottom: 8rem;
    }
    body.single-post article.post{
        width: 100% !important;
    }
    .posts-related-content .slick-track,
    .posts-related-content .slick-list{
        overflow: visible !important;
    }
    .posts-related-content .news-object{
        padding-right: 4rem;
    }
    .single-post .main-fluid{
        max-width: 100% !important;
        overflow: hidden !important;
    }
    .single-post .main-fluid > #primary{
        max-width: 85% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    /* .posts-related-content .news-object{
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    } */
    .content-related .slick-arrow,
    .finishing-processes-slide-mobile .slick-arrow,
    .block-learn-more-responsive .slick-arrow{
        box-shadow: none !important;
        background: var(--color-1);
        width: 3rem;
        height: 3rem;
        border-radius: 50px;
        display: flex;
        position: absolute;
        bottom: 0px;
    }
    .content-related .slick-arrow:after,
    .finishing-processes-slide-mobile .slick-arrow:after,
    .block-learn-more-responsive .slick-arrow:after{
        margin: auto;
        color: var(--color-5) !important;
        z-index: 9;
    }
    .content-related .slick-arrow.slick-disabled,
    .finishing-processes-slide-mobile .slick-arrow.slick-disabled,
    .block-learn-more-responsive .slick-arrow.slick-disabled{
        opacity: 0.5;
    }
    .content-related .slick-arrow.slick-prev,
    .finishing-processes-slide-mobile .slick-arrow.slick-prev,
    .block-learn-more-responsive .slick-arrow.slick-prev{
        left: calc(50% - 3.5rem);
    }
    .content-related .slick-arrow.slick-next,
    .finishing-processes-slide-mobile .slick-arrow.slick-next,
    .block-learn-more-responsive .slick-arrow.slick-next{
        right: calc(50% - 3.5rem);
    }
    .content-related .posts-related-content-mobile .slick-list{
        width: 105% !important;
        left: -2.5% !important;
    }
    .title-related{
        margin-bottom: 3rem;
    }
    body.single-post article.post .title{
        margin-top: 4rem !important;
        margin-bottom: 4rem !important;
    }
    .header-slide .header-container > p{
        max-width: 70% !important;
    }
    .header-slide .header-container{
        margin-bottom: 17vh !important;
    }
    .header-slider .slick-dots{
        position: relative !important;
        margin-left: auto;
        margin-right: auto;
        right: 0px !important;
        width: max-content !important;
        height: 0px !important;
    }
    .header-slider .slick-dots button{
        background: var(--color-5) !important;
    }
    .header-slider .slick-dots li:not(.slick-active) button,
    .carousel-slider .slick-arrow.slick-disabled{
        opacity: 0.5 !important;
    }
    .p-max-width-big p{
        max-width: 80% !important;
    }
    /* CARROUSEL INDUSTRIES */
    .carousel-productos-background > .carousel-productos-image-background-img,
    .carousel-productos-background:after,
    .carousel-content{
        display: none !important;
    }
    .carousel-productos-background{
        height: auto !important;
        display: block !important;
    }
    .carousel-productos-background .carousel-content{
        padding-bottom: 0px !important;
        width: 100% !important;
    }
    .carousel-contenedor{
        grid-template-columns: 1fr !important;
    }
    .carousel-productos-background .carousel-slider{
        padding-left: 0px !important;
    }
    .carousel-productos .carousel-slider > .slick-list{
        width: 70% !important;
        padding-left: 5% !important;
    }
    .carousel-productos .carousel-slider > .slick-list{
        overflow: visible !important;
    }
    .carousel-productos .carousel-slider .slick-arrow{
        background: var(--color-1) !important;
        bottom: 8rem;
    }
    .carousel-slider .slick-arrow.slick-prev{
        right: auto !important;
        left: calc(50% - 5rem);
    }
    .carousel-slider .slick-arrow.slick-next{
        right: calc(50% - 5rem);
    }
    .carousel-slider{
        padding-bottom: 20rem;
    }
    /* EFECTO */
    .industries-block-effect,
    .industries-block-effect:before{
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center;
    }
    .industries-block-effect:before{
        content: "";
        background: var(--color-1);
        opacity: 0.7;
    }
    .industries-block-effect-container{
        z-index: 9;
        position: absolute;
        top: 0px;
        left: 0px;
        width: calc(100% - 90px);
        height: calc(100% - 90px);
        padding: 45px;
    }
    .industries-block-effect{
        border-radius: 5px;
        overflow: hidden;
        transition: 0.5s;
        opacity: 0;
    }
    .industries-block.active .industries-block-effect{
        opacity: 1;
    }
    .industries-block.hover .industries-block-effect{
        opacity: 1;
    }
    .carousel-productos .button-lean-more{
        z-index: -1;
    }
    .industries-block-effect *{
        color: var(--color-5) !important;
    }
    .section-aplicacion-industrias > .vc_column-inner > .wpb_wrapper{
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 15px;
        width: 90% !important;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 10px !important;
    }
    .application-industries-section-block{
        grid-template-columns: 1fr !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    .application-industries-the-block{
        grid-column: span 1 !important;
    }
    div.application-industries-the-block > .application-industries-block .application-img,
    .home-industries-section .carousel-industries-img > img{
        /* height: 80px !important;
        top: 15px !important;
        left: 15px !important;
        width: calc(100% - 30px) !important; */
        width: 100% !important;
        height: 100% !important;
        top: 0% !important;
        left: 0% !important;
    }
    .home-industries-section .carousel-industries-img{
        height: 100% !important;
    }
    .application-industries-the-block > .application-industries-block{
        height: 200px !important;
    }
    .industries-width-text-100 p{
        max-width: 100% !important;
    }
    .industries-second-section{
        background-size: 400px !important;
        background-position: -200px center !important;
    }

    .pestanas-default .vc_tta-tabs-container{
        display: block !important;
        margin-bottom: 3rem !important;
    }
    .pestanas-default .vc_tta-panel-heading{
        display: none !important;
    }
    .pestanas-default .vc_tta-panel-body{
        background: transparent !important;
        border: none !important;
    }
    .lista-benefits ul{
        gap: 15px 25px !important;
        margin-top: 0px !important;
        margin-right: 0px !important;
        grid-template-columns: repeat(2, calc(50% - 12.5px)) !important;
    }
    .pestanas-default .wpb_single_image{
        margin-top: 45px;
        width: 90% !important;
    }
    .column-otec-industries > .wpb_column{
        width: 90% !important;
    }
    .image-after-content:after{
        right: -1rem !important;
        bottom: -1rem !important;
    }
    .contact-form-finishing-processes.contact-form-default form{
        grid-template-columns: 1fr !important;
        grid-gap: 35px !important;
    }
    .column-form-1,
    .column-form-2,
    .contact-form-default form{
        grid-gap: 35px !important;
    }
    .contact-form-finishing-processes.contact-form-default form textarea{
        height: 120px !important;
    }
    .contact-form-finishing-processes.contact-form-default form .column-form{
        height: auto !important;
    }
    .finishing-processes-background-contact-section{
        background-position: center 105% !important;
        background-size: 600px;
    }
    .finishing-processes-background-contact-section textarea,
    .finishing-processes-background-contact-section input{
        background: transparent !important;
    }
    .logo-carrousel{
        padding-bottom: 95px;
    }
    .logo-carrousel .slick-arrow{
        top: 95px;
        width: 35px !important;
        height: 35px !important;
    }
    .logo-carrousel .slick-arrow.slick-prev{
        right: calc(50% + 7.5px);
    }
    .logo-carrousel .slick-arrow.slick-next{
        right: auto !important;
        left: calc(50% + 7.5px);
    }
    .home-industries-section{
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .home-industries-section > .home-industries-items{
        grid-column: span 1 !important;
    }
    .home-industries-items .carousel-industries-text > p{
        text-align: center !important;
        padding-bottom: 55px;
        position: relative;
        color: var(--color-2) !important;
    }
    .home-industries-items .carousel-industries-text > p > svg{
        position: absolute;
        right: calc(50% - 14px);
        bottom: 5px;
    }
    .home-industries-section .carousel-industries-img{
        /*height: 160px !important;*/
    }
    .home-industries-items .industries-block,
    .application-industries-the-block > .application-industries-block{
        height: auto !important;
        background: #F7F8FA !important;
        aspect-ratio: 330 / 270 !important;
    }
    .home-industries-items .industries-block .font-title-5{
        line-height: 25px !important;
    }
    .home-industries-img-section{
        top: -950px !important;
        margin-bottom: -950px !important;
    }
    .finishing-processes-background{
        background-size: 600px !important;
        background-position: center 110% !important;
    }
    .evento-section-home .evento-column{
        /* grid-template-columns: 65px calc(100% - 80px) !important; */
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 15px !important;
    }
    .evento-section-home .evento-column > .evento-textos-2{
        grid-column: span 2 !important;
    }
    .evento-section-home .evento-textos{
        grid-template-columns: repeat(3, 1fr) !important;
    }
    .evento-section-home{
        margin-bottom: 65px !important;
    }
    .section-link-blog{
        margin-top: 0px !important;
        margin-bottom: 45px !important;
    }
    .finishing-processes-slide-mobile:before,
    .finishing-processes-slide-mobile:after{
        display: none !important;
    }
    .finishing-processes-section{
        height: 330px !important;
    }
    .finishing-processes-slide-mobile .slick-list{
        width: 80% !important;
        overflow: visible !important;
    }
    .finishing-processes-slide-mobile{
        padding-bottom: 125px !important;
    }
    .finishing-processes-slide-mobile .slick-arrow{
        bottom: 30px !important;
    }
    .finishing-processes-title{
        font-size: var(--font-size-title-5) !important;
        line-height: 1 !important;
    }
    .block-learn-more > a{
        padding: 15px !important;
        /*height: 380px !important;*/
        height: 435px;
    }
    .block-learn-img{
        aspect-ratio: auto !important;
        width: calc(100% - 30px) !important;
        height: 150px !important;
    }
    .block-learn-more-section{
        top: -115px !important;
    }
    .block-learn-more-responsive .slick-list{
        width: 60%;
        left: 5%;
        overflow: visible !important;
    }
    .block-learn-more-responsive .slick-arrow{
        bottom: 35px;
        background: var(--color-5) !important;
    }
    .block-learn-more-responsive .slick-arrow:after{
        color: var(--color-1) !important;
    }
    .block-learn-more .button-lean-more{
        position: relative !important;
        left: 0px !important;
        top: 0px !important;
    }
    .block-learn-more .block-learn-text{
        height: auto !important;
    }
    .block-learn-more .block-learn-img{
        position: absolute;
        right: 15px;
        bottom: 15px;
    }
    /* OTEC FORM SECTION */
    .content-popup-contacto.contact-form-default form{
        grid-gap: 15px !important;
    }
    .content-popup-contacto.contact-form-default .column-form{
        height: 6rem !important;
    }
    .content-popup-contacto.contact-form-default .column-form-1,
    .content-popup-contacto.contact-form-default .column-form-2{
        grid-gap: 15px !important;
    }
    .content-popup-contacto.contact-form-default .column-form-privacidad-button .download-button,
    .content-popup-contacto.contact-form-default .column-form-privacidad-button .wpcf7-spinner{
        margin-top: 2rem !important;
    }
    .content-popup-contacto.contact-form-default .column-form.column-form-requeriments{
        height: auto !important;
        margin-bottom: -10px !important;
    }
    .close-popup-form-contacto{
        font-size: 30px !important;
        top: 4rem;
        right: 4rem;
    }
    .popup-form-contact{
        top: auto !important;
        bottom: 0px !important;
        border-radius: 5px 0px 0px 0px;
    }
    .popup-form-contact-p{
        font-size: 12px !important;
    }
    nav.site-navigation > .site-nativation-container{
        width: 100% !important;
    }
    nav.site-navigation .menu{
        margin-top: 95px !important;
        margin-left: 10% !important;
        width: 80% !important;
    }
    nav.site-navigation .menu-item.wpml-ls-item{
        position: relative !important;
        bottom: 0px !important;
        margin-top: 25px !important;
    }
    nav.site-navigation .menu-item.wpml-ls-item > a{
        color: var(--color-2) !important;
    }
    nav.site-navigation .menu-item,
    nav.site-navigation .menu-item > a{
        font-weight: 400 !important;
    }
    .site-nativation-container .close-menu{
        font-size: 24px !important;
        top: 33px !important;
        right: 10% !important;
    }
    .logo-menu-mobile{
        margin-left: 10%;
        margin-top: 25px;
        position: absolute;
    }
    .logo-menu-mobile svg,
    .header-type-image svg{
        width: 166px;
    }
    .header-type-image svg{
        top: -5px !important;
        position: relative !important;
    }
    .pestanas-default > .vc_tta-tabs-container{
        margin-right: 0px !important;
    }
    .pestanas-default > .vc_tta-tabs-container > .vc_tta-tabs-list{
        display: grid !important;
        grid-template-columns: repeat(2, 50%) !important;
        grid-gap: 0px !important;
        text-align: center !important;
    }
    .pestanas-default .vc_tta-tabs-container .vc_tta-title-text{
        font-size: 25px !important;
    }
    .pestanas-default .vc_tta-tabs-container .vc_tta-tab.vc_active .vc_tta-title-text{
        font-weight: 400 !important;
    }
    .pestanas-default .vc_tta-tabs-container .vc_tta-tab:not(.vc_active) .vc_tta-title-text{
        font-weight: 300 !important;
    }
    .block-process-options-section .block-process-options-1 .proccess-title{
        font-size: 25px !important;
    }
    .block-process-options-section .block-process-options-2{
        height: calc(100% - 4rem) !important;
        padding: 2rem !important;
    }
    .block-process-options > .block-process-options-div{
        aspect-ratio: 331 / 481 !important;
    }
    /* .carousel-contenedor .effect-plus.effect-hover:not(:hover) .carousel-industries-text{
        z-index: 9;
    } */
    .carousel-contenedor .effect-plus.effect-hover:not(:hover) .button-lean-more{
        pointer-events: none;
        z-index: -1;
    }
    .industries-title{
        width: 100% !important;
    }
    /*.carousel-industries-text > .font-title-5{
        padding-right: 0px !important;
    }*/
    .industries-home-section-after:after{
        content: "";
        position: absolute;
        left: 0px;
        top: 0px;
        background: var(--color-5);
        width: 100%;
        height: calc(100% + 150px);
        z-index: 1;
    }
    .industries-home-section-after{
        overflow: visible !important;
    }
    .industries-home-section-after > .wpb_column{
        z-index: 2;
    }
    .home-industries-items .industries-block{
        aspect-ratio: 172 / 224 !important;
    }
    .home-industries-section .carousel-industries-img > img{
        height: 50% !important;
    }
    .line-height-text-3,
    .line-height-text-3 *{
        line-height: 25px !important;
    }
    .application-industries-the-block > .application-industries-block{
        /* aspect-ratio: 420 / 278 !important; */
        aspect-ratio: initial !important;
        height: calc(75px + 100px) !important;
    }
    div.application-industries-the-block > .application-industries-block .application-img{
        height: auto !important;
        width: 100% !important;
        max-height: calc(100% - 75px);
        left: auto !important;
        right: 0px !important;
        object-fit: cover !important;
    }
    .section-aplicacion-industrias > .vc_column-inner > .wpb_wrapper{
        grid-template-columns: calc(50% - 7.5px) calc(50% - 7.5px);
    }
    body.home .home-industries-items .font-title-5{
        padding-right: 0px !important;
    }
    body.home .home-industries-section{
        grid-gap: 10px !important;
        width: calc(100% + 30px) !important;
        left: -15px !important;
        position: relative !important;
    }
    /*body.home .home-industries-items .carousel-industries-text > p > svg{
        bottom: 0px !important;
    }
    body.home .home-industries-items .carousel-industries-text > p{
        padding-bottom: 40px !important;
    }*/
    body.home .home-industries-items .industries-block{
        aspect-ratio: 172 / 270 !important;
    }
    .application-industries-the-block .application-induestries-text{
        margin: auto 0.5rem 1rem 1rem !important;
    }
    .application-industries-the-block .application-induestries-text .application-subtitle{
        font-size: 14px !important;
        line-height: 1.2 !important;
    }
    .application-industries-the-block .application-induestries-text .application-title{
        font-size: 16px !important;
        line-height: 1.2 !important;
        margin-bottom: 0.5rem !important;
    }
    .content-popup-contacto.contact-form-default form textarea{
        height: 6rem !important;
    }
    .evento-section-home .evento-textos{
        grid-column: span 2 !important;
    }
    .evento-section-home .evento-column > .evento-textos-2{
        grid-column: span 1 !important;
    }
    .industries-template-default .header-normal .header-container > .header-slide-title{
        font-size: 35px !important;
        line-height: 40px !important;
        width: 70% !important;
    }
    .industries-template-default .header-normal .header-container > .header-slide-text{
        font-size: 18px !important;
        line-height: 22px !important;
        width: 70% !important;
    }
}
@media (max-width: 1360px){
    :root{
        --container: 85%;
    }
}

@media (min-width: 1024px) and (max-width: 1500px){
    .menu-industries > .sub-menu{
        max-height: 40vh;
        width: 20vw;
        overflow-y: scroll;
    }
    /* === Estilos para Firefox === */
    .menu-industries{
        width: calc(20vw + 1.5rem);
    }
    .menu-industries > .sub-menu {
        scrollbar-width: thin;
        scrollbar-color: var(--color-1) #F5F5F5;
        position: relative;
    }

    /* === Estilos para Chrome, Safari y Edge === */
    .menu-industries > .sub-menu::-webkit-scrollbar {
        width: 8px;
    }
    .menu-industries > .sub-menu::-webkit-scrollbar-track {
        background: #F5F5F5;
    }
    .menu-industries > .sub-menu::-webkit-scrollbar-thumb {
        background-color: var(--color-1);
        border-radius: 10px;
        background-image: none !important;
        border: 0 !important;
    }
    .menu-industries > .sub-menu::-webkit-scrollbar-button {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
    }
    .block-learn-more-section .block-learn-more .button-lean-more{
        top: 40px !important;
    }
    .block-process-options-div > .block-process-options-2 > .process-p{
        font-size: 14px !important;
        line-height: 1.8 !important;
        margin-top: 1rem !important;
    }
}
@media (min-width: 1024px) and (max-width: 1350px){
    .menu-industries > .sub-menu{
        max-height: 30vh;
    }
    .block-process-options-div > .block-process-options-2 > .process-p{
        font-size: 12px !important;
        line-height: 1.7 !important;
        margin-top: 0.5rem !important;
    }
    .block-process-options-div > .block-process-options-2{
        height: calc(100% - 4rem) !important;
        padding: 2rem !important;
    }
    .carousel-productos .carousel-contenedor{
        grid-template-columns: 470px 53vw !important;
    }
    .carousel-productos .carousel-contenedor .carousel-content{
        max-width: 100% !important;
    }
}
@media (min-width: 1024px) and (max-width: 1200px){
    .menu-industries > .sub-menu{
        max-height: 20vh;
    }
}
@media (min-width: 1024px) and (max-width: 1250px){
    .block-learn-more .block-learn-title{
        font-size: 13px !important;
    }
    .block-learn-more .block-learn-text{
        font-size: 12px !important;
    }
}