/*
Theme Name: Base
Theme URI: https://www.invbit.com
Author: Base
Author URI: https://www.invbit.com
Description: Base para Betheme
Template: betheme
Version: 1.6.2
*/



/*** GENERAL ***/
    html{ scroll-behavior: smooth; }
    .validate_email_against_bot { display: none; }

    #Side_slide .close-wrapper { height: auto; margin-bottom: 40px; order: 1; }
    #Side_slide .close-wrapper button.close { height: auto; width: auto; display: block; margin: 35px 13px 0 auto; background: transparent; padding: 0; color: #fff; font-size: 30px; line-height: 30px; }
    #Side_slide .close-wrapper button.close i { font-size: 22px; line-height: calc( (34 / 16) * 1rem ); }
    #Side_slide .search-wrapper button.submit { position: absolute; top: 0; right: 5px; font-size: calc( (20 / 16) * 1rem ); padding: 10px; background: transparent; }

    #Top_bar button.responsive-menu-toggle { display: none; position: absolute; right: 0px; top: 100%; margin-top: -17px; width: calc( (34 / 16) * 1rem ); height: calc( (34 / 16) * 1rem ); text-align: center; border-radius: 3px; z-index: 200; padding: 0; box-shadow: none; }
    #Top_bar button.responsive-menu-toggle span { font-size: 22px; line-height: calc( (34 / 16) * 1rem ); }
    #Top_bar .search_wrapper button[type="submit"] { display: none; }

    body.keyboard-support [role=link]:focus, body.keyboard-support a:focus, body.keyboard-support button:focus{ outline: unset !important; }

    #back_to_top{ width: 50px; height: 50px; background-color: var(--azulClaro); color: var(--azulOscuro); border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 25px !important; font-weight: 700; }

    :root{
        --principal: #279EFF;
        --azulClaro: #40F8FF;
        --azulOscuro: #0C356A;
        --negro: #131315;
        --gris: #818C8E;

        --containerWidth: 1220px;
        --halfSection: 610px;

        --pad-100: 100px 0px;
        --100: 100px;
        --70: 70px;
        --40: 40px;
        
        scrollbar-color: var(--azulOscuro) var(--gris);
        scrollbar-width: thin;
    }

    ::-webkit-scrollbar { width: 8px; background-color: var(--gris); }
    ::-webkit-scrollbar-track { background-color: var(--gris); }
    ::-webkit-scrollbar-thumb { border-radius: 10px; background-color: var(--azulOscuro); }
    ::-webkit-scrollbar-thumb:hover { background-color: var(--principal); }

    .principal{ color: var(--principal); }
    .azulClaro{ color: var(--azulClaro); }

    .pad-100{ padding: var(--pad-100); }
    .pad-100-top{ padding-top: var(--100); }
    .pad-100-bottom{ padding-bottom: var(--100); }
    .pad-70-bottom{ padding-bottom: var(--70); }
    .pad-40-bottom{ padding-bottom: var(--40); }


    /*Botones*/
    .button-custom .button{ letter-spacing: 0.48px; text-transform: uppercase; overflow: visible; border-radius: 5px; }
    .button-custom .button::before{ position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--principal); transition: all 0.3s; z-index: -1; }
    .button-custom .button::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.4s; border: 2px solid var(--principal); transform: scale(1.2,1.5); opacity: 0; z-index: 1; }
    .button-custom .button:hover::before{ opacity: 0; transform: scale(0.7,0.7); }
    .button-custom .button:hover::after { opacity: 1; transform: scale(1,1); }

    .button-custom .button.button_theme::before{ background-color: var(--azulClaro); }
    .button-custom .button.button_theme::after{ border-color: var(--azulOscuro); }


    /*Cabecera*/
    #Subheader{ height: 50vh; padding: 40px 0 var(--100); background-position: center; background-size: cover; }
    #Subheader:before{ content: ""; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(12, 53, 106, 0.70) 4.95%, rgba(12, 53, 106, 0.00) 17.19%); position: absolute; top: 0; left: 0; z-index: 5; }
    #Subheader:after{ content: ""; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%); position: absolute; top: 0; left: 0; box-shadow: unset; bottom: unset; }
    #Subheader > .container{ display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; z-index: 3; }
    #Subheader ul.breadcrumbs li, #Subheader ul.breadcrumbs li a{ color: rgba(255,255,255,1); text-transform: uppercase; letter-spacing: 0.96px; }


    /*Texto intro*/


    /*Complianz*/
    #cmplz-document{ font-size: 16px; max-width: 100%; padding: var(--pad-100); }
    #cmplz-document p, #cmplz-document li, #cmplz-document td{ font-size: 16px; color: var(--negro); }
    #cmplz-document h2{ font-size: 48px; line-height: 53px; font-weight: 700; margin-top: var(--40); border: unset;} 

    .cmplz-cookiebanner .cmplz-message{ font-size: 12px !important; }
    .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-title{ font-size: 14px !important; font-weight: 600 !important; }
    .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:after{ top: 2px !important; }
    .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:before{ top: 0px !important; }
    .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-description{ font-size: 12px !important; line-height: 14px !important; }

    .cmplz-cookiebanner .cmplz-buttons .cmplz-btn{ letter-spacing: 0.48px; text-transform: uppercase; }

    #cmplz-manage-consent .cmplz-manage-consent{ background-image: url(imagenes/fondo-ajustes.svg); background-repeat: no-repeat; background-position: center; background-size: 100%; right: unset !important; left: 0px; 
        font-size: 0px; color: #fff !important; width: 140px; background-color: transparent !important; box-shadow: unset !important; bottom: -2px !important; padding: 0 !important; outline: unset !important; border: unset !important; }
    #cmplz-manage-consent .cmplz-manage-consent:before{ content: ""; background-image: url(imagenes/icono-ajustes.svg); background-repeat: no-repeat; background-position: center; background-size: 100%; width: 28px; height: 28px;
        position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.8s ease; }
    #cmplz-manage-consent .cmplz-manage-consent:hover:before{ transform: translate(-50%, -54%); }




/*** MENU ***/
    #Top_bar .column{ width: calc(100% - 100px); float: unset; margin: auto; }

    #Top_bar .logo{ margin: 0; float: unset; position: absolute; }
    #Top_bar #logo{ height: 172px !important; line-height: 172px !important; } 
    #Top_bar #logo img.svg{ max-height: 100% !important; }

    #Top_bar .menu > li > a{ padding: 40px 0; line-height: 16px; }
    #Top_bar .menu > li > a span:not(.description){ line-height: 16px; }

    #Header .top_bar_right{ padding: 0; }
    #Top_bar .top_bar_right .action_button{ margin-left: 20px; letter-spacing: 0.48px; text-transform: uppercase; overflow: visible; }
    #Top_bar .top_bar_right .action_button::before{ position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--principal); transition: all 0.3s; z-index: -1; }
    #Top_bar .top_bar_right .action_button::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.4s; border: 2px solid var(--principal); transform: scale(1.2,1.5); opacity: 0; z-index: 1; }
    #Top_bar .top_bar_right .action_button:hover{ color: var(--principal); }
    #Top_bar .top_bar_right .action_button:hover::before{ opacity: 0; transform: scale(0.7,0.7); }
    #Top_bar .top_bar_right .action_button:hover::after { opacity: 1; transform: scale(1,1); }


/*** FOOTER ***/
    #Footer{ display: flex; flex-direction: column; }

    #Footer .footer_action{ order: 1; background: unset; }
    #Footer .footer_action .container{ width: calc(100% - 100px); margin: auto; }
    #Footer .footer_action .kit-digital{ display: grid; grid-template-columns: 1fr 1fr 5fr; gap: 20px; padding: 25px 0 0; }
    #Footer .footer_action .kit-digital img { max-height: 50px; width: auto; max-width: unset; }
    #Footer .footer_action .kit-digital p { font-size: 14px !important; line-height: 20px; margin-bottom: 0; color: #fff; }

    #Footer .widgets_wrapper{ order: 2; }
    #Footer .widgets_wrapper .container{ width: calc(100% - 100px); margin: auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
    #Footer .widgets_wrapper .widget{ margin: 0 !important; width: 100%; }
    #Footer .widgets_wrapper #block-7 p{ text-transform: uppercase; font-size: 16px; line-height: 149%; font-weight: 400; letter-spacing: 0.8px; color: #fff; margin-bottom: 0; }
    #Footer .widgets_wrapper #block-3 p{ margin-bottom: 0; }
    #Footer .widgets_wrapper #block-3 p a{ font-size: 35px; line-height: 138%; font-weight: 700; color: #fff; text-decoration: unset; }
    #Footer .widgets_wrapper #block-3 p a:hover{ color: var(--azulClaro); }
    #Footer .widgets_wrapper #block-8 > p{ display: none; }
    #Footer .widgets_wrapper #block-8 > ul.social{ display: flex; justify-content: center; align-items: center; gap: 20px; }
    #Footer .widgets_wrapper #block-8 > ul.social a{ width: 45px; height: 45px; display: flex; justify-content: center; align-items: center; background-color: var(--azulClaro); color: var(--azulOscuro); border-radius: 50%; font-size: 25px; transition: all 0.5s ease; }
    #Footer .widgets_wrapper #block-8 > ul.social a:hover{ transform: translateY(-5px); }
    #Footer .widgets_wrapper #block-6 p{ margin-bottom: 5px; text-align: right; }
    #Footer .widgets_wrapper #block-6 p a{ font-size: 23px; line-height: 138%; font-weight: 500; color: #fff; text-decoration: unset; }
    #Footer .widgets_wrapper #block-6 p a:hover{ color: var(--azulClaro); }
    #Footer .widgets_wrapper #block-5 p{ margin-bottom: 0; text-align: right; font-size: 16px; line-height: 148%; font-weight: 400; color: #fff; letter-spacing: 0.8px; text-transform: uppercase; }

    #Footer .footer_copy{ order: 3; background-color: var(--principal); }
    #Footer .footer_copy .container{ width: calc(100% - 100px); margin: auto; }
    #Footer .footer_copy .one{ min-height: unset; margin-bottom: 15px; padding-top: 15px; }
    #Footer .footer_copy .one > .social{ display: none; }
    #Footer .footer_copy .copyright{ float: unset; width: 100%; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap-reverse; gap: 5px; }
    #Footer .footer_copy .copyright p{ margin-bottom: 0; color: #fff; font-size: 14px; line-height: 100%; font-weight: 500; }
    #Footer .footer_copy .copyright ul.menu{ display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: 0 20px; }
    #Footer .footer_copy .copyright ul.menu li{ position: relative; }
    #Footer .footer_copy .copyright ul.menu li:not(:last-child):before{ content: ""; background-color: #fff; width: 1px; height: 14px; position: absolute; top: 50%; transform: translateY(-50%); right: -12px; }
    #Footer .footer_copy .copyright ul.menu li a{ color: #fff; font-size: 14px; line-height: 100%; font-weight: 500; } 


/*** INICIO ***/
    .portada .mfn-visualeditor-content > p{ display: none; }
    .portada .lightSlider{ height: 100vh; }
    .portada .lightSlider .slide:before{ content: ""; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(12, 53, 106, 0.70) 4.95%, rgba(12, 53, 106, 0.00) 17.19%); position: absolute; top: 0; left: 0; z-index: 5; }
    .portada .lightSlider .slide:after{ content: ""; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%); position: absolute; top: 0; left: 0;  }
    .portada .lightSlider .text-wrap{ align-items: flex-start; justify-content: flex-end; text-align: left; padding-bottom: 100px; max-width: var(--containerWidth); right: unset; transform: translateX(-50%); left: 50%; }
    .portada .lightSlider .text-wrap h2{ color: #fff; font-size: 96px; font-weight: 500; line-height: 110%; max-width: 500px; }
    .portada .lightSlider .text-wrap p{ color: #FFF; font-family: Roboto Condensed; font-size: 32px; font-weight: 500; line-height: normal; letter-spacing: 0.96px; text-transform: uppercase; margin-bottom: 0; }
    .portada .lightSlider .moreInfo{ bottom: 30px; left: 50px; }
    .portada .lightSlider .moreInfo > a:before{ content: unset; }
    .portada .lightSlider .moreInfo > a .arrows{ margin-right: 10px; }
    .portada .lightSlider .moreInfo > a .arrows i{ display: inline-block; transition: all 0.5s ease; }
    .portada .lightSlider .moreInfo > a .arrows i:nth-child(1){ transform: rotate(90deg) translateY(-15px); }
    .portada .lightSlider .moreInfo > a .arrows i:nth-child(2){ transform: rotate(90deg) translateY(-8px); }
    .portada .lightSlider .moreInfo > a .arrows i:nth-child(3){ transform: rotate(90deg) translateY(0px); }
    .portada .lightSlider .moreInfo > a:hover{ text-decoration: unset; }
    .portada .lightSlider .moreInfo > a:hover .arrows i:nth-child(1){ transform: rotate(90deg) translateY(-10px); }
    .portada .lightSlider .moreInfo > a:hover .arrows i:nth-child(2){ transform: rotate(90deg) translateY(-3px); }
    .portada .lightSlider .moreInfo > a:hover .arrows i:nth-child(3){ transform: rotate(90deg) translateY(5px); } 

    .texto-intro .mcb-wrap-inner{ gap: 85px; }
    .texto-intro .mcb-wrap-inner .column_heading{ width: calc(44% - 43px); }
    .texto-intro .mcb-wrap-inner .column_visual{ width: calc(56% - 43px); }
    .texto-intro h2{ font-size: 32px; line-height: normal; font-weight: 700; letter-spacing: 0.96px; text-transform: uppercase; }
    .texto-intro p{ font-size: 18px; line-height: 150%; }

    .caracteristicas .mcb-wrap-inner{ display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 30px; }
    .caracteristicas .box-caracteristica{ width: 100%; height: 100%; }
    .caracteristicas .box-caracteristica .mcb-column-inner{ margin: 0; height: 100%; }
    .caracteristicas .box-caracteristica .mcb-column-inner .promo_box{ height: 100%; }
    .caracteristicas .box-caracteristica .promo_box_wrapper{ height: 100%; background-color: #fff; border-radius: 10px; box-shadow: 0px 18px 88px -4px rgba(24, 39, 75, 0.14), 0px 8px 28px -6px rgba(24, 39, 75, 0.12); padding: 30px 20px; 
        display: flex; justify-content: flex-start; align-items: flex-start; gap: 30px; }
    .caracteristicas .box-caracteristica .promo_box_wrapper .desc_wrapper{ margin: 0; padding: 0; width: calc(100% - 155px); }
    .caracteristicas .box-caracteristica .promo_box_wrapper .desc_wrapper h2{ font-size: 20px; font-weight: 700; line-height: normal; text-transform: uppercase; }
    .caracteristicas .box-caracteristica .promo_box_wrapper .desc_wrapper .desc{ max-width: 300px; }
    .caracteristicas .box-caracteristica .promo_box_wrapper .desc_wrapper a{ background-color: transparent; padding: 0; font-size: 14px; line-height: 14px; font-weight: 600; letter-spacing: 0.7px; color: var(--principal); margin: 0; position: relative; }
    .caracteristicas .box-caracteristica .promo_box_wrapper .desc_wrapper a .button_icon{ display: none; }
    .caracteristicas .box-caracteristica .promo_box_wrapper .desc_wrapper a .button_label{ margin-left: 0; }
    .caracteristicas .box-caracteristica .promo_box_wrapper .desc_wrapper a:after{ content: unset; }
    .caracteristicas .box-caracteristica .promo_box_wrapper .desc_wrapper a:before{ width: 8px; height: 8px; z-index: 0; border: 2px solid var(--principal); border-bottom: unset; border-left: unset; transform: rotate(45deg); top: 2px;
        background-color: transparent; left: unset; right: -10px; }
    .caracteristicas .box-caracteristica .promo_box_wrapper .desc_wrapper a:hover:before{ opacity: 1; transform: rotate(45deg) unset; right: -15px; }

    .proyectos-recientes:before{ content: ""; width: 100%; height: calc(100% + 70px); background-color: var(--azulOscuro); background-image: url(imagenes/decoracion-ondas.svg); background-repeat: no-repeat; background-position: center; background-size: 100%; position: absolute; top: -70px; left: 0; }
    .proyectos-recientes .section_wrapper{ width: calc(100% - 100px); margin: auto; }
    .proyectos-recientes .sec-intro .column_heading p{ font-family: Roboto Condensed; font-size: 18px; font-weight: 700; line-height: 130%; text-transform: uppercase; color: var(--azulClaro); max-width: 100px; }
    .proyectos-recientes .sec-intro .column_heading:before{ content: ""; width: 70%; height: 2px; background-color: var(--azulClaro); position: absolute; bottom: -25px; left: -50px; }
    .proyectos-recientes .sec-intro .mfn-visualeditor-content h2{ color: #fff; max-width: 1040px; }
    .proyectos-recientes .sec-intro .mfn-visualeditor-content p{ color: #fff; font-size: 18px; line-height: 150%; max-width: 1040px; }

    .proyectos-recientes .con-proyectos-slider .portfolio_slider_ul li{ padding: 0 40px; }
    .proyectos-recientes .con-proyectos-slider .portfolio_slider_ul li .image_frame, .proyectos-recientes .con-proyectos-slider .portfolio_slider_ul li .image_frame *{ width: 100%; border-radius: 10px; }
    .proyectos-recientes .con-proyectos-slider .portfolio_slider_ul li .image_frame img{ object-fit: cover; }
    .proyectos-recientes .con-proyectos-slider .portfolio_slider_ul li h4{ color: #fff; margin-top: 30px; text-align: center; }
    .proyectos-recientes .con-proyectos-slider .portfolio_slider_ul li h4 a{ color: #fff; }
    .proyectos-recientes .con-proyectos-slider .portfolio_slider_ul .slick-arrow{ width: 19px; height: 11px; display: flex; justify-content: center; align-items: center; z-index: 10; transition: all 0.5s ease; position: absolute; top: -80px; }
    .proyectos-recientes .con-proyectos-slider .portfolio_slider_ul .slick-arrow.slider_prev{ left: calc(25% + 5px); }
    .proyectos-recientes .con-proyectos-slider .portfolio_slider_ul .slick-arrow.slider_next{ left: calc(25% + 35px); }
    .proyectos-recientes .con-proyectos-slider .portfolio_slider_ul .slick-arrow.slider_prev:hover{ left: 25%; }
    .proyectos-recientes .con-proyectos-slider .portfolio_slider_ul .slick-arrow.slider_next:hover{ left: calc(25% + 40px); }

    .info-empresa h2{ color: var(--azulOscuro); margin-bottom: 20px; }
    .info-empresa p{ color: var(--gris); }
    .info-empresa p strong{ color: var(--negro); font-size: 18px; line-height: 150%; font-weight: 600; display: block; }
    .info-empresa .column_button{ width: fit-content; margin-top: 30px; }
    .info-empresa .column_button:nth-child(3){ margin-right: 20px; }


/*** SERVICIOS Y NOSOTROS ***/
    .texto-centrado h2{ color: var(--azulOscuro); text-align: center; }
    .texto-centrado p{ text-align: center; }
    .texto-centrado .column_button{ padding-top: 10px; }

    .servicio .section_wrapper{ width: calc(100% - 100px); margin: auto; }
    .servicio .sec-intro .column_heading h2{ font-size: 32px; font-weight: 700; line-height: 130%; text-transform: uppercase; color: var(--azulOscuro); text-align: right; padding-right: 100px; }
    .servicio .sec-intro .column_heading:before{ content: ""; width: 100%; height: 2px; background-color: var(--azulOscuro); position: absolute; bottom: -10px; left: -70px; }
    .servicio .sec-intro .mfn-visualeditor-content h3{ max-width: 1040px; font-weight: 500; }
    .servicio .sec-intro .mfn-visualeditor-content p{ font-size: 18px; line-height: 150%; max-width: 1040px; }
    .servicio .cont-galeria .mcb-wrap-inner{ max-width: var(--containerWidth); margin: auto; }
    .servicio .cont-galeria .content_slider{ padding: 0 !important; }
    .servicio .cont-galeria .content_slider .slick-list{ overflow: visible; }
    .servicio .cont-galeria .content_slider .content_slider_ul li{ padding: 0 15px !important; }
    .servicio .cont-galeria .content_slider .content_slider_ul li img{ border-radius: 10px; margin-bottom: 0px; height: 380px; width: 100%; object-fit: cover; }
    .servicio .cont-galeria .content_slider .content_slider_ul li h3{ display: none; }
    .servicio .cont-galeria .content_slider .content_slider_ul li .desc{ text-align: center; font-size: 20px; line-height: normal; font-weight: 500; color: var(--negro); }
    .servicio .mfn-visualeditor-content{ padding: 0 20px; }
    .servicio .mfn-visualeditor-content ul{ list-style: none; margin: 0 0 15px 0; }
    .servicio .mfn-visualeditor-content ul li{ font-size: 16px; line-height: 18px; padding-left: 20px; position: relative; }
    .servicio .mfn-visualeditor-content ul li:before{ content: ""; width: 10px; height: 10px; background-color: var(--principal); position: absolute; top: 4px; left: 0; }
    .servicio .mfn-visualeditor-content ul li ul{ margin-top: 10px; }
    .servicio .mfn-visualeditor-content ul li ul li{ padding-left: 15px; }
    .servicio .mfn-visualeditor-content ul li ul li:before{ border-radius: 50%; background-color: var(--azulOscuro); width: 8px; height: 8px; top: 5px; }
    .servicio .con-info-servicio .mcb-wrap-inner{ max-width: var(--containerWidth); margin: auto; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 90px; }
    .servicio .con-info-servicio .one-second.column{ width: 100%; height:100%; }
    .servicio .con-info-servicio .mcb-column-inner{ margin: 0; height: 100%; }
    .servicio .con-info-servicio .column_image *{ height: 100%; }
    .servicio .con-info-servicio .column_image img{ border-radius: 10px; object-fit: cover; }
    .servicio .con-info-servicio .column_visual .mfn-visualeditor-content{ padding: 40px 0; }
    .servicio .con-info-servicio .column_visual .mfn-visualeditor-content h4{ text-transform: uppercase; max-width: 480px; line-height: 27px; }

    .servicio.mantenimiento{ background-color: var(--azulOscuro); } 
    .servicio.mantenimiento .sec-intro .column_heading h2, .servicio.mantenimiento .sec-intro .mfn-visualeditor-content h3, .servicio.mantenimiento .sec-intro .mfn-visualeditor-content p, .servicio.mantenimiento .cont-galeria .content_slider .content_slider_ul li .desc,
        .servicio.mantenimiento .con-info-servicio .column_visual .mfn-visualeditor-content h4, .servicio.mantenimiento .con-info-servicio .column_visual .mfn-visualeditor-content ul li{ color: #fff; }
    .servicio.mantenimiento .sec-intro .column_heading:before{ background-color: #fff; }

    .servicio.industrial{ background-color: var(--azulOscuro); } 
    .servicio.industrial .sec-intro .column_heading h2, .servicio.industrial .sec-intro .mfn-visualeditor-content h3, .servicio.industrial .sec-intro .mfn-visualeditor-content p, .servicio.industrial .cont-galeria .content_slider .content_slider_ul li .desc,
        .servicio.industrial .con-info-servicio .column_visual .mfn-visualeditor-content h4, .servicio.industrial .con-info-servicio .column_visual .mfn-visualeditor-content ul li{ color: #fff; }
    .servicio.industrial .sec-intro .column_heading:before{ background-color: #fff; }

    .call-to-action{ height: 480px; padding: 40px 0 60px; }
    .call-to-action:before{ content: ""; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(12, 53, 106, 0.00) 0%, rgba(12, 53, 106, 0.70) 80.95%); position: absolute; bottom: 0; left: 0; z-index: 2;}
    .call-to-action:after{ content: "";  width: 206px; height: 230px; background-image: url(imagenes/deco-aro.svg); background-repeat: no-repeat; background-position: center; background-size: 100%; position: absolute; bottom: 0px; left: 0; z-index: 2; }
    .call-to-action .section_video:after{ content: ""; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%); position: absolute; top: 0; left: 0; z-index: 1; }
    .call-to-action .section_video video{ object-fit: cover; height: 100%; width: 100%; }
    .call-to-action .section_wrapper{ flex-direction: column; justify-content: flex-end; z-index: 10; }
    .call-to-action h2, .call-to-action p{ color: #fff; }
    .call-to-action p{ max-width: 860px; font-size: 18px; line-height: 150%; }
    .call-to-action .column_button{ margin-top:10px; }

    .proyectos-recientes.nosotros:before{ top: 0; height: 100%; }

    .sobre-nosotros .section_wrapper{ display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 0 80px; }
    .sobre-nosotros .section_wrapper .col-imagen{ height: 100%; width: 100%; }
    .sobre-nosotros .section_wrapper .col-imagen *{ height: 100%; }
    .sobre-nosotros .section_wrapper .col-imagen img{ width: 100%; object-fit: cover; border-radius: 10px; }
    .sobre-nosotros .section_wrapper .col-texto{ width: 100%; height: 100%; padding: 50px 0; display: flex; flex-direction: column; justify-content: flex-end; }
    .sobre-nosotros .section_wrapper .col-texto h2{ font-size: 32px; font-style: normal; font-weight: 700; line-height: 130%; letter-spacing: 0.96px; text-transform: uppercase; margin-top: 35px; max-width: 330px; }
    .sobre-nosotros .section_wrapper .col-texto p{ max-width: 500px; }


/*** CONTACTO ***/
    .info-contacto .mcb-wrap-inner{ display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 30px; }
    .info-contacto .box-contacto{ width: 100%; height: 100%; }
    .info-contacto .box-contacto .mcb-column-inner{ height: 100%; margin: 0; } 
    .info-contacto .box-contacto .mcb-column-inner a{ height: 100%; }
    .info-contacto .box-contacto .mfn-icon-box{ height: 100%; background-color: #fff; border-radius: 10px; box-shadow: 0px 18px 88px -4px rgba(24, 39, 75, 0.14), 0px 8px 28px -6px rgba(24, 39, 75, 0.12); padding: 30px 20px; 
        display: flex; justify-content: flex-start; align-items: flex-start; gap: 30px; }
    .info-contacto .box-contacto .mfn-icon-box .icon-wrapper{ background-image: url(imagenes/deco-circulo.svg); background-repeat: no-repeat; background-position: center; background-size: 100%; width: 90px; height: 90px; margin: 0; }
    .info-contacto .box-contacto .mfn-icon-box .icon-wrapper i{ color: var(--azulOscuro); font-size: 35px; }
    .info-contacto .box-contacto .mfn-icon-box .desc-wrapper h4{ font-size: 20px; line-height: normal; text-transform: uppercase; }
    .info-contacto .box-contacto ul.social{ display: flex; justify-content: flex-start; align-items: center; gap: 10px; }
    .info-contacto .box-contacto ul.social a{ width: 35px; height: 35px; display: flex; justify-content: center; align-items: center; background-color: var(--azulClaro); color: var(--azulOscuro); border-radius: 50%; font-size: 20px; transition: all 0.5s ease; }
    .info-contacto .box-contacto ul.social a:hover{ transform: translateY(-5px); }

    .form-contacto{ background-color: var(--azulOscuro); }
    .form-contacto:before{ content: "";  width: 206px; height: 230px; background-image: url(imagenes/deco-aro.svg); background-repeat: no-repeat; background-position: center; background-size: 100%; position: absolute; top: 0px; right: 0; z-index: 2; transform: rotate(180deg); }
    .form-contacto .mfn-visualeditor-content > h2{ text-align: center; color: #fff; }
    .form-contacto .mfn-visualeditor-content > p{ text-align: center; color: #fff; max-width: 780px; margin: auto; }

    .form-contacto label{ color: #fff; text-transform: uppercase; font-size: 20px; margin-bottom: 15px; line-height: normal; }
    .form-contacto button{ display: block; margin: 20px auto 0 !important; }

    .politicas p{ font-size: 12px; line-height: 14px; color: #fff; }

    span.wpcf7-form-control-wrap { display: inline-block; color: var(--negro); position: relative; }
    span.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-acceptance{ line-height: 20px; }
    span.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-acceptance input[type=checkbox] { position: absolute; visibility: hidden; width: 20px; height: 20px; top: 0; left: 0; }
    span.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-acceptance input[type=checkbox] + span:before { display: block; position: absolute; content: ''; border-radius: 0; height: 20px; width: 20px;
        top: 3px; left: 0px; background: transparent; border: 1px solid #fff; }
    span.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-acceptance input[type=checkbox] + span:after { display: block; position: absolute; content: "\2713"; height: 20px; width: 20px; top: 3px; left: 0;
        visibility: hidden; font-size: 16px; text-align: center; line-height: 20px; color: #fff; }
    span.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-acceptance input[type=checkbox]:checked + span:before { background: transparent; }
    span.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-acceptance input[type=checkbox]:checked + span:after { visibility: visible; }
    .wpcf7-list-item-label { margin-left: 20px; display: inline-block; text-transform: initial; font-size: 16px; }


/*** PROYECTOS ***/

    #Filters.filters4portfolio{ text-align: left; }
    #Filters.filters4portfolio .mcb-column-inner{ margin-bottom: var(--100); }
    #Filters.filters4portfolio .filters_wrapper > ul{ display: flex; justify-content: flex-start; align-items: center; border-bottom: 2px solid var(--azulOscuro); width: fit-content; }
    #Filters.filters4portfolio .filters_wrapper > ul:before{ content: ""; width: 100%; height: 2px; background-color: var(--azulOscuro); position: absolute; left: -100%; bottom: 0; }
    #Filters.filters4portfolio .filters_wrapper > ul li a{ font-family: Roboto Condensed; font-size: 18px; font-weight: 700; line-height: 130%; text-transform: uppercase; color: var(--azulOscuro); padding: 2px 10px; }
    #Filters.filters4portfolio .filters_wrapper > ul li.current-cat a:after{ content: unset; }
    #Filters.filters4portfolio .filters_wrapper > ul li > ul.sub-categories{ position: absolute; border-bottom: unset; bottom: -35px; opacity: 1; }
    #Filters.filters4portfolio .filters_wrapper > ul li.sector-industrial.current-cat + li ul.sub-categories{ opacity: 0; }
    #Filters.filters4portfolio .filters_wrapper > ul li > ul.sub-categories li a{ font-size: 14px; color: var(--azulOscuro); }
    #Filters.filters4portfolio .filters_wrapper > ul li > ul.sub-categories li a:hover, #Filters.filters4portfolio .filters_wrapper > ul li > ul.sub-categories li.current-cat a{ color: var(--azulClaro); }
   
    .portfolio_wrapper .portfolio_group{ height: auto !important; display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 20px 40px; }
    .portfolio_wrapper .portfolio_group.grid .portfolio-item{ width: 100%; margin: 0; position: relative !important; top: unset !important; left: unset !important; transform: unset !important; transition: all 0.5s ease !important; }
    .portfolio_wrapper .portfolio_group .portfolio-item .image_frame, .portfolio_wrapper .portfolio_group .portfolio-item .image_frame *{ border-radius: 10px; width: 100%; height: 100%; max-height: 280px; }
    .portfolio_wrapper .portfolio_group .portfolio-item .image_frame img{ object-fit: cover; }

    .pager_lm .pager_load_more{ margin-top: var(--40); margin-bottom: 0; }
    .pager_lm .pager_load_more.button .button_icon{ display: none; }
    .pager_lm .pager_load_more.button.has-icon .button_label{ margin-left: 0; }


    /* SINGLE */
    .single.single-portfolio #Subheader{ background-repeat: no-repeat; background-position: center; background-size: cover; }

    .single.single-portfolio .section-post-header{ display: none; }

    .single.single-portfolio .single-proyecto .titulo h2{ font-size: 32px; line-height: normal; font-weight: 700; letter-spacing: 0.96px; text-transform: uppercase; margin-bottom: 30px; }
    .single.single-portfolio .single-proyecto .texto p{ font-size: 18px; line-height: 150%; }
    .single.single-portfolio .single-proyecto .texto ul{ margin: 0 !important; list-style: none; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 10px 20px; }
    .single.single-portfolio .single-proyecto .texto ul li{ margin: 0; }
    .single.single-portfolio .single-proyecto .texto ul li strong{ text-transform: uppercase; }

    .single.single-portfolio .section-post-intro-share{ padding-bottom: var(--100); }
    .single.single-portfolio .section-post-intro-share .share-simple-wrapper{ border-top: 2px solid var(--azulOscuro); display: flex; justify-content: flex-start; align-items: center; }
    .single.single-portfolio .share-simple-wrapper .share-label{ text-transform: uppercase; color: var(--azulOscuro); font-weight: 600; letter-spacing: 0.96px; }
    .single.single-portfolio .share-simple-wrapper .icons{ display: flex; justify-content: flex-start; align-items: center; gap: 8px; }
    .single.single-portfolio .share-simple-wrapper .icons a{ width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; background-color: var(--azulClaro); color: var(--azulOscuro); border-radius: 50%; transition: all 0.5s ease; }
    .single.single-portfolio .share-simple-wrapper .icons a:hover{ transform: translateY(-5px); }

    .single.single-portfolio .section-post-related{ background-color: var(--azulOscuro); padding: var(--pad-100); }
    .single.single-portfolio .section-post-related .section-related-adjustment{ width: 100%; border: unset; padding-top: unset; }
    .single.single-portfolio .section-post-related .section-related-adjustment > h4{ color: #fff; text-align: center; padding-bottom: var(--40); font-size: 32px; line-height: 120%; font-weight: 500; margin-bottom: 0; }
    .single.single-portfolio .section-post-related .section-related-ul.col-2{  display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 0px 40px; }
    .single.single-portfolio .section-post-related .section-related-ul.col-2 .post-related{ width: 100%; margin: 0; }
    .single.single-portfolio .section-post-related .section-related-ul.col-2 .post-related .image_frame, .single.single-portfolio .section-post-related .section-related-ul.col-2 .post-related .image_frame *{ border-radius: 10px; width: 100%; height: 100%; max-height: 380px; }
    .single.single-portfolio .section-post-related .section-related-ul.col-2 .post-related .image_frame img{ object-fit: cover; }
    .single.single-portfolio .section-post-related .section-related-ul.col-2 .post-related .image_frame{ margin-bottom: 20px; }
    .single.single-portfolio .section-post-related .section-related-ul.col-2 .post-related .date_label{ display: none; }
    .single.single-portfolio .section-post-related .section-related-ul.col-2 .post-related .desc h4 a{ color: #fff; padding: 0 20px; }
    .single.single-portfolio .section-post-related .section-related-ul.col-2 .post-related .desc hr, .single.single-portfolio .section-post-related .section-related-ul.col-2 .post-related .desc a.button{ display: none; }


/*** RESPONSIVE ***/

    @media(max-width: 1239px){

        /*GENERAL*/
        :root {
            --halfSection: 470px;
            --containerWidth: 940px;
        }

        /*FOOTER*/
        #Footer .widgets_wrapper .container .one-third.column:first-child, #Footer .widgets_wrapper .container .one-third.column:last-child{ width: calc(50% - 55px); }
        #Footer .widgets_wrapper .container .one-third.column:nth-child(2){ width: auto; }

        /*INICIO*/
        .portada .lightSlider .moreInfo{ bottom: 0px; left: unset; right: -79px; }
        .caracteristicas .box-caracteristica .promo_box_wrapper{ gap: 20px; }
        .caracteristicas .box-caracteristica .promo_box_wrapper .desc_wrapper{ width: calc(100% - 120px); }
        .info-empresa .column_button{ margin-top: 10px; }
        .proyectos-recientes .sec-intro .column_heading{ width: 15%; }
        .proyectos-recientes .sec-intro .column_visual{ width: 85%; }
        .proyectos-recientes .sec-intro .column_heading:before{ width: 100%; bottom: -10px; }
        .proyectos-recientes .con-proyectos-slider .portfolio_slider_ul .slick-arrow.slider_prev { left: calc(15% + 5px); }
        .proyectos-recientes .con-proyectos-slider .portfolio_slider_ul .slick-arrow.slider_next{ left: calc(15% + 35px); }
        .proyectos-recientes .con-proyectos-slider .portfolio_slider_ul .slick-arrow.slider_prev:hover { left: 15%; }
        .proyectos-recientes .con-proyectos-slider .portfolio_slider_ul .slick-arrow.slider_next:hover{ left: calc(15% + 40px); }
        .proyectos-recientes .con-proyectos-slider .portfolio_slider_ul li { padding: 0 20px; }

        /*SERVICIOS*/
        .servicio .sec-intro .column_heading:before{ left: -50px; width: calc(100% + 30px); }
        .servicio .con-info-servicio .mcb-wrap-inner{ gap: 45px; }
    }

    @media(max-width: 1024px){

        /*MENU*/
        #Top_bar .top_bar_left{ position: unset; }
        #Top_bar .column{ position: relative; }
        .header-transparent #Top_bar .top_bar_right{ padding-right: 50px; top: 32px; }
        #Top_bar button.responsive-menu-toggle { display: block; top: 51px; }

        #Side_slide { width: 480px !important; max-width: 80%; right: -100% !important; transition: all 1s ease; display: flex; flex-direction: column; }
        body.side-slide-is-open #Side_slide {  right: 0 !important; }
        body.mobile-side-slide{ left: 0 !important; }
        #Side_slide #menu ul li, #Side_slide #menu>ul:last-child>li:last-child{ border: unset; }
        #Side_slide .extras{ order: 3; }
        #Side_slide .extras .action_button{ width: fit-content; margin-left: auto; letter-spacing: 0.48px; text-transform: uppercase; overflow: visible; }
        #Side_slide .extras .action_button::before{ position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--principal); transition: all 0.3s; z-index: -1; }
        #Side_slide .extras .action_button::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.4s; border: 2px solid var(--principal); transform: scale(1.2,1.5); opacity: 0; z-index: 1; }
        #Side_slide .extras .action_button:hover{ color: var(--principal); }
        #Side_slide .extras .action_button:hover::before{ opacity: 0; transform: scale(0.7,0.7); }
        #Side_slide .extras .action_button:hover::after { opacity: 1; transform: scale(1,1); }
        #Side_slide .menu_wrapper{ order: 2; }
        #Side_slide #menu ul li a{ margin-right: 21px; text-align: right; }
        #Side_slide .social{ order: 4; display: flex; justify-content: flex-end; align-items: center; gap: 20px; margin-top: auto; margin-bottom: 50px; }
        #Side_slide .social a{ width: 45px; height: 45px; display: flex !important; justify-content: center; align-items: center; background-color: var(--azulClaro); color: var(--azulOscuro); border-radius: 50%; font-size: 25px; transition: all 0.5s ease; }
        #Side_slide .social a:hover{ transform: translateY(-5px); } 
        
    }

    @media(max-width: 959px){

        /*GENERAL*/
        :root {
            --halfSection: 354px;
            --containerWidth: 708px;
        }

        /*FOOTER*/
        #Footer .footer_action .kit-digital{ grid-template-columns: 1fr 1fr; }
        #Footer .footer_action .kit-digital div:last-child { grid-column: 1 / span 2; }
        #Footer .footer_action .kit-digital img { max-height: 75px; }

        /*INICIO*/
        .texto-intro .mcb-wrap-inner { gap: 20px; }
        .texto-intro .mcb-wrap-inner .column_heading { width: calc(44% - 10px); }
        .texto-intro .mcb-wrap-inner .column_visual { width: calc(56% - 10px); }
        .proyectos-recientes .sec-intro .column_heading:before { width: calc(100% + 40px); }

        /*SERVICIOS*/
        .servicio .cont-galeria .content_slider .content_slider_ul li img{ height: 220px; }
        .servicio .con-info-servicio .mcb-wrap-inner{ grid-gap: 40px; }

        .servicio .section_wrapper .sec-intro .column.mcb-column{ width: 100%; }
        .servicio .sec-intro .column_heading h2{ padding-right: 0; text-align: left; }
        .servicio .sec-intro .column_heading:before{ bottom: 0px; width: 320px; }
        .servicio .mfn-visualeditor-content { padding: 20px 0px 0; }

        .servicio .con-info-servicio .mcb-wrap-inner{ display: flex; flex-direction: column-reverse; }
        .servicio .con-info-servicio.reverse .mcb-wrap-inner{ display: flex; flex-direction: column; }
        .servicio .con-info-servicio .column_visual .mfn-visualeditor-content { padding: 0; margin-top: 0; }
        .servicio .con-info-servicio .mcb-wrap-inner { grid-gap: 20px; }

        /*PROYECTOS*/
        .portfolio_wrapper .portfolio_group{ grid-template-columns: repeat(2, 1fr); }
        .single-proyecto .one-third.mcb-wrap{ width: 45%; }
        .single-proyecto .two-third.mcb-wrap{ width: 55%; }
        .single.single-portfolio .single-proyecto .texto ul{ grid-gap: 10px; }

        /*NOSOTROS*/
        .sobre-nosotros .section_wrapper{ grid-gap: 0 20px; }

        /*CONTACTO*/
        .info-contacto .mcb-wrap-inner{ grid-template-columns: repeat(1, 1fr); }
    
    }
    @media(max-width: 767px){

        /*GENERAL*/
        :root {
            --containerWidth: 550px;
        }

        #Subheader .title, h1{ font-size: 76px; line-height: 86px; }
        h2{ font-size: 42px; line-height: 44px; }
        h3{ font-size: 24px; line-height: 24px; }
 

        /*MENU*/
        #Top_bar .column { width: calc(100% - 40px); }
        .mobile-header-mini #Top_bar #logo{ margin: 15px 0; height: 100px !important; line-height: 100px !important; }
        #Top_bar #logo img.svg{ position: relative; z-index: 10; width: 105px; }
        .mobile-header-mini #Top_bar .logo{ margin-left: 0; }

        .mobile-header-mini #Top_bar button.responsive-menu-toggle { top: 30px!important; left: auto; right: 0px; margin-top: -17px; }
        
        /*FOOTER*/
        #Footer .footer_action .kit-digital{ max-width: 100%; display: block; }
        #Footer .footer_action .kit-digital img { max-height: 70px; margin-bottom: 10px;}

        #Footer .footer_copy .copyright ul.menu li a{ display: block; line-height: 20px; }
        #Footer .footer_copy .copyright{ margin-bottom: 0; gap: 10px; }

        #Footer .widgets_wrapper .container .one-third.column:first-child{ width: 100%; order: 2; }
        #Footer .widgets_wrapper .container .one-third.column:nth-child(2){ width: 100%; order: 1; } 
        #Footer .widgets_wrapper .container .one-third.column:last-child{ width: 100%; order: 3; }
        #Footer .widgets_wrapper #block-8 > ul.social{ justify-content: flex-start; margin-bottom: 20px; }
        #Footer .widgets_wrapper #block-6 p, #Footer .widgets_wrapper #block-5 p{ text-align: left; }

        /*INICIO*/
        .portada .lightSlider .text-wrap h2{ font-size: 76px; line-height: 86px; }
        .texto-intro .mcb-wrap-inner .column_heading, .texto-intro .mcb-wrap-inner .column_visual{ width: 100%; }
        .caracteristicas .mcb-wrap-inner{ grid-template-columns: repeat(1, 1fr); }
        .caracteristicas .box-caracteristica .promo_box_wrapper .photo_wrapper{ width: fit-content; }
        .proyectos-recientes .sec-intro .column_heading{ width: 100%; }
        .proyectos-recientes .sec-intro .column_heading p{ max-width: 100%; }
        .proyectos-recientes .sec-intro .column_heading:before { width: 260px; }
        .proyectos-recientes .sec-intro .column_visual{ width: 100%; margin-top: 30px; }
        .proyectos-recientes .con-proyectos-slider .portfolio_slider_ul li {padding: 0; }
        .proyectos-recientes .con-proyectos-slider .portfolio_slider_ul .slick-arrow.slider_prev { left: 0px; }
        .proyectos-recientes .con-proyectos-slider .portfolio_slider_ul .slick-arrow.slider_next { left: 35px; }
        .proyectos-recientes .con-proyectos-slider .portfolio_slider_ul .slick-arrow.slider_prev:hover { left: -5px; }
        .proyectos-recientes .con-proyectos-slider .portfolio_slider_ul .slick-arrow.slider_next:hover { left: 40px; }
        .info-empresa .column_image{ margin-bottom: var(--40); }

        /*SERVICIOS*/
        .servicio .mfn-visualeditor-content { padding: 0; margin-top: 20px; }
        .servicio .sec-intro .mfn-visualeditor-content p { font-size: 16px; }
        .content_slider{ margin: 0; }
        .servicio .cont-galeria .content_slider .content_slider_ul li img { height: 300px; }
        

        /*PROYECTOS*/
        #Filters.filters4portfolio .filters_wrapper > ul li > ul.sub-categories{ bottom: -55px; }
        .portfolio_wrapper .portfolio_group{ grid-template-columns: repeat(1, 1fr); grid-gap: 0px 40px; }

        .single-proyecto .one-third.mcb-wrap, .single-proyecto .two-third.mcb-wrap {  width: 100%; }
        .single.single-portfolio .single-proyecto .titulo h2{ margin-bottom: 10px; }
        .single.single-portfolio .single-proyecto .column_button{ margin-top: 20px; }

        .single.single-portfolio .section-post-related .section-related-ul.col-2{ grid-template-columns: repeat(1, 1fr); grid-gap: 40px; }

        /*NOSOTROS*/
        .sobre-nosotros .section_wrapper{ display: flex; flex-direction: column-reverse; }
        .sobre-nosotros .section_wrapper .col-texto{ padding: 0 0 20px; }
    }
    @media(max-width: 480px){

        /*CREDITOS*/
        #creditos .cabecera .titulos h1{ padding-right: 0px !important; line-height: 25px !important; }
        #creditos .cabecera .titulos h2{ padding-right: 0px !important; }
        #creditos .phone, #creditos .cabecera .titulos{ left: 20px !important; }
        #creditos .interior { padding: 20px 20px 20px 20px !important; }
        #creditos .cabecera .icono{ width: 50px !important; height: 50px !important; bottom: 95px !important; line-height: 72px !important; }
        #creditos .cabecera .icono img{ width: 35px !important; }

        /*GENERAL*/
        :root {
            --pad-100: 50px 0px;
            --100: 50px;
            --70: 40px;
            --40: 20px;

            --containerWidth: 90%;
        }

        #Subheader .title, h1{ font-size: 48px; line-height: 58px; }
        h2, #cmplz-document h2{ font-size: 32px; line-height: 34px; }
        h3{ font-size: 22px; line-height: 22px; }

        #cmplz-manage-consent .cmplz-manage-consent{ bottom: -3px !important; width: 100px; height: 35px !important; }
        #cmplz-manage-consent .cmplz-manage-consent:before{ width: 20px; height: 20px; }
    
        /*FOOTER*/
        #Footer .footer_copy .container, #Footer .footer_action .container, #Footer .widgets_wrapper .container{ width: calc(100% - 66px); }
        #Footer .footer_copy .copyright p{ text-align: left; line-height: 105%; }
        #Footer .footer_action .kit-digital img { max-height: 50px; }
        #Footer .footer_action .kit-digital p { font-size: 12px !important; line-height: 18px; }

        /*INICIO*/
        .portada .lightSlider .text-wrap{ padding-bottom: 40px; }
        .portada .lightSlider .text-wrap h2 { font-size: 55px; line-height: 65px; }
        .portada .lightSlider .text-wrap p{ font-size: 22px; }
        .portada .lightSlider .moreInfo{ right: -120px; }

        .caracteristicas .box-caracteristica .promo_box_wrapper .photo_wrapper { width: 90px; }
        .caracteristicas .box-caracteristica .promo_box_wrapper { gap: 15px; }
        .caracteristicas .box-caracteristica .promo_box_wrapper .desc_wrapper { width: calc(100% - 105px); }
        .caracteristicas .box-caracteristica .promo_box_wrapper .desc_wrapper h2, .caracteristicas .box-caracteristica .promo_box_wrapper .desc_wrapper .desc{ margin-bottom: 5px; }

        .proyectos-recientes:before{ background-size: auto; }
        .proyectos-recientes .section_wrapper{ width: calc(100% - 66px); }
        .proyectos-recientes .con-proyectos-slider .portfolio_slider_ul .slick-arrow{ top: -30px; }

        /*SERVICIOS*/
        .servicio .section_wrapper{ width: calc(100% - 66px); }
        .servicio .cont-galeria .content_slider .content_slider_ul li { padding: 0 10px !important; }
        .servicio .cont-galeria .content_slider .content_slider_ul li img { height: 180px; }
        .servicio .con-info-servicio .mcb-wrap-inner{ max-width: 100%; }

        /*PROYECTOS*/
        #Filters.filters4portfolio .filters_wrapper > ul.categories{ flex-wrap: wrap; }
        .style-simple #Filters .filters_wrapper ul.categories > li{ width: 100%; }
        #Filters.filters4portfolio .filters_wrapper > ul li > ul.sub-categories li a{ font-size: 12px; padding: 0 5px; }
        #Filters.filters4portfolio .filters_wrapper > ul li > ul.sub-categories { bottom: -25px; }

        .single.single-portfolio #Subheader .title, h1 { font-size: 40px; line-height: 45px; }
        .single.single-portfolio .single-proyecto .texto ul{ grid-template-columns: repeat(1, 1fr); }

        .single.single-portfolio .section-post-related .section-related-ul.col-2 .post-related .image_frame, .single.single-portfolio .section-post-related .section-related-ul.col-2 .post-related .image_frame *{ max-height: 200px; }

        .call-to-action{ padding: 40px 0 50px; }
        .call-to-action:after{ width: 106px; height: 118px; }

        /*CONTACTO*/
        .info-contacto .box-contacto .mfn-icon-box{ gap: 15px; }
        .info-contacto .box-contacto .mfn-icon-box .icon-wrapper{ width: 80px; height: 80px; }
        .info-contacto .box-contacto .mfn-icon-box .desc-wrapper h4{ margin-bottom: 10px; }

        .form-contacto:before{ width: 106px; height: 118px; }
    }
    @media(max-width: 320px){

        /*GENERAL*/
        #Subheader .title, h1 { font-size: 40px; line-height: 48px; }

        /*MENU*/
        #Side_slide .close-wrapper button.close{ margin: 20px 13px 0 auto; }
        #Side_slide .close-wrapper{ margin-bottom: 30px; }
        
        /*FOOTER*/
        #Footer .footer_action .kit-digital img { max-height: 50px; }
        #Footer .widgets_wrapper #block-3 p a{ font-size: 33px; }
        #Footer .widgets_wrapper #block-6 p a { font-size: 20px; }

        /*INICIO*/
        .portada .lightSlider .text-wrap h2 { font-size: 50px; line-height: 60px; }
        .caracteristicas .box-caracteristica .promo_box_wrapper{ flex-wrap: wrap; gap: 0; }
        .caracteristicas .box-caracteristica .promo_box_wrapper .photo_wrapper, .caracteristicas .box-caracteristica .promo_box_wrapper .desc_wrapper{ width: 100%; }
        .caracteristicas .box-caracteristica .promo_box_wrapper .photo_wrapper{ width: 90px; }

        /*SERVICIOS*/
        .servicio .cont-galeria .content_slider .content_slider_ul li img { height: 120px; }

        /*PROYECTOS*/
        #Filters.filters4portfolio .filters_wrapper > ul li > ul.sub-categories li a { font-size: 10px; padding: 0px 3px; }
    }