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

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

    #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay p.pojo-a11y-toolbar-title { line-height: 1.2; }

    #Error_404 .error_desk p .button{ margin: 15px 0 0px; position: relative; display: block; width: fit-content; }

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

    body.mobile-side-slide{ overflow-x: clip !important; }

    #back_to_top.sticky{ right: 34px; }

    :root{
        --rojo: #DB2C1D;
        --beige: #F9F5E0;
        --texto: #575757;
        --negro: #272727;
        --blanco: #FCFCF8;

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

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

        scrollbar-color: var(--rojo) var(--blanco);
        scrollbar-width: thin;
    }

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

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

    .section.full-width > .section_wrapper{ padding-left: 34px !important; padding-right: 34px !important; max-width: 1920px !important; margin: 0 auto; width: 100%; }

    /*Botones*/
    .button{ text-transform: uppercase; transition: 0.2s; }
    .button:not(.button_right, .has-icon, .action_button):hover{ transform: translate(-0.25rem, -0.25rem); box-shadow: 0.25rem 0.25rem 5px #DB2C1D99; }
    .button:not(.button_right, .has-icon, .action_button):active { transform: translate(0); box-shadow: none; }

    .button.button_right{ margin: 0; background-color: transparent; padding: 0; border-radius: 0; line-height: 1; gap: 0; }
    .button.button_right .button_label{ background-color: var(--rojo); padding: 14px; border-radius: 34px; }
    .button.button_right .button_icon{ background-color: var(--rojo); border-radius: 50%; height: 46px; width: 46px; display: flex; justify-content: center; align-items: center; }
    .button.button_right .button_icon i{ transition: all 0.5s ease; }
    .button.button_right:before{ content: ""; background-image: url(imagenes/deco-boton.svg); background-repeat: no-repeat; background-position: center; background-size: 100%; width: 16px; height: 34px; position: absolute; right: 38px; }
    .button.button_right:hover .button_icon i{ transform: translateX(5px); }

    /*Cabecera*/
    #Subheader{ padding: 120px 0 48px; min-height: 250px; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; }
    #Subheader:before{ content: ""; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 43.54%, rgba(0, 0, 0, 0.40) 100%); position: absolute; top: 0; left: 0; }
    #Subheader .container{ padding-left: 34px !important; padding-right: 34px !important; max-width: 100% !important; width: 100%; box-sizing:border-box; }
    #Subheader h1.title{ max-width: 100%; }
    #Subheader h1.title, #Subheader ul.breadcrumbs li, #Subheader ul.breadcrumbs li a{ color: var(--blanco); }

    /*Complianz*/
    #cmplz-document{ font-size: 16px; max-width: 100%; padding: var(--pad-120); }
    #cmplz-document p, #cmplz-document li, #cmplz-document td{ font-size: 16px; color: var(--texto); }
    #cmplz-document h2{ font-size: 48px; line-height: 120%; font-weight: 500; 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-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; background-color: transparent;
        position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.8s ease;  -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -ms-transition: all 0.8s ease; -o-transition: all 0.8s ease; }
    #cmplz-manage-consent .cmplz-manage-consent:hover:before{ transform: translate(-50%, -54%); -webkit-transform: translate(-50%, -54%); -moz-transform: translate(-50%, -54%); -ms-transform: translate(-50%, -54%); -o-transform: translate(-50%, -54%); }

    .cmplz-cookiebanner .cmplz-buttons .cmplz-btn{ text-transform: uppercase; }


/*** MENU ***/
    #Top_bar{ border-bottom: unset; }
    #Top_bar .column{ padding: 0 34px; }
    #Top_bar .top_bar_left{ float: unset; display: flex; justify-content: space-between; align-items: center; }
    #Top_bar .top_bar_left:before, #Top_bar .top_bar_left:after{ content: unset; }
    #Top_bar .logo{ margin: 0 !important; }
    #Top_bar .menu_cont{ border-radius: 200px; background: rgba(252, 252, 248, 0.54); backdrop-filter: blur(6px); padding: 8px; display: flex; justify-content: flex-end; align-items: center; gap: 42px; }
    #Top_bar #menu{ background-color: transparent; }
    #Top_bar .menu{ display: flex; justify-content: flex-start; align-items: center; gap: 28px; padding-left: 28px; }
    #Top_bar .menu > li > a{ padding: 0; text-transform: uppercase; }
    #Top_bar .menu > li > a span:not(.description){ line-height: 46px !important; padding: 0; }
    #Top_bar .menu > li > a span:after{ content: ""; pointer-events: none; bottom: 13px; left: 50%; position: absolute; width: 0%; height: 1px; background-color: var(--negro); transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1); transition-duration: 400ms; transition-property: width, left; }
    #Top_bar .menu > li > a:hover span:after, #Top_bar .menu > li.current-menu-item > a span:after { width: 100%; left: 0%; }
    #Header .top_bar_right{ padding: 0; }
    #Top_bar .top_bar_right .action_button{ margin: 0; background-color: transparent; padding: 0; border-radius: 0; line-height: 1; gap: 0; }
    #Top_bar .top_bar_right .action_button .button_label{ background-color: var(--rojo); padding: 14px; border-radius: 34px; }
    #Top_bar .top_bar_right .action_button .button_icon{ background-color: var(--rojo); border-radius: 50%; height: 46px; width: 46px; display: flex; justify-content: center; align-items: center; }
    #Top_bar .top_bar_right .action_button .button_icon i{ transition: all 0.5s ease; }
    #Top_bar .top_bar_right .action_button:before{ content: ""; background-image: url(imagenes/deco-boton.svg); background-repeat: no-repeat; background-position: center; background-size: 100%; width: 16px; height: 34px; position: absolute; right: 38px; }
    #Top_bar .top_bar_right .action_button:hover .button_icon i{ transform: translateX(5px); }

    #Top_bar.is-sticky{ background-color: transparent !important; box-shadow: unset; margin-top: 8px; }
    #Top_bar.is-sticky #logo{ height: 40px !important; line-height: 40px !important; }
    #Top_bar.is-sticky #logo img.logo-sticky{ max-height: 40px !important; }
    #Top_bar.is-sticky .menu > li > a span:not(.description) { line-height: 38px !important; }
    #Top_bar.is-sticky .top_bar_right .action_button .button_label{ padding: 10px; }
    #Top_bar.is-sticky .top_bar_right .action_button .button_icon{ height: 38px; width: 38px; }
    #Top_bar.is-sticky .menu > li > a span:after{ bottom: 10px; }
    #Top_bar.is-sticky .top_bar_right .action_button:before{ width: 14px; right: 31px; }


/*** FOOTER ***/
    #Footer .footer_action{ background: transparent; }
    #Footer .footer_action .mcb-column-inner{ margin: 0 !important; padding: 0 !important; }
    #Footer .footer_action .kit-digital{ display: grid; grid-template-columns: 1fr 1fr 5fr; gap: 20px; padding: 34px 0; text-align: left; }
    #Footer .footer_action .kit-digital img { max-height: 50px; width: auto; max-width: unset; }
    #Footer .footer_action .kit-digital p { font-size: 13.3px !important; line-height: 18px; margin-bottom: 0; color: var(--texto); text-align: left !important; }

    #Footer .widgets_wrapper .widget{ margin: 0 !important; }

    #Footer.full-width .container{ padding: 0 34px; }
    #Footer .footer_copy .one{ margin-bottom: 68px; padding-top: 33px; min-height: unset; }
    #Footer .footer_copy .one .mcb-column-inner{ margin: 0; }
    #Footer .footer_copy .social{ display: none; }
    #Footer .footer_copy .copyright{ width: 100%; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px 6px; }
    #Footer .footer_copy .copyright img{ width: 135px; }
    #Footer .footer_copy .copyright > p{ margin-bottom: 0; font-size: 13.3px; font-weight: 400; line-height: 140%; }
    #Footer .footer_copy .copyright .menu{ display: flex; justify-content: flex-start; align-items: center; gap: 0px 24px; flex-wrap: wrap; }
    #Footer .footer_copy .copyright .menu li{ position: relative; }
    #Footer .footer_copy .copyright .menu li:not(:last-child):before{ content: ""; width: 1px; height: 13px; background-color: var(--texto); position: absolute; top: 50%; transform: translateY(-50%); right: -13px; }
    #Footer .footer_copy .copyright .menu li a{ font-size: 13.3px; font-weight: 400; line-height: 140%; }


/*** INICIO ***/
    .portada.full-screen .section_wrapper{ padding: 0 34px 48px !important; }
    .portada:before{ content: ""; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 43.54%, rgba(0, 0, 0, 0.40) 100%); position: absolute; top: 0; left: 0; }
    .portada h1{ color: var(--blanco); max-width: 1200px; }
    .portada p{ color: var(--beige); font-size: 28px; font-weight: 500; line-height: 140%; }

    .texto-centrado .mfn-visualeditor-content{ text-align: center; margin-bottom: 24px; }
    .centrado-small .mfn-visualeditor-content{ text-align: center; max-width: 590px; margin: 0 auto 24px; }

    .nuestros-servicios .one.mcb-wrap > .mcb-wrap-inner{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px 170px; }
    .nuestros-servicios .column_feature_box:nth-child(2n + 1){ margin-top: calc(100% - 120px); }
    .nuestros-servicios .column_feature_box .mcb-item-feature_box-inner{ padding: 0; }
    .nuestros-servicios .feature_box .feature_box_wrapper{ display: flex; flex-direction: column; gap: 24px; }
    .nuestros-servicios .feature_box .feature_box_wrapper .photo_wrapper, .nuestros-servicios .feature_box .feature_box_wrapper .desc_wrapper{ width: 100%; }
    .nuestros-servicios .feature_box .feature_box_wrapper .photo_wrapper img{ border-radius: 34px; }
    .nuestros-servicios .feature_box .feature_box_wrapper .desc_wrapper{ padding: 0 48px !important; }

    .ultimas-noticias > .section_wrapper{ gap: 48px 224px; }
    .ultimas-noticias > .section_wrapper > .one-second.mcb-wrap{ width: calc(50% - 112px); }
    .ultimas-noticias .column_image img{ border-radius: 34px; max-height: 890px; object-fit: cover; }
    .ultimas-noticias .blog_wrapper{ margin-bottom: var(--40); }
    .ultimas-noticias .blog_wrapper .posts_group .post-item .image_frame{ display: none; }

    .call-to-action .three-fifth.mcb-wrap:before{ content: ""; height: 100%; width: 54px; background-color: var(--beige); position: absolute; top: 0; right: -54px; visibility: visible; border-radius: 0 34px 34px 0;}
    .call-to-action .three-fifth.mcb-wrap > .mcb-wrap-inner{ border-radius: 34px 0 0 34px; padding: 48px; }
    .call-to-action .three-fifth.mcb-wrap .column_button{ margin-top: 12px; }
    .call-to-action .cont-imagenes > .mcb-wrap-inner{ display: flex; flex-wrap: nowrap; }
    .call-to-action .cont-imagenes > .mcb-wrap-inner .one.column, .call-to-action .cont-imagenes > .mcb-wrap-inner .one.column *{ width: auto; height: 100%; max-height: 100%; }
    .call-to-action .cont-imagenes > .mcb-wrap-inner .one.column:nth-child(2){ max-width: 63%; }
    .call-to-action .cont-imagenes > .mcb-wrap-inner .one.column:nth-child(3){ max-width: 37%; }
    .call-to-action .cont-imagenes img{ border-radius: 34px; object-fit: cover; }


/*** BLOG ***/
    .blog main.sections_group, .archive.category main.sections_group, .archive.tag main.sections_group{ padding: var(--pad-120); }
    .blog main.sections_group .column_blog > .mcb-column-inner, .archive.category main.sections_group .column_blog > .mcb-column-inner, .archive.tag main.sections_group .column_blog > .mcb-column-inner{ margin: 0; }

    .blog_wrapper .posts_group{ display: flex; flex-direction: column; gap: 48px; }
    .blog_wrapper .posts_group .post-item{ margin-bottom: 0; overflow: visible; }
    .blog_wrapper .posts_group:not(.timeline) .post-item:not(:last-child):before{ content: ""; width: 100%; height: 1px; background-color: var(--texto); opacity: 0.1; position: absolute; left: 0; bottom: -23px; visibility: visible; }
    .blog_wrapper .posts_group .post-item .image_frame, .blog_wrapper .posts_group .post-item .image_frame *{ border-radius: 34px; } 
    .blog_wrapper .posts_group:not(.timeline) .post-item .post-desc-wrapper{ width: 100%; }
    .blog_wrapper .posts_group .post-item .post-desc-wrapper .post-desc{ padding: 0; }
    .blog_wrapper .posts_group .post-item .post-desc-wrapper .post-desc h2, .blog_wrapper .posts_group .post-item .post-desc-wrapper .post-desc h3{ margin-bottom: 8px; }
    .blog_wrapper .posts_group .post-item .post-desc-wrapper .post-desc .post-meta .category, .blog_wrapper .posts_group .post-item .post-desc-wrapper .post-desc .post-footer{ display: none; }
    .blog_wrapper .posts_group .post-item .post-desc-wrapper .post-desc .post-excerpt{ margin-bottom: 0; font-weight: 300; }
    .blog_wrapper .posts_group .post-item .post-desc-wrapper .post-desc .post-meta .author-date{ color: var(--negro); font-size: 16px; line-height: 16px; font-weight: 500; }
    .blog_wrapper .posts_group .post-item .post-desc-wrapper .post-desc .post-meta .author-date i{ display: none; }

    .blog_wrapper .posts_group.timeline{ gap: var(--60); }
    .blog_wrapper .posts_group.timeline .post-item{ padding-bottom: 0; }
    .blog_wrapper .posts_group.timeline .post-item .date_label{ padding: 0; color: var(--negro); font-size: 16px; line-height: 16px; font-weight: 500; background-image: unset; background-color: transparent; top: 11px; }
    .blog_wrapper .posts_group.timeline .post-item:not(.no-img) img{ min-height: 252px; object-fit: cover; }
    .blog_wrapper .posts_group.timeline .post-item:not(.no-img) .post-desc-wrapper .post-desc{ padding: 0 24px; }
    .blog_wrapper .posts_group.timeline .post-item .post-desc-wrapper .post-desc h2{ font-size: 32px; font-weight: 500; line-height: 120%; }


    /*** PAGINACION ***/
    .pager{ display: flex; justify-content: center; align-items: center; gap: 20px; }
    .pager .pages{ margin: 0 !important; background-image: unset !important; background-color: unset !important; padding: 0 !important; display: flex !important; justify-content: center; align-items: center; gap: 10px; }
    .pager .pages a{ border-radius: 50% !important; width: 46px !important; height: 46px !important; line-height: 46px !important; font-size: 28px; color: var(--negro) !important; margin: 0 !important; font-weight: 500; }
    .pager .pages a:hover{ background-color: var(--rojo); color: var(--blanco) !important; }
    .pager .pages a.active{ background-color: var(--rojo); color: var(--blanco) !important; }
    .pager .pages a:before{ content: unset !important; }
    .pager a.next_page{ font-size: 0 !important; color: transparent; width: 46px; height: 46px; line-height: 46px !important; transition: all 1s ease; position: relative; background: url('imagenes/flecha-right.svg') center center/contain no-repeat; }
    .pager a.prev_page{ font-size: 0 !important; color: transparent; width: 46px; height: 46px; line-height: 46px !important; transition: all 1s ease; position: relative;  background: url('imagenes/flecha-left.svg') center center/contain 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: translateX(-10px); }

    /*** SINGLE ***/
    .portada-noticia{ padding: 120px 0 48px; min-height: 520px; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; }
    .portada-noticia:before{ content: ""; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 43.54%, rgba(0, 0, 0, 0.40) 100%); position: absolute; top: 0; left: 0; }
    .portada-noticia .breadcrumbs{ margin-top: 12px; gap: 8px; }
    .portada-noticia .column_heading p.title{ text-transform: uppercase; font-weight: 500; background-color: var(--rojo); border-radius: 34px; padding: 10px 14px; width: fit-content; font-size: 22px; line-height: 100%; margin-bottom: 10px; }

    .column_tag_cloud .mfn-tag-cloud{ gap: 5px; padding-left: 54px; }
    .column_tag_cloud .mfn-tag-cloud:before{ content: ""; width: 46px; height: 46px; background-color: var(--rojo); background-image: url(imagenes/icono-tag.svg); background-repeat: no-repeat; background-position: center; background-size: 24px; border-radius: 50%;
        position: absolute; top: 50%; transform: translateY(-50%); left: 0px; } 
    .column_tag_cloud .mfn-tag-cloud li{ margin: 0 !important; }
    .column_tag_cloud .mfn-tag-cloud li a{ background-color: var(--rojo) !important; color: var(--blanco); font-size: 22px; line-height: 100%; padding: 12px 14px !important; transition: all 0.2s ease; border-radius: 34px; }
    .column_tag_cloud .mfn-tag-cloud li a:hover{ transform: scale(1.02); }

    .cont-share{ border-top: 2px solid var(--negro); margin-top: 30px !important; padding-top: 30px; }
    .cont-share .mcb-wrap-inner{ align-items: center; gap: 24px; }
    .cont-share .mcb-wrap-inner .one.column{ width: fit-content !important; }
    .cont-share .mfn-visualeditor-content p{ margin-bottom: 0; font-weight: 500; color: var(--negro); font-size: 22px; line-height: 100%; }
    .mfn-share-post .mfn-share-post-button{ border: unset !important; padding: 0 !important; color: var(--blanco); background-color: var(--rojo); border-radius: 50%; font-size: 24px; transition: all 0.3s ease; width: 46px; height: 46px; }
    .mfn-share-post .mfn-share-post-button:hover{ transform: translateY(-5px); }



/*** TRABAJOS REALIZADOS - NOSOTROS ***/
    .page-template-template-portfolio .sections_group{ display: flex; flex-direction: column-reverse; }
    .page-template-template-portfolio .sections_group > section.section{ padding: var(--pad-120); }
    .page-template-template-portfolio .sections_group > section.section > .section_wrapper .mcb-column-inner{ margin: 0; }

    .portfolio_group{ height: auto !important; transform: unset !important; display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 24px; }
    .portfolio_group.grid .portfolio-item{ position: relative !important; top: unset !important; left: unset !important; transform: unset !important; margin: 0 !important; width: 100% !important; float: unset; }
    .portfolio_group .portfolio-item .image_frame, .portfolio_group .portfolio-item .image_frame *{ border-radius: 34px; height: 430px; }
    .portfolio_group .portfolio-item .image_frame img{ object-fit: cover; }
    .portfolio_group .portfolio-item .desc{ padding: 16px 8px 0; }
    .portfolio_group .portfolio-item .desc h3{ margin-bottom: 0; }
    .portfolio_group .portfolio-item .desc h2{ font-size: 32px; font-weight: 500; line-height: 120%; margin-bottom: 0; }
    .portfolio_group .portfolio-item .desc a{ width: 100%; display: block; position: relative; padding-right: 35px; }
    .portfolio_group .portfolio-item .desc a:before{ content: ""; background: url('imagenes/flecha-right.svg') center center/contain no-repeat; width: 32px; height: 32px; position: absolute; top: 2px; right: 0; transition: all 0.5s ease; }
    .portfolio_group .portfolio-item .desc a:hover:before{ transform: translateX(5px); }

    .pager_wrapper{ padding-top: var(--60); }
    .pager_lm .pager_load_more{ margin: 0; background-color: transparent; padding: 0; border-radius: 0; line-height: 1; gap: 0; }
    .pager_lm .pager_load_more .button_label{ background-color: var(--rojo); padding: 14px; border-radius: 34px; order: 1; }
    .pager_lm .pager_load_more .button_icon{ background-color: var(--rojo); border-radius: 50%; height: 46px; width: 46px; display: flex; justify-content: center; align-items: center; order: 2; }
    .pager_lm .pager_load_more .button_icon i{ transition: all 0.5s ease; }
    .pager_lm .pager_load_more:before{ content: ""; background-image: url(imagenes/deco-boton.svg); background-repeat: no-repeat; background-position: center; background-size: 100%; width: 16px; height: 34px; position: absolute; right: 38px; }
    .pager_lm .pager_load_more:hover .button_icon i{ transform: translateX(5px); }


    /*SINGLE TRABAJOS*/
    .portada-trabajo{ padding: 120px 0 48px; min-height: 420px; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; }
    .portada-trabajo:before{ content: ""; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 43.54%, rgba(0, 0, 0, 0.40) 100%); position: absolute; top: 0; left: 0; }
    .portada-trabajo .breadcrumbs{ margin-top: 12px; gap: 8px; }
    
    .contenido-trabajo .section_wrapper{ gap: 24px 160px; flex-wrap: wrap-reverse; align-items: flex-end; }
    .contenido-trabajo .section_wrapper:after{ content: unset; }
    .contenido-trabajo .section_wrapper .two-third.mcb-wrap{ width: calc(66.666% - 80px); }
    .contenido-trabajo .section_wrapper .one-third.mcb-wrap{ width: calc(33.333% - 80px); }
    .contenido-trabajo .gallery{ display: flex; justify-content: flex-start; align-items: flex-start; gap: 24px; flex-direction: column; }
    .contenido-trabajo .gallery .gallery-item{ padding: 0; margin: 0; border-radius: 34px; }
    .contenido-trabajo .gallery .gallery-item *{  border-radius: 34px; }
    .contenido-trabajo .gallery .elementosGaleria:not(.num1){ display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 24px; }

    /*NOSOTROS*/
    .sobre-nosotros .cont-nosotros > .mcb-wrap-inner{ gap: 24px 80px; }
    .sobre-nosotros .cont-nosotros > .mcb-wrap-inner .column_image{ width: calc(65% - 40px); }
    .sobre-nosotros .cont-nosotros > .mcb-wrap-inner .column_image img{ border-radius: 34px; }
    .sobre-nosotros .cont-nosotros > .mcb-wrap-inner .column_visual{ width: calc(35% - 40px); }

    .nuestros-valores .cont-valores > .mcb-wrap-inner{ gap: 24px 80px; }
    .nuestros-valores .cont-valores > .mcb-wrap-inner > .one-third.mcb-wrap{ width: calc(33.333% - 53.4px); }
    .nuestros-valores .cont-valores > .mcb-wrap-inner > .one-third.mcb-wrap:nth-child(2){ align-self: flex-end; text-align: center; }
    .nuestros-valores .cont-valores > .mcb-wrap-inner > .one-third.mcb-wrap:nth-child(4){ align-self: flex-start;  }
    .nuestros-valores .cont-valores img{ border-radius: 34px; max-width: 400px !important; }
    .nuestros-valores .cont-valores .col-texto .mcb-wrap-inner{ flex-direction: column; gap: 48px; }
    .nuestros-valores .cont-valores .col-texto .mfn-visualeditor-content{ text-align: center; max-width: 320px; margin: auto; }
    .nuestros-valores .cont-valores .col-texto .column_visual:not(:last-child):before{ content: ""; width: 32px; height: 32px; border-radius: 50%; border: 5px solid var(--rojo); position: absolute; left: 50%; transform: translateX(-50%);
        bottom: -34px; }

    .nuestra-mision .one-second.mcb-wrap:first-child .mcb-wrap-inner{ background-color: var(--beige); padding: 48px 80px; border-radius: 34px 0 0 34px;  }
    .nuestra-mision .one-second.mcb-wrap .column_image, .nuestra-mision .one-second.mcb-wrap .column_image *{ height: 100%; }
    .nuestra-mision img{ border-radius: 0 34px 34px 0; object-fit: cover; }
    .nuestra-mision .big p{ font-weight: 500; color: var(--negro); }
    .nuestra-mision .mfn-visualeditor-content{ max-width: 960px; }



/*** CONTACTO ***/
    .info-contacto .one.mcb-wrap > .mcb-wrap-inner{ display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 24px 48px; }
    .info-contacto .mfn-icon-box .icon-wrapper{ width: 93px; height: 93px; margin-bottom: 24px; }
    .info-contacto .mfn-icon-box .icon-wrapper i{ font-size: 92px; }
    .info-contacto .email .mfn-icon-box .icon-wrapper{ background-color: var(--rojo); border-radius: 50%; display: flex; justify-content: center; align-items: center; }
    .info-contacto .email .mfn-icon-box .icon-wrapper > i{ color: var(--blanco) !important; font-size: 56px; }
    .info-contacto .mfn-icon-box .desc-wrapper .title{ font-size: 32px; font-weight: 500; line-height: 120%; }

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

    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: 0px; left: 0px; background: transparent; border: 1px solid var(--rojo); }
    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: 0px; left: 0;
        visibility: hidden; font-size: 16px; text-align: center; line-height: 20px; color: var(--blanco); }
    span.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-acceptance input[type=checkbox]:checked + span:before { background: var(--rojo); }
    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; }

    .wpcf7-not-valid-tip{ font-size: 10px; line-height: 10px; margin-left: 11px;  margin-top: 4px; }
    .wpcf7 form .wpcf7-response-output{ text-align: center; }



/*** RESPONSIVE ***/
    @media(max-width: 1536px){

        /*INICIO*/
        .ultimas-noticias > .section_wrapper { gap: 48px 124px; }
        .ultimas-noticias > .section_wrapper > .one-second.mcb-wrap { width: calc(50% - 62px); }
    }
    @media(max-width: 1366px){

        /*VARIAS*/
        .portfolio_group .portfolio-item .image_frame, .portfolio_group .portfolio-item .image_frame *{ height: 330px; }

        .nuestros-valores .cont-valores img{ max-width: 350px !important; }
    }
    @media(max-width: 1239px){

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

        /*MENU*/
        #Top_bar .menu_cont{ gap: 60px; }
        #Header .top_bar_right{ order: 1; }
        #Top_bar .menu_wrapper{ order: 2; }

        #Side_slide { width: 420px !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 .close-wrapper a.close{ background-color: var(--rojo); border-radius: 50%; color: var(--blanco); display: flex; justify-content: center; align-items: center; }
        #Side_slide #menu ul li a{ text-align: right; }

        /*INICIO*/
        .nuestros-servicios .one.mcb-wrap > .mcb-wrap-inner{ gap: 24px 80px; }
        .nuestros-servicios .feature_box .feature_box_wrapper .desc_wrapper { padding: 0 24px !important; }

        .ultimas-noticias > .section_wrapper { gap: 48px 80px; }
        .ultimas-noticias > .section_wrapper > .one-second.mcb-wrap { width: calc(50% - 40px); }

        /*TRABAJOS REALIZADOS*/
        .contenido-trabajo .section_wrapper { gap: 24px 80px; }
        .contenido-trabajo .section_wrapper .two-third.mcb-wrap { width: calc(66.666% - 40px); }
        .contenido-trabajo .section_wrapper .one-third.mcb-wrap { width: calc(33.333% - 40px); }

        /*NOSOTROS*/
        .sobre-nosotros .cont-nosotros > .mcb-wrap-inner { gap: 24px 48px; }
        .sobre-nosotros .cont-nosotros > .mcb-wrap-inner .column_image { width: calc(55% - 24px); }
        .sobre-nosotros .cont-nosotros > .mcb-wrap-inner .column_visual { width: calc(45% - 24px); }
        .nuestra-mision .one-second.mcb-wrap:first-child .mcb-wrap-inner{ padding: 48px; }
        .nuestros-valores .cont-valores > .mcb-wrap-inner { gap: 24px 48px; }
        .nuestros-valores .cont-valores > .mcb-wrap-inner > .one-third.mcb-wrap { width: calc(33.333% - 32.4px); }
        .nuestros-valores .cont-valores img { max-width: 100% !important; }
    }

    @media(max-width: 1024px){

        /*INICIO*/
        .ultimas-noticias > .section_wrapper { gap: 48px; }
        .ultimas-noticias > .section_wrapper > .one-second.mcb-wrap { width: 100%; }
        .ultimas-noticias .column_image img{ max-height: 480px; }

        .call-to-action .three-fifth.mcb-wrap, .call-to-action .two-fifth.mcb-wrap{ width: 100%; }
        .call-to-action .three-fifth.mcb-wrap > .mcb-wrap-inner{ border-radius: 34px 34px 0 0; }
        .call-to-action .three-fifth.mcb-wrap:before{ height: 54px; width: 100%; top: unset; bottom: -54px; right: unset; left: 0; border-radius: 0px; }

        /*TRABAJOS REALIZADOS*/
        .portfolio_group .portfolio-item .image_frame, .portfolio_group .portfolio-item .image_frame * { height: 230px; }

        /*NOSOTROS*/
        .sobre-nosotros .cont-nosotros > .mcb-wrap-inner .column_visual, .sobre-nosotros .cont-nosotros > .mcb-wrap-inner .column_image { width: 100%; }

    }
    @media(max-width: 959px){

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

        h1, #Subheader .title{ font-size: 62px; line-height: 62px; }

        /*MENU*/
        #Top_bar #logo img.svg { width: 400px; }
        
        /*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*/
        .nuestros-servicios .one.mcb-wrap > .mcb-wrap-inner{ gap: 24px 48px; }

        /*TRABAJOS REALIZADOS*/
        .portfolio_group .portfolio-item .image_frame, .portfolio_group .portfolio-item .image_frame * { height: 180px; }
        .contenido-trabajo .section_wrapper { gap: 24px 48px; }
        .contenido-trabajo .section_wrapper .two-third.mcb-wrap { width: calc(66.666% - 24px); }
        .contenido-trabajo .section_wrapper .one-third.mcb-wrap { width: calc(33.333% - 24px); }

        /*NOSOTROS*/
        .nuestra-mision .section_wrapper{ flex-wrap: wrap-reverse; }
        .nuestra-mision .one-second.mcb-wrap{ width: 100%; }
        .nuestra-mision .one-second.mcb-wrap:first-child .mcb-wrap-inner{ border-radius: 0 0 34px 34px; }
        .nuestra-mision img { border-radius: 34px 34px 0 0; }

        /*BLOG*/
        .blog_wrapper .posts_group.timeline .post-item:not(.no-img) .post-desc-wrapper .post-desc{ padding: 0; }

        .portada-noticia .column_breadcrumbs, .portada-trabajo .column_breadcrumbs{ display: none; }
    }
    @media(max-width: 767px){

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

        .section.full-width > .section_wrapper{ padding-left: 12px !important; padding-right: 12px !important; }

        #Subheader .container{ padding-left: 12px !important; padding-right: 12px !important; }

        h1, #Subheader .title{ font-size: 52px; line-height: 52px; }
        h2, #cmplz-document h2{ font-size: 42px; line-height: 42px; }

        /*MENU*/
        #Top_bar .column{ padding: 0 12px; }
        #Top_bar #logo img.svg { width: 250px; }
        #Top_bar .menu_cont { gap: 20px; background: transparent; backdrop-filter: unset; max-height: 32px; padding: 0; }
        #Top_bar .menu_wrapper{ border-radius: 50%; width: 40px; height: 40px; display: block; position: relative; }
        #Top_bar .menu_wrapper:before{ content: ""; width: 40px; height: 40px; border-radius: 50%; background: rgba(252, 252, 248, 0.54); backdrop-filter: blur(6px); position: absolute; top: 0; left: -40px; }
        .mobile-header-mini #Top_bar a.action_button{ display: flex !important; }
        .mobile-header-mini #Top_bar a.responsive-menu-toggle{ top: 50% !important; left: unset; right: 3px; margin-top: -17px; }
        .mobile-header-mini #Top_bar .top_bar_right{ width: 100%; height: auto; max-height: unset; position: relative; top: unset; right: unset; }
        #Top_bar .top_bar_right .action_button .button_icon{ width: 40px; height: 40px; }
        #Top_bar .top_bar_right .action_button .button_label{ padding: 11px; }
        #Top_bar .top_bar_right .action_button:before{ width: 13px; height: 26px; right: 33px; }

        .mobile-sticky #Top_bar.is-sticky a.responsive-menu-toggle{ top: 50% !important; }
        
        /*FOOTER*/
        #Footer .footer_action .kit-digital{ max-width: 100%; display: block; }
        #Footer .footer_action .kit-digital img { max-height: 70px; margin-bottom: 10px;}

        /*INICIO*/
        .nuestros-servicios .one.mcb-wrap > .mcb-wrap-inner{ grid-template-columns: repeat(1, 1fr); gap: 48px; }
        .nuestros-servicios .column_feature_box:nth-child(2n + 1){ margin-top: 0; }

        .call-to-action .three-fifth.mcb-wrap > .mcb-wrap-inner{ padding: 24px; }

        /*TRABAJOS REALIZADOS*/
        .portfolio_group{ grid-template-columns: repeat(1, 1fr); }
        .portfolio_group .portfolio-item .image_frame, .portfolio_group .portfolio-item .image_frame * { height: 300px; }

        .contenido-trabajo .section_wrapper .two-third.mcb-wrap, .contenido-trabajo .section_wrapper .one-third.mcb-wrap { width: 100%; }
        .contenido-trabajo .gallery .elemento1{ width: 100%; }
        .contenido-trabajo .gallery .gallery-item{ width: 100% !important; }

        /*CONTACTO*/
        .info-contacto .one.mcb-wrap > .mcb-wrap-inner{ grid-template-columns: repeat(1, 1fr);  }

        /*NOSOTROS*/
        .nuestros-valores .cont-valores > .mcb-wrap-inner > .one-third.mcb-wrap { width: 100%; }

        /*BLOG*/
        .blog_wrapper .posts_group.timeline .post-item .date_label{ padding-left: 24px; }
        .blog_wrapper .posts_group.timeline .post-item .date_label:after{ border: 3px solid var(--rojo); border-radius: 50%; width: 16px; height: 16px; right: unset; left: 0; top: 3px; }
    }
    @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: 50px 0px;
            --120: 50px;
            --60: 24px;
            --40: 12px;

            --containerWidth: 90%;
            --halfSection: 45%;
        }

        h1, #Subheader .title{ font-size: 42px; line-height: 42px; }
        h2, #cmplz-document h2{ font-size: 30px; line-height: 32px; }
        h3{ font-size: 24px; line-height: 28px; }
        h4{ font-size: 20px; line-height: 24px; }
        .big p, p.big{ font-size: 16px; line-height: 22px; }

        .button{ font-size: 16px; line-height: 16px; }

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

        #back_to_top.sticky{ width: 30px; height: 30px; font-size: 16px !important; }

        #Subheader{ padding: 60px 0 24px; min-height: 280px; }
        #Subheader:before{ background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.40) 100%); }

        /*MENU*/
        #Top_bar #logo img.svg { width: 180px; }
        #Top_bar .menu_cont { gap: 15px; }
        #Top_bar .menu_wrapper{ width: 32px; height: 32px; }
        #Top_bar .menu_wrapper:before{ width: 32px; height: 32px; left: -32px; }
        .mobile-header-mini #Top_bar a.responsive-menu-toggle{ width: 30px; height: 30px; right: 1px; }
        #Top_bar a.responsive-menu-toggle i { font-size: 18px; }
        #Top_bar .top_bar_right .action_button{ font-size: 14px; line-height: 14px !important; }
        #Top_bar .top_bar_right .action_button .button_icon{ width: 30px; height: 30px; }
        #Top_bar .top_bar_right .action_button .button_label{ padding: 8px; }
        #Top_bar .top_bar_right .action_button:before{ width: 10px; height: 22px; right: 25px; }

        #Top_bar.is-sticky{ margin-top: 0; }
        #Top_bar.is-sticky .top_bar_right .action_button .button_label{ padding: 8px; }
        #Top_bar.is-sticky .top_bar_right .action_button .button_icon{ width: 30px; height: 30px; }
        #Top_bar.is-sticky .top_bar_right .action_button:before{ width: 10px; height: 22px; right: 25px; }
    
        /*FOOTER*/
        #Footer .footer_action .kit-digital img { max-height: 50px; }

        #Footer.full-width .container{ padding: 0 20px; }
        #Footer .footer_copy .one { margin-bottom: 33px; padding-top: 0px; }

        /*INICIO*/
        .portada{ height: 520px !important; background-position: -230px center !important; }
        .portada.full-screen .section_wrapper { padding: 0 12px 24px !important; }
        .portada > .section_wrapper{ min-height: unset; }
        .portada p{ font-size: 20px; margin-bottom: 0; }
        .texto-centrado .mfn-visualeditor-content{ margin-bottom: 0; }
        .nuestros-servicios .feature_box .feature_box_wrapper{ gap: 12px; }
        .nuestros-servicios .feature_box .feature_box_wrapper .photo_wrapper{ margin-bottom: 0; }
        .nuestros-servicios .feature_box .feature_box_wrapper .desc_wrapper h3{ margin-bottom: 6px; }
        .centrado-small .mfn-visualeditor-content{ margin: 0 auto; }
        .ultimas-noticias > .section_wrapper { gap: 24px; }
        .ultimas-noticias .column_image{ display: none; }
        .ultimas-noticias .column_image img { max-height: 380px; }
        .call-to-action .three-fifth.mcb-wrap .column_button{ margin-top: 0; }
        .call-to-action .cont-imagenes > .mcb-wrap-inner .one.column, .call-to-action .cont-imagenes > .mcb-wrap-inner .one.column *{ max-height: 185px; }

        /*VARIAS*/
        .portfolio_group .portfolio-item .image_frame, .portfolio_group .portfolio-item .image_frame * { height: 240px; }
        .portfolio_group .portfolio-item .desc { padding: 8px 24px 0; }
        .portfolio_group .portfolio-item .desc h2{  font-size: 24px; line-height: 28px; }

        .contenido-trabajo .gallery{ gap: 12px; }
        .contenido-trabajo .gallery .elementosGaleria:not(.num1){ grid-template-columns: repeat(1, 1fr); grid-gap: 12px; }

        .info-contacto .mfn-icon-box .icon-wrapper { width: 48px; height: 48px; margin-bottom: 8px; }
        .info-contacto .mfn-icon-box .icon-wrapper i{ font-size: 48px; }
        .info-contacto .email .mfn-icon-box .icon-wrapper > i{ font-size: 26px; }
        .info-contacto .mfn-icon-box .desc-wrapper .title{ font-size: 24px; margin-bottom: 0; }
        .formulario-contacto .centrado-small h2{ margin-bottom: 0; }

        .blog_wrapper .posts_group.timeline .post-item .post-desc-wrapper .post-desc h2{ font-size: 24px; line-height: 28px; }
        .blog_wrapper .posts_group.timeline .post-item:not(.no-img) img { min-height: unset; }
        .pager{ gap: 10px; }
        .pager .pages a{ width: 32px !important; height: 32px !important; line-height: 32px !important; font-size: 18px; }
        .pager a.next_page, .pager a.prev_page{ width: 32px; height: 32px; line-height: 32px !important; }

        .portada-noticia { padding: 60px 0 24px; min-height: 480px; }
        .portada-noticia h1{ font-size: 34px; line-height: 34px; }
        .portada-noticia .column_heading p.title{ font-size: 18px; padding: 8px 12px; }

        .cont-share{ margin-top: 24px !important; padding-top: 24px; }
        .cont-share .mcb-wrap-inner{ gap: 10px; }
        .mfn-share-post .mfn-share-post-button{ width: 32px; height: 32px; font-size: 16px; }
        .column_tag_cloud .mfn-tag-cloud:before{ width: 32px; height: 32px; background-size: 18px; top: 0; transform: unset; }
        .column_tag_cloud .mfn-tag-cloud{ padding-left: 40px; }
        .column_tag_cloud .mfn-tag-cloud li a{ font-size: 16px; padding: 8px 14px !important; }

        .nuestra-mision .one-second.mcb-wrap:first-child .mcb-wrap-inner{ padding: 24px; }
    }
    @media(max-width: 375px){

        /*GENERAL*/
        .button { font-size: 14px; line-height: 14px !important; }
        .button.button_right .button_label{ padding: 10px; }
        .button.button_right .button_icon{ width: 34px; height: 34px; }
        .button.button_right:before{ width: 12px; height: 26px; right: 28px; }

        /*MENU*/
        #Top_bar #logo img.svg { width: 140px; }
        #Top_bar .menu_cont { gap: 10px; }
        #Top_bar .menu_wrapper{ width: 24px; height: 24px; }
        #Top_bar .menu_wrapper:before{ width: 24px; height: 24px; left: -24px; }
        .mobile-header-mini #Top_bar a.responsive-menu-toggle{ width: 24px; height: 24px; right: 0px; }
        #Top_bar a.responsive-menu-toggle i { font-size: 13px; }
        #Top_bar .top_bar_right .action_button{ font-size: 12px; line-height: 12px !important; }
        #Top_bar .top_bar_right .action_button .button_icon{ width: 24px; height: 24px; }
        #Top_bar .top_bar_right .action_button .button_label{ padding: 6px; }
        #Top_bar .top_bar_right .action_button:before{ width: 8px; height: 17px; right: 20px; }

        #Top_bar.is-sticky .top_bar_right .action_button .button_label{ padding: 6px; }
        #Top_bar.is-sticky .top_bar_right .action_button .button_icon{ width: 24px; height: 24px; }
        #Top_bar.is-sticky .top_bar_right .action_button:before{ width: 8px; height: 17px; right: 20px; }

    }
    @media(max-width: 320px){
        
        /*FOOTER*/
        #Footer .footer_action .kit-digital img { max-height: 46px; }

        /*VARIAS*/
        .portfolio_group .portfolio-item .image_frame, .portfolio_group .portfolio-item .image_frame * { height: 200px; }
    }