/*
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 ***/
    @import './css/fonts.css';

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

    #Side_slide .close-wrapper { height: auto; margin-bottom: 1rem; }
    #Side_slide .close-wrapper button.close { color: #fff !important; display: block; margin: 16px 13px 0 auto; background: transparent; padding: 0; font-size: 35px; }
    #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: 24px; 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; }

    .otgs-development-site-front-end{ display: none; }

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

    :root{
        --azul: #146C94;
        --azulClaro: #26BFE9;
        --azulFondo: #F3F8FB;
        --negro: #232323;
        --gris: #F5F5F5;

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

        --pad-120: 120px 0px;
        --120: 120px;
        --60: 60px;
        --40: 40px;

        scrollbar-color: var(--azul) 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(--azul); }
    ::-webkit-scrollbar-thumb:hover { background-color: var(--azul); }

    .pad-120{ padding: var(--pad-120); }
    .pad-120-top{ padding-top: var(--120); }
    .pad-120-bottom{ padding-bottom: var(--120); }
    .pad-60-top{ padding-top: var(--60); }
    .pad-60-bottom{ padding-bottom: var(--60); }
    .pad-40-top{ padding-top: var(--40); }
    .pad-40-bottom{ padding-bottom: var(--40); }

    h1{ font-family: "Titillium Web" !important; }
    h2{ font-family: "Titillium Web" !important; }
    h3{ font-family: "Titillium Web" !important; }
    h4{ font-family: "Titillium Web" !important; }
    h5{ font-family: "Titillium Web" !important; }
    h6{ font-family: "Titillium Web" !important; }
    p, ul li, ol li{ font-family: "Titillium Web" !important; }

    #back_to_top.sticky{ right: 10px !important; }


    /*Botones*/
    .button-custom .button{ font-family: "Titillium Web"; letter-spacing: 0.9px !important; text-transform: uppercase; padding: 11px 45px 11px 20px !important; position: relative; }
    .button-custom .button .button_label{ z-index: 3; position: relative; }
    .button-custom .button:before{ content: ""; background-image: url(imagenes/arrow-right-blue.svg); background-repeat: no-repeat; background-position: center; background-size: 100%; width: 17px; height: 15px;
        position: absolute; top: 50%; transform: translateY(-50%); right: 17px; z-index: 1; }
    .button-custom .button::after { content: ""; background-color: var(--azul); display: block; width: 0%; height: 100%; right: 0; top: 0; position: absolute; z-index: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
    .button-custom .button:hover { color: #fff !important; text-decoration: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
    .button-custom .button:hover::after { width: 100%; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; left: 0; right: unset; }
    .button-custom .button:hover::before { background-image: url(imagenes/arrow-right-white.svg); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

    /*Cabecera*/
    #Subheader{ height: 40vh; padding: 90px 0 !important; }
    #Subheader:before{ content: ""; width:100%; height: 100%; background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%); position: absolute; top: 0; left: 0; z-index: 1; }
    #Subheader .container{ display: flex; flex-direction: column; justify-content: center; align-items: center; transform: translateY(45px); z-index: 10; }
    #Subheader .title{ line-height: 120%; letter-spacing: 1.381px; text-transform: uppercase; }
    #Subheader ul.breadcrumbs li span{ opacity: 1 !important; }

    /*Texto intro*/
    .texto-intro{ padding: var(--120); background-color: var(--azul); overflow: hidden; }
    .texto-intro:before{  content: ""; background-image: url(imagenes/deco-corner-top-left.svg); background-repeat: no-repeat; background-position: center; background-size: 100%; width: 442px; height: 442px;
        position: absolute; top:50%; left: 0; transform: translateY(-50%); }
    .texto-intro:after{  content: ""; background-image: url(imagenes/deco-corner-top-right.svg); background-repeat: no-repeat; background-position: center; background-size: 100%; width: 664px; height: 302px;
        position: absolute; top: 0; right: 0; }
    .texto-intro p{ text-align: center; font-family: Titillium Web; font-size: 40px; font-style: normal; font-weight: 300; line-height: 123%; color: #fff; max-width: 956px; margin: auto; }
    .texto-intro p a{ color: #fff; font-weight: 600; }

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

    .cmplz-cookiebanner{ font-family: Titillium Web !important; }
    .cmplz-cookiebanner .cmplz-message{ font-family: Titillium Web; 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-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; }
    #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, .sticky-tb-color #Top_bar.is-sticky{ background-color: var(--azul) !important; opacity: 1; border-bottom: 1px solid var(--azulClaro) !important; }
    .layout-full-width.header-fw #Top_bar .container{ padding-left: 30px !important; padding-right: 30px !important; }
    #Top_bar .top_bar_left{ display: flex; justify-content: flex-start; align-items: center; }
    #Top_bar .logo{ margin: 0 !important; z-index: 9999; }
    #Top_bar .menu_wrapper{ width: calc(100% - 60px); position: absolute; top: 0; left: 30px; }
    #Top_bar .menu{ display: flex; justify-content: center; align-items: center; }
    #Top_bar #menu{ background-color: transparent !important; }
    #Top_bar .top_bar_right{ padding: 0 !important; }
    #Top_bar .menu > li > a{ font-family: Titillium Web; font-weight: 600; letter-spacing: 0.28px; text-transform: uppercase; }
    body.keyboard-support #Top_bar .menu li.submenu .menu-toggle:after{ line-height: 15px !important; }
    #Top_bar .menu > li ul{ background-color: rgba(20, 108, 148, 0.8) !important; border-top: 1px solid var(--azulClaro); }
    #Top_bar .menu > li ul li > a{ font-family: Titillium Web; font-weight: 600; letter-spacing: 0.28px; text-transform: uppercase; }
    #Top_bar .wpml-languages.horizontal{ background: transparent !important; padding: 0 !important; border: unset !important; margin: 0 !important; }
    #Top_bar .wpml-languages.horizontal ul{ display: flex; justify-content: flex-end; align-items: center; gap: 15px; }
    #Top_bar .wpml-languages.horizontal ul li{ margin-right: 0 !important; float: unset !important; border-radius: 50%; width: 28px; height: 28px; transition: all 0.5s ease; }
    #Top_bar .wpml-languages.horizontal ul li:hover{ transform: translateY(-5px); }
    #Top_bar .wpml-languages.horizontal ul li.lang-active{ transform: scale(1.1); }
    #Top_bar .wpml-languages.horizontal ul li a{ width: 100%; height: 100%; border-radius: 50%; }
    #Top_bar .wpml-languages.horizontal ul li a img{ width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }

    #Top_bar.is-sticky #logo img.logo-sticky{ width: 198px; }
    #Top_bar.is-sticky .menu > li > a:after{ height: 1px !important; top: 50% !important; bottom:unset !important; left: 50% !important; transition: all 0.5s; margin-top: 10px !important; width: calc(100% - 40px) !important;  transform-origin: 0%; transform: scaleX(0) translateX(-50%); }

    .menu-line-below-80-1 #Top_bar:not(.is-sticky) .menu > li > a:not(.menu-toggle):after{ margin-top: 10px !important; transition: all 0.5s; transform-origin: 0%; transform: scaleX(0) translateX(-50%); width: calc(100% - 40px) !important; left: 50% !important; }
    #Top_bar .menu>li.current-menu-ancestor>a:after, #Top_bar .menu>li.current-menu-item>a:after, #Top_bar .menu>li.current-menu-parent>a:after, #Top_bar .menu>li.current-page-parent>a:after, 
        #Top_bar .menu>li.current_page_ancestor>a:after, #Top_bar .menu>li.current_page_item>a:after, #Top_bar .menu>li.hover>a:after{ transform: scaleX(1) translateX(-50%) !important; }

    .header-transparent #Top_bar .top_bar_right{ z-index: 999; }
    #Top_bar .top_bar_right .top_bar_right_wrapper{ gap: 15px; flex-direction: row-reverse; }
    #Top_bar .top_bar_right .action_button{ font-family: "Titillium Web"; letter-spacing: 0.9px !important; text-transform: uppercase; padding: 11px 45px 11px 20px !important; position: relative; color: #fff; border-color: #fff; }
    #Top_bar .top_bar_right .action_button .button_label{ z-index: 3; position: relative; }
    #Top_bar .top_bar_right .action_button:before{ content: ""; background-image: url(imagenes/arrow-right-white.svg); background-repeat: no-repeat; background-position: center; background-size: 100%; width: 17px; height: 15px;
        position: absolute; top: 50%; transform: translateY(-50%); right: 17px; z-index: 1; }
    #Top_bar .top_bar_right .action_button::after { content: ""; background-color: #fff; display: block; width: 0%; height: 100%; right: 0; top: 0; position: absolute; z-index: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
    #Top_bar .top_bar_right .action_button:hover { color: var(--azul) !important; text-decoration: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
    #Top_bar .top_bar_right .action_button:hover::after { width: 100%; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; left: 0; right: unset; }
    #Top_bar .top_bar_right .action_button:hover::before { background-image: url(imagenes/arrow-right-blue.svg); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
    


/*** FOOTER ***/
    #Footer { border-top: 7px solid var(--azulClaro); }
    #Footer .widgets_wrapper .container{ max-width: 100%; width: calc(100% - 90px); }
    #Footer .widgets_wrapper .one-third.column:nth-child(2) .mcb-column-inner{ width: fit-content; margin: auto; }
    #Footer .widgets_wrapper .widget{ margin: 0 !important; }
    #Footer .widgets_wrapper #block-2 p{ color: var(--azulClaro); font-family: Titillium Web; font-size: 16px; font-style: normal; font-weight: 400; line-height: 120%; text-transform: uppercase; margin-bottom: 5px; }
    #Footer .widgets_wrapper #block-3 p{ margin-bottom: 0; }
    #Footer .widgets_wrapper #block-3 p a{ color: var(--azul); font-family: Titillium Web; font-size: 30px; font-style: normal; font-weight: 700; line-height: 150%; letter-spacing: -0.293px; text-decoration: unset; }
    #Footer .widgets_wrapper #block-4 p{ margin-bottom: 0; }
    #Footer .widgets_wrapper #block-4 p a{ color: var(--azul); font-family: Titillium Web; font-size: 24px; font-style: normal; font-weight: 600; line-height: 150%; letter-spacing: -0.237px; text-decoration: unset; }
    #Footer .widgets_wrapper #block-3 p a:hover, #Footer .widgets_wrapper #block-4 p a:hover{ color: var(--azulClaro); }
    #Footer .widgets_wrapper #block-5{ margin-bottom: 10px !important; }
    #Footer .widgets_wrapper #block-6 p{ color: var(--azul); font-family: Titillium Web; font-size: 19px; font-style: normal; font-weight: 400; line-height: 143%; letter-spacing: -0.19px; margin-bottom: 0px; }
    #Footer .widgets_wrapper #nav_menu-2 ul{ padding: 0; background: transparent; list-style: none; margin-bottom: 10px; }
    #Footer .widgets_wrapper #nav_menu-2 ul li a{ text-align: right; padding: 0; font-size: 14px; line-height: 150%; font-weight: 400; letter-spacing: -0.14px; }
    #Footer .widgets_wrapper #block-7 > p{ display: none; }
    #Footer .widgets_wrapper #block-7 .social{ display: flex; justify-content: flex-end; align-items: center; gap: 10px; }
    #Footer .widgets_wrapper #block-7 .social li a{ font-size: 20px; transition: all 0.5s ease; display: block; }
    #Footer .widgets_wrapper #block-7 .social li a:hover{ transform: translateY(-3px); }


/*** INICIO ***/
    .main-header .lightSlider{ height:100vh; }
    .main-header .lightSlider .slide:before{ content: ""; width:100%; height: 100%; background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%); position: absolute; top: 0; left: 0; z-index: 1; }
    .main-header .lightSlider .slide .video video{ width: 100%; height: 100%; object-fit: cover; }
    .main-header .lightSlider .text-wrap h1{ color: #FFF; text-align: center; font-family: Titillium Web; font-size: 69px; font-style: normal; font-weight: 600; line-height: 120%; letter-spacing: 1.381px; text-transform: uppercase;
        max-width: 923px; margin: 0 auto 20px; }
    .main-header .lightSlider .text-wrap p{ color: #FFF; text-align: center; font-family: Titillium Web; font-size: 20px; font-style: normal; font-weight: 400; line-height: 123%; max-width: 739px; margin: 0 auto; }
    .main-header .lightSlider .moreInfo{ width: 100%; text-align: center; left: 0; bottom: 40px; }
    .main-header .lightSlider .moreInfo:before{ content: ""; width: 1px; height: 95px; background-color: #fff; position: absolute; top: -130px; left: 50%; transform: translateX(-50%); }
    .main-header .lightSlider .moreInfo > a{ justify-content: center; }
    .main-header .lightSlider .moreInfo > a:before{ margin-right: 0; border: 1px solid #fff; border-radius: 50%; width: 46px; height: 46px; background-image: url('imagenes/arrow-down-white.svg');
        background-repeat: no-repeat; background-position: center; background-size: auto; transition: all 0.5s ease; }
    .main-header .lightSlider .moreInfo > a:hover:before{ transform: translateY(5px); }
    .main-header .lightSlider .moreInfo > a i{ display: none; }

    .sec-imagen-texto .section_wrapper{ display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 0 128px; }
    .sec-imagen-texto .section_wrapper .one-second.mcb-wrap{ width: 100%; }
    .sec-imagen-texto .section_wrapper .col-imagen .mcb-column-inner{ margin: 0; }
    .sec-imagen-texto .section_wrapper .col-imagen, .sec-imagen-texto .section_wrapper .col-imagen *{ height: 100%; width: 100%; object-fit: cover; }
    .sec-imagen-texto .section_wrapper .col-texto p strong{ font-size: 20px; font-weight: 600; line-height: 170%; color: var(--azul); }
    .sec-imagen-texto .section_wrapper .col-texto .column_button{ margin-top: 40px; }
    .sec-imagen-texto:not(.img-der) .section_wrapper .col-texto .column_visual ul li{ margin-bottom: 0; }

    .cit-titulo p{ font-size: 18px; font-style: normal; font-weight: 700; line-height: 170%; text-transform: uppercase; color: var(--azulClaro); }
    .cit-titulo h2{ font-size: 35px; font-style: normal; font-weight: 600; line-height: 130%; letter-spacing: 1.05px; }
    

    .titulo-h2-small h2{ text-align: center; color: var(--azulClaro); font-size: 22px; font-style: normal; font-weight: 700; line-height: 130%; text-transform: uppercase; }

    .slider-productos{ background-color: var(--azulFondo); }
    .slider-productos .section_wrapper{ max-width: 1024px !important; }
    .slider-productos .portfolio_slider_custom .slick-list{ overflow: visible; }
    .slider-productos .portfolio_slider_custom .slick-track{ /*display: flex; gap: 155px; justify-content: center; align-items: center;*/ }
    .slider-productos .portfolio_slider_custom .info-product{ position: relative; opacity: 0.5; display: grid; grid-template-columns: 55% 45%; max-height: 750px; transition: all 0.5s cubic-bezier(0.45,0.05,0.55,0.95); margin: 0 80px; }
    .slider-productos .portfolio_slider_custom .info-product .image_frame{ width: 100%; height: 100%; max-height: 500px; transition: all 0.5s cubic-bezier(0.45,0.05,0.55,0.95); }
    .slider-productos .portfolio_slider_custom .info-product .image_frame *{ width: 100%; height: 100%; object-fit: cover; }
    .slider-productos .portfolio_slider_custom .info-product .desc-wrapper{ width: 100%; height: 100%; background: #fff; border-top: 7px solid var(--azulClaro); padding: 60px 40px; }
    .slider-productos .portfolio_slider_custom .info-product .desc-wrapper p.category{ color: var(--azulClaro); font-size: 16px; font-style: normal; font-weight: 700; line-height: 130%; text-transform: uppercase; }
    .slider-productos .portfolio_slider_custom .info-product .desc-wrapper a.button{ margin: 10px 0 0; }
    .slider-productos .portfolio_slider_custom .slick-slide.slick-current.slick-active .info-product{ opacity: 1; padding: 0; }
    .slider-productos .portfolio_slider_custom .slick-slide.slick-current.slick-active .info-product .image_frame{ padding: 75px 0; }
    .slider-productos .portfolio_slider .slider_nav{ width: 39px; height: 39px; border: 1px solid var(--azul); background-image: url(imagenes/arrow-right-blue.svg); background-repeat: no-repeat; background-position: center; 
        background-size: auto; transition: all 0.5s cubic-bezier(0.45,0.05,0.55,0.95); }
    .slider-productos .portfolio_slider .slider_nav.slider_prev{ transform: rotate(180deg); }
    .slider-productos .portfolio_slider .slider_nav.slider_next:hover{ transform: translateX(5px); }
    .slider-productos .portfolio_slider .slider_nav.slider_prev:hover{ transform: rotate(180deg) translateX(5px); }
    
    .services{ background-color: var(--azulFondo); }
    .services-cont .mcb-wrap-inner{ display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 30px; }
    .services-cont .column_icon_box_2{ width: 100% !important; height: 100%; }
    .services-cont .column_icon_box_2 .mcb-column-inner{ margin: 0; height: 100%; }
    .services-cont .column_icon_box_2 .mfn-icon-box{ height: 100%; background-color: #fff; filter: drop-shadow(0px 2px 10px rgba(22, 69, 57, 0.05)); border-top: 5px solid var(--azulClaro); padding: 30px; }
    .services-cont .column_icon_box_2 .mfn-icon-box .icon-wrapper{ margin: 0 0 20px; }
    .services-cont .column_icon_box_2 .mfn-icon-box .desc-wrapper{ text-align:left; }
    .services-cont .column_icon_box_2 .mfn-icon-box .desc-wrapper h4{ letter-spacing: 0.727px; }
    .services-cont .column_icon_box_2 .mfn-icon-box .desc-wrapper .desc{ font-family: Titillium Web; }

    .citland-counter:not(:last-child){ margin-bottom: 20px; }
    .citland-counter .counter.counter_horizontal{ padding: 0; position: relative; }
    .citland-counter .counter.counter_horizontal:before{ content: ""; height: 1px; width: calc(100% + 150%); background-color: var(--azul); position: absolute; bottom: 18px; right: -250%; }
    .citland-counter .counter.counter_horizontal .desc_wrapper{ padding-left: 0; display: flex; justify-content: flex-start; align-items: center; gap: 15px; width: fit-content; margin-left: auto; min-width: 225px; 
        border-bottom: 1px solid var(--azul); padding-bottom: 10px; }
    .citland-counter .counter.counter_horizontal .desc_wrapper .title{ font-family: Titillium Web; font-size: 14px; font-style: normal; font-weight: 600; line-height: 150%; color: var(--azulClaro); letter-spacing: 0.672px; 
        text-transform: uppercase; }
    .citland-counter .counter.counter_horizontal .desc_wrapper .number-wrapper{ margin-bottom: 0; font-family: Titillium Web; font-size: 46px; font-style: normal; font-weight: 700; line-height: 100%; color: var(--azul); }
    .citland-counter .counter.counter_horizontal .desc_wrapper .number-wrapper .label{ font-size: 100%; }

    .call-to-action{ background-color: var(--azul); }
    .call-to-action:after{  content: ""; background-image: url(imagenes/deco-bottom-right.svg); background-repeat: no-repeat; background-position: center; background-size: 100%; width: 322px; height: 409px;
        position: absolute; bottom: 0; right: 0; }
    .call-to-action .col-imagen{ margin-bottom: var(--120); }
    .call-to-action .col-imagen .image_wrapper img{ margin-left: auto; display: block; width: calc(100% - 280px); }
    .call-to-action .col-texto{ background-color: #fff; border-top: 7px solid var(--azulClaro); padding: 70px 60px; width: 50% !important; position: absolute; bottom: 0; left: 0; z-index: 10; }
    .call-to-action .col-texto h2{ max-width: 300px; }
    .call-to-action .col-texto .column_button{ margin-top: 15px; }



/*** ABOUT US - SERVICES - CLIENTS ***/
    .cost-containment .cit-titulo h2{ max-width: 580px; }

    .texto-centrado h2, .texto-centrado p{ text-align: center; }
    .texto-centrado .texto p{ max-width: 680px; margin: 0 auto 15px; }

    .cost-containment .two-third.mcb-wrap .column_image{ margin-top: 15px; }
    .cost-containment .two-third.mcb-wrap .column_image .image_frame .image_wrapper{ overflow: visible !important; }
    .cost-containment .two-third.mcb-wrap .column_image img{ width: 250px; }

    .cont-policies .mcb-wrap-inner{ display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 30px; }
    .cont-policies .box-policies{ width: 100% !important; height: 100%; }
    .cont-policies .box-policies .mcb-column-inner{ margin: 0; height: 100%; }
    .cont-policies .box-policies .mfn-icon-box{ height: 100%; background-color: #fff; filter: drop-shadow(0px 2px 10px rgba(22, 69, 57, 0.05)); border-top: 5px solid var(--azulClaro); padding: 30px; }
    .cont-policies .box-policies .mfn-icon-box .icon-wrapper{ margin: 0 0 20px; }
    .cont-policies .box-policies .mfn-icon-box .icon-wrapper img{ width: 35px; }
    .cont-policies .box-policies .mfn-icon-box .desc-wrapper{ text-align:left; }
    .cont-policies .box-policies .mfn-icon-box .desc-wrapper h4{ letter-spacing: 0.727px; }

    .call-to-action-v2 .col-texto{ background-color: var(--azul); }
    .call-to-action-v2 .col-texto:after{  content: ""; background-image: url(imagenes/deco-bottom-right.svg); background-repeat: no-repeat; background-position: center; background-size: 100%; width: 322px; height: 409px;
        position: absolute; bottom: 0; right: 0; visibility: visible; }
    .call-to-action-v2 .col-texto .mcb-wrap-inner{ padding: 90px; }
    .call-to-action-v2 .col-texto .mcb-wrap-inner .one.column{     max-width: 480px; }
    .call-to-action-v2 .col-texto .cit-titulo h2, .call-to-action-v2 .col-texto .texto p,  .call-to-action-v2 .col-texto .texto a{ color: #fff; }
    .call-to-action-v2 .col-texto .column_button{ margin-top: 20px; }
    .call-to-action-v2 .col-texto .column_button .button{ border-color: #fff; color: #fff; }
    .call-to-action-v2 .col-texto .column_button .button:before{ background-image: url(imagenes/arrow-right-white.svg); }
    .call-to-action-v2 .col-texto .column_button .button::after{ background-color: #fff; }
    .call-to-action-v2 .col-texto .column_button .button:hover{ color: var(--azul) !important; }
    .call-to-action-v2 .col-texto .column_button .button:hover:before{ background-image: url(imagenes/arrow-right-blue.svg); }

    .imagen-banner{ height: 500px; }

    .cont-services .mcb-wrap-inner{ display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 60px; } 
    .cont-services .mcb-wrap-inner .box-servicio{ width: 100% !important; height: 100%; }
    .cont-services .mcb-wrap-inner .box-servicio .mcb-column-inner{ margin: 0; height: 100%; }
    .cont-services .mcb-wrap-inner .box-servicio .promo_box{ height: 100%; }
    .cont-services .mcb-wrap-inner .box-servicio .promo_box_wrapper{ height: 100%; background-color: #fff; filter: drop-shadow(0px 2px 10px rgba(22, 69, 57, 0.05)); border-top: 5px solid var(--azulClaro); padding: 30px; }
    .cont-services .mcb-wrap-inner .box-servicio .promo_box_wrapper .desc_wrapper{ width: 100%; margin: 0; padding-top: 0; }
    .cont-services .mcb-wrap-inner .box-servicio .promo_box_wrapper .desc_wrapper h2{ font-size: 25px; line-height: 130%; letter-spacing: 0.727px; }
    .cont-services .mcb-wrap-inner .box-servicio .promo_box_wrapper .desc_wrapper .desc{ font-family: Titillium Web; line-height: 160%; margin-bottom: 0; }
    .cont-services .mcb-wrap-inner .box-servicio .promo_box_wrapper .desc_wrapper .button .button_icon, .cont-services .mcb-wrap-inner .box-servicio .promo_box_wrapper .desc_wrapper .button .button_label{ display: none; }
    .cont-services .mcb-wrap-inner .box-servicio .promo_box_wrapper .desc_wrapper .button{ display: block; width: 39px; height: 39px; margin: 15px 0 0 auto; padding: 0 !important; border: 2px solid var(--azul); }
    .cont-services .mcb-wrap-inner .box-servicio .promo_box_wrapper .desc_wrapper .button:before{ right: unset; left: 50%; transform: translate(-50%,-50%); }

    .cont-services .mcb-wrap-inner .box-servicio.con-img .promo_box_wrapper{ display: flex; justify-content: flex-start; align-items: flex-start; gap: 20px; }
    .cont-services .mcb-wrap-inner .box-servicio.con-img .promo_box_wrapper .photo_wrapper{ overflow: visible; float: unset; width: 150px; }
    .cont-services .mcb-wrap-inner .box-servicio.con-img .promo_box_wrapper .photo_wrapper img{ max-width: 100% !important; }

    .sectores .one.mcb-wrap .mcb-wrap-inner{ display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 30px; } 
    .sectores .box-sector{ width: 100% !important; height: 100%; }
    .sectores .box-sector .mcb-column-inner{ margin: 0; height: 100%; }
    .sectores .box-sector .zoom_box{ height: 100%; }
    .sectores .box-sector .zoom_box .photo{ height: 100%; }
    .sectores .box-sector .zoom_box .photo img{ height: 100%; object-fit: cover; }
    .sectores .box-sector .zoom_box .desc{ opacity: 1; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 46.9%, rgba(0, 0, 0, 0.50) 92.68%); }
    .sectores .box-sector .zoom_box .desc .desc_wrap{ top: unset; transform: unset; bottom: 40px; }
    .sectores .box-sector .zoom_box .desc .desc_txt{ font-family: Titillium Web; font-weight: 700; line-height: 130%; letter-spacing: 1.311px; text-transform: uppercase; padding: 0 45px; text-align: left; }

    .leaflet-container .marker-panel p a{ color: #fff !important; }


/*** PRODUCTS AND SERVICES ***/
    .bg-deco-rb::after{
        content: "";
        background-image: url(imagenes/deco-bottom-right.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
        width: 322px;
        height: 409px;
        position: absolute;
        bottom: 0;
        right: 0;
        visibility: visible;
    }
    .wrap-list-products .cit-titulo h3{ font-size: 25px; font-style: normal; font-weight: 600; line-height: 100%; letter-spacing: 1.05px; color: #fff; position:relative}
    .wrap-list-products .cit-titulo h3::before{ position: absolute; content: ""; top: 7.5px; left: -20px; width: 10px;height: 10px; background-color: #fff;}
    .wrap-list-products .cit-titulo li{color: #fff;}
    .box-servicio img{max-width: 200px !important; filter: drop-shadow(0px 2px 10px rgba(22, 69, 57, 0.05)) !important;}

    .sec-imagen-texto.img-der .col-texto .column_image{ margin-top: 15px; }
    .sec-imagen-texto.img-der .col-texto .column_image .image_frame .image_wrapper{ overflow: visible !important; }
    .sec-imagen-texto.img-der .col-texto .column_image img{ width: 250px; }

    .cont-dos-logos .mcb-wrap-inner{ align-items: center; }
    .cont-dos-logos .mcb-wrap-inner .column_image:nth-child(4){ width: 270px; }
    .cont-dos-logos .mcb-wrap-inner .column_image:nth-child(5){ width: calc(100% - 270px); }
    .cont-dos-logos .mcb-wrap-inner .column_image:nth-child(5) img{ width: 100px; }



/*** CONTACTO ***/
    .contact-form fieldset h4{ text-transform: uppercase; margin-bottom: 5px; }
    .contact-form fieldset label{ margin-bottom: 15px; font-size: 16px; font-weight: 600; text-transform: uppercase; color: var(--azul); }
    .contact-form fieldset textarea{ max-height: 140px; }
    .contact-form .wpcf7-form-control.wpcf7-submit.button{ display: block; margin: 20px auto 0; }

    span.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-acceptance label{ text-transform: unset; font-weight: 400; }
    span.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-acceptance label a{ font-weight: 600; }

    .politicas p{ font-size: 12px; line-height: 14px; color: var(--negro); }

    span.wpcf7-form-control-wrap { display: inline-block; color: var(--azul); 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 var(--azul); }
    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: var(--azul); }
    span.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-acceptance input[type=checkbox]:checked + span:after { visibility: visible; }
    .wpcf7-list-item-label { margin-left: 15px; display: inline-block; }

    .box-email .mfn-icon-box{ width: fit-content; margin: auto; justify-content: center; align-items: center; gap: 20px; }
    .box-email .mfn-icon-box .icon-wrapper{ width: 40px; margin: 0; }
    .box-email .mfn-icon-box .icon-wrapper i{ color: var(--azulClaro) !important; font-size: 35px !important; }


/*** PRODUCTS ***/
    .portfolio_group{ height: auto !important; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 60px; }
    .portfolio_group.masonry .portfolio-item{ transform: unset !important; position: relative !important; left: unset !important; top: unset !important; width: 100% !important; margin: 0 !important; box-shadow: 0px 2px 10px 5px rgba(22, 69, 57, 0.05); }
    .portfolio_group.masonry .portfolio-item .portfolio-item-fw-bg{ display: flex; flex-direction: row-reverse; height: 100%; }
    .portfolio_group.masonry .portfolio-item .portfolio-item-fw-bg .image_frame, .portfolio_group.masonry .portfolio-item .portfolio-item-fw-bg .image_frame *{ height: 100%; }
    .portfolio_group.masonry .portfolio-item .portfolio-item-fw-bg .image_frame img{ object-fit: cover; }
    .portfolio_group .portfolio-item .desc{ background: #fff; border-top: 7px solid var(--azulClaro); padding: 40px !important; max-width: 330px; }
    .portfolio_group .portfolio-item .desc h5{ font-size: 30px; line-height: 120%; margin-bottom: 15px !important; }
    .portfolio_group .portfolio-item .desc p.category{ color: var(--azulClaro); font-size: 16px; font-style: normal; font-weight: 700; line-height: 130%; text-transform: uppercase; }
    .portfolio_group .portfolio-item .desc .desc-wrapper{ margin-bottom: 30px !important; }

    .pager{ display: flex; justify-content: center; align-items: center; gap: 15px; margin-top: var(--60); }
    .pager .pages{ margin: 0px !important; padding: 0 !important; background-image: unset !important; background-color: unset !important; display: flex !important; justify-content: center; align-items: center; gap: 15px; }
    .pager .pages a{ border-radius: 0px !important; width: 40px !important; height: 40px !important; line-height: 40px !important; font-size: 20px !important; color: var(--azul) !important; margin: 0 !important; 
        font-weight: 600 !important; font-family: Titillium Web; background-color: transparent !important; transition: all 0.5s ease; }
    .pager .pages a:hover{ background-color: var(--azul) !important; color: #fff !important; }
    .pager .pages a.active{ background-color: var(--azul) !important; color: #fff !important; }
    .pager .pages a:before{ content: unset !important; }
    .pager a.next_page{ border: 2px solid var(--azul); font-size: 0 !important; color: transparent; width: 40px; height: 40px; line-height: 49px; transition: all 1s ease; position: relative; background: url('imagenes/arrow-right-blue.svg') center center/20px no-repeat; }
    .pager a.prev_page{ transform: rotate(180deg); border: 2px solid var(--azul); font-size: 0 !important; color: transparent; width: 40px; height: 40px; line-height: 49px; transition: all 1s ease; position: relative;  background: url('imagenes/arrow-right-blue.svg') center center/20px no-repeat; }
    .pager a.next_page:before, .pager a.prev_page:before{ content: unset !important; }
    .pager a.next_page:hover{ transform: translateX(10px); }
    .pager a.prev_page:hover{ transform: rotate(180deg) translateX(10px); }


    /*** PRODUCTS SINGLE ***/
    .single.single-portfolio .section-post-header{ display: none; }

    .sec-3-columns .sec-column-product{ min-height: 580px; }
    .sec-3-columns .sec-column-product:before{ visibility: visible; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.70) 87.05%); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; }
    .sec-3-columns .sec-column-product .texto-col{ z-index: 10; }
    .sec-3-columns .sec-column-product .texto-col .mfn-visualeditor-content{ padding: 40px; }
    .sec-3-columns .sec-column-product .texto-col h3{ letter-spacing: 1.381px; text-transform: uppercase; color: #fff; margin-bottom: 8px; }
    .sec-3-columns .sec-column-product .texto-col ul{ list-style: none; margin: 0; }
    .sec-3-columns .sec-column-product .texto-col ul li{ margin-bottom: 0; position: relative; padding-left: 15px; }
    .sec-3-columns .sec-column-product .texto-col ul li:before{ content: ""; width: 6px; height: 6px; background-color: #fff; border-radius: 50%; position: absolute; top: 11px; left: 0; }
    .sec-3-columns .sec-column-product .texto-col ul li, .sec-3-columns .sec-column-product .texto-col p{ color: #fff; }
    .sec-3-columns .sec-column-product .texto-col p{ margin-bottom: 0px; margin-top: 10px; }

    .single.single-portfolio .section-post-related{ padding: var(--pad-120); }
    .single.single-portfolio .section-post-related .section-related-adjustment{ padding-top: 0; border-top: unset; }
    .single.single-portfolio .section-post-related .section-related-adjustment > h2{ text-align: center; margin-bottom: var(--60); }
    .single.single-portfolio .section-post-related .section-related-adjustment .section-related-ul{ display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 60px; } 
    .single.single-portfolio .section-post-related .col-2 .post-related{ width: 100% !important; float: unset; box-shadow: 0px 2px 10px 5px rgba(22, 69, 57, 0.05); display: flex; flex-direction: row-reverse; height: 100%; }
    .single.single-portfolio .section-post-related .col-2 .post-related .image_frame, .single.single-portfolio .section-post-related .col-2 .post-related .image_frame *{ height: 100%; }
    .single.single-portfolio .section-post-related .col-2 .post-related .image_frame img{ object-fit: cover; }
    .single.single-portfolio .section-post-related .col-2 .post-related .date_label{ display: none; }
    .single.single-portfolio .section-post-related .col-2 .post-related .desc{ background: #fff; border-top: 7px solid var(--azulClaro); padding: 40px !important; max-width: 330px; }
    .single.single-portfolio .section-post-related .col-2 .post-related .desc h4{ line-height: 120%; margin-bottom: 5px !important; }
    .single.single-portfolio .section-post-related .col-2 .post-related .desc p.category{ color: var(--azulClaro); font-size: 16px; font-style: normal; font-weight: 700; line-height: 130%; text-transform: uppercase; margin-bottom: 10px; }
    .single.single-portfolio .section-post-related .post-related a.button{ margin: 20px 0 0 !important; }




/*** RESPONSIVE ***/

    @media(max-width: 1239px){

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

        /*MENU*/
        #Top_bar button.responsive-menu-toggle { display: block; }

        #Side_slide { width: 480px !important; max-width: 80% !important; right: -100% !important; transition: all 1s ease; display: flex !important; 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 { padding: 0 25px; }
        #Side_slide .extras .action_button{ font-family: "Titillium Web"; letter-spacing: 0.9px !important; text-transform: uppercase; padding: 11px 45px 11px 20px !important; position: relative; color: #fff; border-color: #fff; width: fit-content !important;
            margin-left: auto !important; }
        #Side_slide .extras .action_button .button_label{ z-index: 3; position: relative; }
        #Side_slide .extras .action_button:before{ content: ""; background-image: url(imagenes/arrow-right-white.svg); background-repeat: no-repeat; background-position: center; background-size: 100%; width: 17px; height: 15px;
            position: absolute; top: 50%; transform: translateY(-50%); right: 17px; z-index: 1; }
        #Side_slide .extras .action_button::after { content: ""; background-color: #fff; display: block; width: 0%; height: 100%; right: 0; top: 0; position: absolute; z-index: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
        #Side_slide .extras .action_button:hover { color: var(--azul) !important; text-decoration: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
        #Side_slide .extras .action_button:hover::after { width: 100%; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; left: 0; right: unset; }
        #Side_slide .extras .action_button:hover::before { background-image: url(imagenes/arrow-right-blue.svg); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
        #Side_slide .extras .extras-wrapper{ justify-content: flex-end !important; }
        #Side_slide .extras .extras-wrapper a{ border-radius: 50%; width: 28px; height: 28px; transition: all 0.5s ease; }
        #Side_slide .extras .extras-wrapper a:hover{ transform: translateY(-5px); }
        #Side_slide .extras .extras-wrapper a.lang-active{ transform: scale(1.1); }
        #Side_slide .extras .extras-wrapper a img{ width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
        #Side_slide #menu ul li{ border-top: unset !important; }
        #Side_slide #menu>ul:last-child>li:last-child{ border-bottom: unset !important; }
        #Side_slide #menu ul li > a{ font-family: Titillium Web; font-weight: 600; letter-spacing: 0.28px; text-transform: uppercase; text-align: right; margin-right: 20px !important; }
        #Side_slide .social { text-align: right !important; margin: auto 25px 30px !important; }
        #Side_slide .social li a{ font-size: 30px; }


        /*INICIO*/
        .texto-intro:before{ width: 412px; height: 395px; left: -90px; }
        .sec-imagen-texto .section_wrapper{ grid-gap: 0 30px; }
    }

    @media(max-width: 1024px){

        /*INICIO*/
        .texto-intro:before{ width: 465px; height: 443px; left: -220px; top: unset; bottom: 0; transform: unset; }
    }

    @media(max-width: 959px){

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

        /*FOOTER*/
        #Footer .widgets_wrapper .container{ display: flex; flex-direction: column; gap: 10px; }
        #Footer .widgets_wrapper .container:after{ content: unset; }
        #Footer .widgets_wrapper .tablet-one-third.column{ width: 100%; }
        #Footer .widgets_wrapper .tablet-one-third.column:nth-child(1){ order: 1; }
        #Footer .widgets_wrapper .tablet-one-third.column:nth-child(2){ order: 3; }
        #Footer .widgets_wrapper .one-third.column:nth-child(2) .mcb-column-inner{ margin: 0 12px !important; }
        #Footer .widgets_wrapper .tablet-one-third.column:nth-child(3){ order: 2; }
        #Footer .widgets_wrapper .tablet-one-third.column:nth-child(3) .mcb-column-inner{ display: flex; flex-direction: column-reverse; gap: 10px; }
        #Footer .widgets_wrapper #nav_menu-2 ul{ display: flex; justify-content: flex-start; align-items: center; gap: 0 10px; flex-wrap: wrap; }
        #Footer .widgets_wrapper #block-7 .social{ justify-content: flex-start; }

        /*INICIO*/
        .call-to-action .col-texto{ padding: 40px 20px; }

        /*OTRAS PAGINAS*/
        .cont-policies .mcb-wrap-inner{ grid-template-columns: repeat(2, 1fr); }
        .call-to-action-v2 .col-texto:after{ width: 230px; height: 290px; }
        .cont-dos-logos .mcb-wrap-inner .column_image:nth-child(4), .sec-imagen-texto.img-der .col-texto .column_image img { width: 170px; }
        .cont-dos-logos .mcb-wrap-inner .column_image:nth-child(5) { width: calc(100% - 170px); }
        .cont-dos-logos .mcb-wrap-inner .column_image:nth-child(5) img { width: 100px; }
        .cont-services .mcb-wrap-inner{ grid-template-columns: repeat(1, 1fr); grid-gap: 30px; }
        .sectores .one.mcb-wrap .mcb-wrap-inner{ grid-template-columns: repeat(2, 1fr); }
    }

    @media(max-width: 767px){

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

        #Subheader .title, h1 { font-size: 60px !important; line-height: 65px !important; }

        #Subheader .container{ transform: translateY(0px); }

        /*MENU*/
        .layout-full-width.header-fw #Top_bar .container { padding-left: 20px !important; padding-right: 20px !important; }
        #Top_bar #logo img.svg {  width: 207px !important; max-height: 37px !important; }
        #Top_bar .menu_wrapper{ left: 0; }
        .mobile-header-mini #Top_bar button.responsive-menu-toggle { right: 15px; top: 11px; }
        
        /*INICIO*/
        .main-header.full-screen .section_wrapper { min-height: calc(100vh - 61px); }
        .main-header .lightSlider { height: calc(100vh - 61px); }
        .texto-intro{ padding: var(--pad-120); }
        .sec-imagen-texto .section_wrapper{ grid-template-columns: repeat(1, 1fr); grid-gap: 30px; }
        .sec-imagen-texto.img-izq .section_wrapper{ display: flex; flex-wrap: wrap-reverse; }
        .clients-sectors .section_wrapper{ flex-direction: column !important; }
        .clients-sectors .section_wrapper .mobile-one.mcb-wrap:nth-child(1){ order: 2; }
        .clients-sectors .section_wrapper .mobile-one.mcb-wrap:nth-child(2){ order: 1; padding-bottom: var(--60); }
        .clients-sectors .section_wrapper .mobile-one.mcb-wrap:nth-child(3){ order: 3; }
        .citland-counter .counter.counter_horizontal .desc_wrapper{ margin-left: 40px; }
        .citland-counter .counter.counter_horizontal:before{ width: 100%; right: -260px; }
        .call-to-action .col-imagen .image_wrapper img{ width: 100%; margin-top: 100px; }
        .call-to-action .col-texto { padding: 40px 50px; width: 70% !important; bottom: unset; top: 0; }

        /*OTRAS PAGINAS*/
        .sec-imagen-texto.img-izq.about-us .section_wrapper{ flex-wrap: wrap; }
        .cost-containment .one-third.mcb-wrap .column_image{ padding-bottom: var(--40); }
        .cont-policies .mcb-wrap-inner { grid-template-columns: repeat(1, 1fr); }

        .cont-dos-logos .mcb-wrap-inner .column_image:nth-child(4), .sec-imagen-texto.img-der .col-texto .column_image img { width: 200px; }
        .cont-dos-logos .mcb-wrap-inner .column_image:nth-child(5) { width: calc(100% - 220px); margin-left: 20px; }
        .cont-dos-logos .mcb-wrap-inner .column_image:nth-child(5) img { width: 100px; }

        .map-area { min-height: 400px !important; }
    }
    @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-120: 40px 0px;
            --120: 40px;
            --60: 30px;
            --40: 20px;

            --containerWidth: 90%;
        }

        #Subheader { height: 100%; padding: 40px 0 !important; min-height: 200px; display: flex; justify-content: center; align-items: center; }

        #Subheader .title, h1 { font-size: 43px !important; line-height: 46px !important; }
        h2 { font-size: 30px !important; line-height: 37px !important; }
        h3 { font-size: 25px !important; line-height: 29px !important; }
        h4 { font-size: 20px !important; line-height: 23px !important; }
        h5 { font-size: 18px !important; line-height: 28px !important; }
        h6 { font-size: 16px !important; line-height: 26px !important; }

        .cit-titulo p{ font-size: 16px; line-height: 100%; }

        body.button-custom .button{ font-size: 16px; line-height: 16px; padding: 8px 40px 9px 15px !important; }
        .button-custom .button:before{ right: 15px; }

        #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; }

        /*MENU*/
        #Side_slide .close-wrapper button.close{ font-size: 25px; }
        #Side_slide .extras .action_button{ font-size: 16px; line-height: 16px; padding: 8px 40px 9px 15px !important;  }
        #Side_slide .extras .action_button:before{ right: 15px; }

        /*FOOTER*/
        #Footer .widgets_wrapper .container{ width: calc(100% - 44px); padding: 0 !important; }
        #Footer .widgets_wrapper #block-5 img{ max-width: 270px; }
        #Footer .widgets_wrapper #block-4 p a{ font-size: 22px; }
        #Footer .widgets_wrapper #block-6 p{ font-size: 16px; }
    
        /*INICIO*/
        .main-header .lightSlider .text-wrap p{ max-width: 90%; font-size: 18px; }
        .main-header .lightSlider .text-wrap p br{ display: none; }
        .main-header .lightSlider .moreInfo{ bottom: 20px; }
        .main-header .lightSlider .moreInfo:before{ top: -70px; height: 50px; }
        .texto-intro p{ font-size: 25px; }
        .texto-intro:before { width: 226px; height: 215px; left: -120px; }
        .texto-intro:after{ width: 204px; height: 90px; }
        .sec-imagen-texto .section_wrapper{ grid-gap: 0 30px; }
        .sec-imagen-texto .section_wrapper .col-texto p strong{ font-size: 18px; line-height: 100%; }
        .call-to-action .col-imagen .image_wrapper img{ margin-top: 200px; margin-left: 30px; }
        .call-to-action .col-texto { padding: 35px 30px; left: 33px; }
        .call-to-action .col-texto .column_button { margin-top: 0px; }
        .citland-counter .counter.counter_horizontal .desc_wrapper { margin-left: 20px; }
        .citland-counter .counter.counter_horizontal:before{ right: -240px; }

        /*OTRAS PAGINAS*/
        .sec-imagen-texto.img-izq.about-us .section_wrapper .col-imagen{ margin-bottom: var(--40); } 
        .cont-policies .box-policies .mfn-icon-box{ padding: 20px; }
        .cont-policies .box-policies .mfn-icon-box .icon-wrapper { margin: 0 0 10px; }
        .call-to-action-v2 .col-texto .mcb-wrap-inner{ padding: var(--pad-120); max-width: 80%; margin: auto; }
        .call-to-action-v2 .col-texto .column_button { margin-top: 0px; }
        .call-to-action-v2 .col-texto:after { width: 140px; height: 180px; }

        .sec-imagen-texto.img-der .col-texto .column_image { margin-top: 0px; margin-bottom: 20px; }
        .cont-dos-logos .mcb-wrap-inner .column_image:nth-child(4), .sec-imagen-texto.img-der .col-texto .column_image img { width: 170px; } 
        .cont-dos-logos .mcb-wrap-inner .column_image:nth-child(5) { width: calc(100% - 190px); }
        .cont-dos-logos .mcb-wrap-inner .column_image:nth-child(5) img { width: 80px; }
        .imagen-banner { height: 250px; }

        .cont-services .mcb-wrap-inner{ display: flex; flex-direction: column; gap: 20px; align-self: auto; }
        .cont-services .mcb-wrap-inner .box-servicio.con-img .promo_box_wrapper{ flex-wrap: wrap; gap: 0; }
        .cont-services .mcb-wrap-inner .box-servicio.con-img .promo_box_wrapper .photo_wrapper{ width: 100%; }
        .cont-services .mcb-wrap-inner .box-servicio.con-img .promo_box_wrapper .photo_wrapper img{ max-width: 170px !important; }
        .cont-services .mcb-wrap-inner .box-servicio .promo_box_wrapper .desc_wrapper h2 { font-size: 25px !important; line-height: 130% !important; }

        .sectores .one.mcb-wrap .mcb-wrap-inner { grid-template-columns: repeat(1, 1fr); }
        .sectores .box-sector .zoom_box .desc .desc_txt{ font-size: 20px !important; }

    }
    @media(max-width: 320px){
        
        /*GENERAL*/
        #Subheader .title, h1 { font-size: 36px !important; line-height: 39px !important; }
        h2 { font-size: 28px !important; line-height: 30px !important; }

        /*INICIO*/
        .call-to-action .col-imagen .image_wrapper img{ margin-left: 20px; }
        .call-to-action .col-texto{ padding: 20px; }

        /*OTRAS*/
        .box-email .mfn-icon-box{ gap: 5px; }
        .box-email .mfn-icon-box .icon-wrapper { width: 25px; }
        .box-email .mfn-icon-box .icon-wrapper i{ font-size: 24px !important; }
    }