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


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

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

    #Error_404{ position: relative; margin-top: 0; padding-top: 0 !important; left: unset; top: unset; min-height: 100vh; display: flex; justify-content: center; align-items: center; }
    #Error_404 .mcb-column-inner{ margin: 0 !important; display: flex; flex-direction: column; justify-content: center; align-items: center; }
    #Error_404 .error_pic, #Error_404 .error_desk{ width: 100%; text-align: center; }
    #Error_404 .error_desk p .button { margin: 15px auto 0px; position: relative; display: block; width: fit-content; line-height: 1; }

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

    /* Arregla padding al abrir popup deshabilitando scroll de la web */
    html.mfn-popup-browser-scroll-disabled { padding-right: 0; }

    :root{
        --negro: #231C1B;
        --texto: #4D4342;
        --marron: #706766;
        --marronClaro: #7B655F;
        --blanco: #FCFCFC;
        --gris: #F9F5F1;

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

        --pad-lateral: 74px;

        --pad-70: 74px 0px;
        --70: 74px;
        --60: 64px;
        --30: 34px;
        --10: 16px;

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

    .pad-70{ padding: var(--pad-70); }
    .pad-70-top{ padding-top: var(--70); }
    .pad-70-bottom{ padding-bottom: var(--70); }
    .pad-60-bottom{ padding-bottom: var(--60); }
    .pad-30-bottom{ padding-bottom: var(--30); }
    .pad-10-bottom{ padding-bottom: var(--10); }

    h1{ line-height: 110%; letter-spacing: -2.88px; }
    h2{ line-height: 120%; letter-spacing: -2.1px; }
    h3{ line-height: 110%; letter-spacing: -1.36px; }
    h4{ line-height: 120%; letter-spacing: -1.12px; }
    h5{ line-height: 140%; letter-spacing: -0.8px; }
    h6{ line-height: 160%; }
    .big p, p.big, .lead p, p.lead{ line-height: 140%; letter-spacing: -0.8px; }
    p, ul li, ol li{ line-height: 160%; }

    .social{ display: flex; gap: 8px; justify-content: flex-start; align-items: center; }
    .social li a{ font-size: 22px; color: var(--negro); transition: all 0.3s ease; display: block; }
    .social li a:hover{ transform: translateY(-3px); }

    .section.full-width>.section_wrapper { max-width: 1920px !important; padding-left: var(--pad-lateral) !important; padding-right: var(--pad-lateral) !important; }

    #back_to_top.sticky{ display: none !important; }
    .joinchat__button{ background: var(--negro) var(--joinchat-ico) 50% / 60% no-repeat !important; bottom: -10px !important; right: -10px !important; }

    /*Botones*/
    .button{ letter-spacing: 0.36px; line-height: 100%; text-transform: lowercase; }


    /*Cabecera*/
    #Subheader{ min-height: 510px; padding: 24px 0; display: flex; justify-content: center; align-items: center; }
    #Subheader::after{ content: unset; }
    #Subheader::before{ content: ""; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(61, 39, 25, 0.20) 0%, rgba(61, 39, 25, 0.20) 100%); position: absolute; top: 0; left: 0; }
    #Subheader > .container{ width: 100%; }
    .mfn-menu-animation-toggle-line-bottom>.mfn-menu-li>.mfn-menu-link:before, .mfn-menu-animation-toggle-line-top>.mfn-menu-li>.mfn-menu-link:before {
        background-color: var(--mfn-header-menu-animation-color)!important;
    }
    .subheader-custom{ min-height: 710px; padding: 24px 0; display: flex; justify-content: center; align-items: center; }
    .subheader-custom::before{ content: ""; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(61, 39, 25, 0.20) 0%, rgba(61, 39, 25, 0.20) 100%); position: absolute; top: 0; left: 0; }
    .subheader-custom .section_wrapper{ width: 100%; }


    /*Complianz*/
    #cmplz-document{ font-size: 16px; line-height: 160%; max-width: 100%; padding: var(--pad-70); }
    #cmplz-document p, #cmplz-document li, #cmplz-document td{ font-size: 16px; line-height: 160%; color: var(--texto); }
    #cmplz-document h2{ font-size: 42px; line-height: 120%; font-weight: 400; letter-spacing: -2.1px; margin-top: var(--30); 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;
        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%); }

    /*NEW*/
    #cmplz-manage-consent button.cmplz-manage-consent{ background-color: var(--blanco) !important; right: unset !important; left: 12px; font-size: 0px; color: var(--negro) !important; width: 42px; height: 42px; border-radius: 50%; box-shadow: unset !important; bottom: 12px !important; padding: 0 !important; min-width: unset; }
    #cmplz-manage-consent .cmplz-manage-consent:before { content: ""; background-color: transparent !important; 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; -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{  }


    /*** MENU ***/
    .header-custom{ padding: 16px 0; }
    .header-custom .mcb-column-inner{ margin: 0 !important; }
    .header-custom .mfn-module-wrapper{ gap: 52px; }
    .header-custom .mfn-header-menu .mfn-menu-link .label-wrapper .menu-desc{ position: absolute; right: -17px; bottom: 0px; font-size: 10px; font-weight: 400; line-height: 100%; letter-spacing: 0.16px; }

    .mfn-sidemenu-align-right{ transition: all 0.8s cubic-bezier(0.45, 0.05, 0.55, 0.95); -webkit-transition: all 0.8s cubic-bezier(0.45, 0.05, 0.55, 0.95); -moz-transition: all 0.8s cubic-bezier(0.45, 0.05, 0.55, 0.95); -ms-transition: all 0.8s cubic-bezier(0.45, 0.05, 0.55, 0.95); -o-transition: all 0.8s cubic-bezier(0.45, 0.05, 0.55, 0.95); }
    .mfn-sidemenu-tmpl .mfn-sidemenu-tmpl-builder{ height: 100vh; }
    .menu-sidebar-custom{ height: 100vh; }
    .menu-sidebar-custom .section_wrapper, .menu-sidebar-custom .section_wrapper > .one.mcb-wrap{ height: 100%; }
    .menu-sidebar-custom .section_wrapper > .one.mcb-wrap .mcb-wrap-inner{ height: 100%; flex-direction: column; justify-content: center; align-items: center; }
    .menu-sidebar-custom .section_wrapper > .one.mcb-wrap .mcb-wrap-inner .column_sidemenu_menu, .menu-sidebar-custom .section_wrapper > .one.mcb-wrap .mcb-wrap-inner .column_header_language_switcher{ margin-top: auto; }
    .menu-sidebar-custom .mfn-sidemenu-menu .mfn-menu-link .label-wrapper{ position: relative; }
    .menu-sidebar-custom .mfn-sidemenu-menu .mfn-menu-link .label-wrapper .menu-desc{ position: absolute; right: -17px; bottom: 0px; font-size: 10px; font-weight: 400; line-height: 100%; letter-spacing: 0.16px; }
    .menu-sidebar-custom .mfn-sidemenu-menu .mfn-menu-link .label-wrapper:before{ content: ""; position: absolute; top: 100%; left: 0; width: 100%; height: 1px; background-color: var(--negro); transform: scaleX(0); transition: transform .2s ease-in-out; }
    .menu-sidebar-custom .mfn-sidemenu-menu .mfn-menu-li.current-menu-item>.mfn-menu-link .label-wrapper:before, .menu-sidebar-custom .mfn-sidemenu-menu .mfn-menu-li:hover > .mfn-menu-link .label-wrapper:before{ transform: scaleX(1); }
    
    .mfn-header-sticky-section .mfn-menu-animation-toggle-line-bottom>.mfn-menu-li>.mfn-menu-link:before{ background-color: var(--negro); }

    .wpml-ls-statics-shortcode_actions.wpml-ls.wpml-ls-legacy-list-horizontal a {
    font-weight: 500;
    color: #fff;
    color: #FCFCFC;
    }
    .wpml-ls-statics-shortcode_actions.wpml-ls.wpml-ls-legacy-list-horizontal ul > li:nth-child(1) {
        border-right: 1px solid #fff;
    }
    .black .wpml-ls-statics-shortcode_actions.wpml-ls.wpml-ls-legacy-list-horizontal ul > li:nth-child(1) , .page-id-899 .wpml-ls-statics-shortcode_actions.wpml-ls.wpml-ls-legacy-list-horizontal ul > li:nth-child(1) , .page-id-13 .wpml-ls-statics-shortcode_actions.wpml-ls.wpml-ls-legacy-list-horizontal ul > li:nth-child(1)  {
        border-right: 1px solid #000;
    }
    .wpml-ls-legacy-list-horizontal , .wpml-ls-legacy-list-horizontal *  {
        padding: 0 5px !important;
    }
    span.wpml-ls-native {
        font-size: 15px;
    }
    .mfn-language-switcher li.wpml-ls-item a{    
        text-decoration-thickness: 1px;
        text-underline-offset: 6px;
    }
    .mfn-sidemenu-tmpl-builder .mfn-language-switcher ul {
        display: flex    ;
        justify-content: center;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: space-between;
    }
    .mfn-sidemenu-tmpl-builder .mfn-language-switcher ul a{
        color: #000!important;
    }
     .mfn-sidemenu-tmpl-builder .wpml-ls-statics-shortcode_actions.wpml-ls.wpml-ls-legacy-list-horizontal ul > li:nth-child(1) {
        border-right: 1px solid #000!important;
    }


    /*** FOOTER ***/
    .kit-digital{ display: grid; grid-template-columns: 1fr 1fr 5fr; gap: 20px; padding: 48px 0 0; }
    .kit-digital img { max-height: 50px; width: auto; max-width: unset; }
    .kit-digital p { font-size: 14px !important; line-height: 160%; margin-bottom: 0; color: var(--negro); }

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

    .footer-custom{ padding: 24px 0; }
    .footer-custom .cont-info > .mcb-wrap-inner{ gap: 48px; justify-content: space-between; } 
    .footer-custom .cont-info .col-der, .footer-custom .cont-info .col-izq{ width: fit-content; }
    .footer-custom .cont-info .mfn-footer-menu{ gap: 16px; }
    .footer-custom .cont-info .mfn-footer-menu li a{ padding: 0; }
    .footer-custom .cont-info .col-der > .mcb-wrap-inner{ gap: 16px; }
    .footer-custom .cont-info .col-der a{ font-weight: 500;}
    .footer-custom .cont-info .col-der a:hover{ text-decoration: unset; }
    .footer-custom .cont-info .cont-pie > .mcb-wrap-inner{ gap: 16px; justify-content: space-between; align-items: center; flex-wrap: wrap-reverse; }
    .footer-custom .cont-info .cont-pie > .mcb-wrap-inner .one.column{ width: fit-content; }
    .footer-custom .cont-info .cont-pie .mfn-footer-menu{ gap: 0 16px; }


    /*** INICIO ***/
    .inicio-portada.section.full-width>.section_wrapper { max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; }
    .inicio-portada .lightSlider{ height: 100vh; }
    .inicio-portada .lightSlider:after{ content: unset; }
    .inicio-portada .lightSlider .slide::before{ content: ""; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(61, 39, 25, 0.20) 0%, rgba(61, 39, 25, 0.20) 100%); position: absolute; top: 0; left: 0; }  
    .inicio-portada .lightSlider .text-wrap{ padding: 0 var(--pad-lateral); }
    .inicio-portada .lightSlider .text-wrap h1{ margin: 0; color: var(--blanco); }



    /*** PROYECTOS***/   
    .page-template-template-portfolio .column_portfolio{ padding: var(--pad-70); }
    .column_portfolio > .mcb-column-inner{ margin: 0 !important; }

    .portfolio_wrapper > .portfolio_group{ height: auto !important; display: flex; justify-content: stretch; align-items: stretch; flex-wrap: wrap; gap: 64px; }
    .portfolio_wrapper > .portfolio_group .portfolio-item{ float: unset !important; margin: 0 !important; position: relative !important; top: unset !important; left: unset !important; transform: unset !important; }

    .portfolio_wrapper > .portfolio_group .portfolio-item:nth-child(6n + 1), .portfolio_wrapper > .portfolio_group .portfolio-item:nth-child(6n + 4), .portfolio_wrapper > .portfolio_group .portfolio-item:nth-child(6n + 5) { width: calc(35% - 32px); }
    .portfolio_wrapper > .portfolio_group .portfolio-item:nth-child(6n + 2), .portfolio_wrapper > .portfolio_group .portfolio-item:nth-child(6n + 3) { width: calc(65% - 32px); }
    
    .portfolio_wrapper > .portfolio_group .portfolio-item .portfolio-item-fw-bg{ display: flex; flex-direction: column; gap: 16px; justify-content: stretch; align-items: flex-start; height: 100%; }
    .portfolio_wrapper > .portfolio_group .portfolio-item .portfolio-item-fw-bg .portfolio-item-fill{ display: none; }
    .portfolio_wrapper > .portfolio_group .portfolio-item .portfolio-item-fw-bg .image_frame{ height: 100%; }
    .portfolio_wrapper > .portfolio_group .portfolio-item .portfolio-item-fw-bg .image_frame .image_wrapper, .portfolio_wrapper > .portfolio_group .portfolio-item .portfolio-item-fw-bg .image_frame .image_wrapper > a{ height: 100%; }
    .portfolio_wrapper > .portfolio_group .portfolio-item .portfolio-item-fw-bg .image_frame .image_wrapper > a > img{ height: 100%; object-fit: cover; }
    .portfolio_wrapper > .portfolio_group .portfolio-item .desc{ padding: 0; display: flex; flex-direction: column; gap: 6px; justify-content: flex-start; align-items: flex-start; }
    .portfolio_wrapper > .portfolio_group .portfolio-item .desc .title_wrapper{ display: flex; gap: 24px; justify-content: flex-start; align-items: center; }
    .portfolio_wrapper > .portfolio_group .portfolio-item .desc .title_wrapper .project-counter{ font-size: 12px; font-weight: 500; line-height: 140%; letter-spacing: 0.48px; text-transform: uppercase; color: var(--marronClaro); }
    .portfolio_wrapper > .portfolio_group .portfolio-item .desc .title_wrapper h2{ margin: 0; font-size: 16px; font-weight: 600; line-height: 140%; letter-spacing: unset; color: var(--negro); }
    .portfolio_wrapper > .portfolio_group .portfolio-item .desc .desc-wrapper{ margin: 0; display: block !important; padding-bottom: 4px; }

    .portfolio_wrapper .pager_wrapper{ text-align: left; padding-top: var(--60); }
    .portfolio_wrapper .pager_wrapper .pager_load_more{ margin: 0; }
    .portfolio_wrapper .pager_wrapper .pager_load_more .button_icon{ display: none; }


    /*** SINGLE PROYECTO ***/  
    .portada-proyecto::before{ content: ""; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(61, 39, 25, 0.20) 0%, rgba(61, 39, 25, 0.20) 100%); position: absolute; top: 0; left: 0; }  
    .contenido-proyecto.section.full-width > .section_wrapper{ max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; } 
    .contenido-proyecto .one-third.mcb-wrap > .mcb-wrap-inner{ margin-left: calc(calc(calc(100vw - 1920px) / 2) - 74px); padding: 74px; flex-direction: column; justify-content: center; align-items: center; }
    .contenido-proyecto .gallery{ display: flex; flex-direction: column; gap: 74px; margin: 0; }
    .contenido-proyecto .gallery .gallery-item{ width: 100%; padding: 0 !important; margin: 0; }


    /*** SERVICIOS  - STUDIO ***/
    .cont-imagen-texto > .mcb-wrap-inner{ gap: 64px; align-items: center; }
    .cont-imagen-texto > .mcb-wrap-inner > .column_image{ width: calc(65% - 34px); }
    .cont-imagen-texto > .mcb-wrap-inner > .col-texto{ width: calc(35% - 34px); }
    .cont-imagen-texto > .mcb-wrap-inner > .col-texto > .mcb-wrap-inner{ padding: 0 24px; }
    .cont-imagen-texto > .mcb-wrap-inner > .col-texto .fancy_heading .inside{ position: absolute; top: -10px; left: -24px; width: fit-content; color: var(--marronClaro);
        font-size: 15px; font-weight: 400; line-height: 100%; letter-spacing: 0.3px; }
    .cont-imagen-texto > .mcb-wrap-inner > .col-texto .fancy_heading h2{ margin-bottom: 0; }

    .portada-studio.section.full-width > .section_wrapper{ max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; }
    .portada-studio .col-texto > .mcb-wrap-inner{ margin-left: calc(calc(calc(100vw - 1920px) / 2) - 74px); padding: 74px; flex-direction: column; justify-content: center; align-items: center; }
    .portada-studio .col-texto > .mcb-wrap-inner > .mfn-nested-wrap, .portada-studio .col-texto > .mcb-wrap-inner > .column_heading{ margin-top: auto; }
    .portada-studio .col-texto h3{ font-size: 16px; font-weight: 500; line-height: 140%; letter-spacing: 0.64px; text-transform: uppercase; }


    /*** CONTACTO ***/
    .info-contacto > .section_wrapper{ gap: 64px; align-items: center; justify-content: stretch; align-items: stretch; }
    .info-contacto > .section_wrapper::after{ content: unset; }
    .info-contacto > .section_wrapper > .one.mcb-wrap:not(.col-texto){ width: calc(65% - 34px); }
    .info-contacto > .section_wrapper > .one.mcb-wrap:not(.col-texto) *{ height: 100%; }
    .info-contacto > .section_wrapper > .one.mcb-wrap:not(.col-texto) img{ object-fit: cover; }
    .info-contacto > .section_wrapper > .col-texto{ width: calc(35% - 34px); padding: 24px 0; }
    .info-contacto > .section_wrapper > .col-texto > .mcb-wrap-inner{ align-content: center; }
    .info-contacto > .section_wrapper > .col-texto .col-info .column_visual{ margin-bottom: var(--10); }
    .info-contacto > .section_wrapper > .col-texto .col-info .column_visual p:first-child{ margin-bottom: 6px; }

    .politicas p{ font-size: 12px; line-height: 160%; 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: 3px; left: 0px; background: transparent; border: 1px solid var(--negro); }
    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: var(--blanco); }
    span.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-acceptance input[type=checkbox]:checked + span:before { background: var(--negro); }
    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; }



    /*** BLOG ***/
    .blog .sections_group > .section > .section_wrapper{ max-width: 1920px !important; padding-left: var(--pad-lateral) !important; padding-right: var(--pad-lateral) !important; }
    .blog .column_blog > .mcb-column-inner{ margin: 0; padding: var(--pad-70); }

    .blog_wrapper .posts_group{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 64px; }
    .blog_wrapper .posts_group.grid.col-3 .post-item{ width: 100%; margin: 0 !important; }
    .blog_wrapper .posts_group.grid.col-3 .post-item .post-desc-wrapper .post-desc{ padding: 24px; }
    .blog_wrapper .posts_group.grid.col-3 .post-item .post-desc-wrapper .post-footer{ display: none; }

    .blog_wrapper .pager_wrapper{ text-align: left; padding-top: var(--60); }
    .blog_wrapper .pager_wrapper .pager_load_more{ margin: 0; }
    .blog_wrapper .pager_wrapper .pager_load_more .button_icon{ display: none; }
    

    /*** BLOG SINGLE***/   
    .portada-blog::before{ content: ""; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(61, 39, 25, 0.20) 0%, rgba(61, 39, 25, 0.20) 100%); position: absolute; top: 0; left: 0; }  
   

    .column_tag_cloud .mfn-tag-cloud{ gap: 5px; padding-left: 40px; }
    .column_tag_cloud .mfn-tag-cloud:before{ content: ""; width: 32px; height: 32px; background-color: var(--negro); background-image: url(imagenes/icono-tag.svg); background-repeat: no-repeat; background-position: center; background-size: 18px; border-radius: 0px;
        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(--negro) !important; color: var(--blanco); line-height: 100%; padding: 8px 15px !important; transition: all 0.2s ease; border-radius: 0px; }
    .column_tag_cloud .mfn-tag-cloud li a:hover{ transform: scale(1.02); }

    .cont-share{ border-top: 1px solid var(--negro); margin-top: 30px; padding-top: 20px; }
    .cont-share .mcb-wrap-inner{ align-items: center; gap: 12px; }
    .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); letter-spacing: 0.64px; text-transform: uppercase; line-height: 100%; }
    .mfn-share-post .mfn-share-post-button{ border: unset !important; padding: 0 !important; border-radius: 0 !important; color: var(--negro); font-size: 24px; transition: all 0.3s ease; }
    .mfn-share-post .mfn-share-post-button:hover{ transform: translateY(-5px); }




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

        /*** SERVICIOS  - STUDIO ***/
        .portada-studio .col-texto > .mcb-wrap-inner{ margin-left: 0; }
        .contenido-proyecto .one-third.mcb-wrap > .mcb-wrap-inner{ margin-left: 0; }
    }
    @media(max-width: 1536px){

        /* PROEYCTOS */
        .portfolio_wrapper > .portfolio_group{ gap: 34px; }
        .portfolio_wrapper > .portfolio_group .portfolio-item:nth-child(6n + 1), .portfolio_wrapper > .portfolio_group .portfolio-item:nth-child(6n + 4), .portfolio_wrapper > .portfolio_group .portfolio-item:nth-child(6n + 5) { width: calc(35% - 17px); }
        .portfolio_wrapper > .portfolio_group .portfolio-item:nth-child(6n + 2), .portfolio_wrapper > .portfolio_group .portfolio-item:nth-child(6n + 3) { width: calc(65% - 17px); }
        .portfolio_wrapper > .portfolio_group .portfolio-item .desc{ min-height: 84px; }
    }

    @media(max-width: 1239px){

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

        /* PROEYCTOS */
        .portfolio_wrapper > .portfolio_group .portfolio-item .desc{ min-height: 96px; }

        /*** SERVICIOS  - STUDIO ***/
        .cont-imagen-texto:not(.img-izq)  > .mcb-wrap-inner{ flex-wrap: wrap-reverse; }
        .cont-imagen-texto > .mcb-wrap-inner > .column_image{ width: 100%; }
        .cont-imagen-texto > .mcb-wrap-inner > .col-texto{ width: 100%; }

        .portada-studio > .section_wrapper{ flex-wrap: wrap-reverse; }
        .portada-studio .one-second.mcb-wrap{ width: 100%; }
        .portada-studio .col-texto > .mcb-wrap-inner > .mfn-nested-wrap{ margin-top: var(--70); }

        /*** CONTACTO ***/
        .info-contacto > .section_wrapper > .one.mcb-wrap:not(.col-texto){ width: 100%; }
        .info-contacto > .section_wrapper > .col-texto{ width: 100%; padding: 0; }

        /*** SINGLE PROYECTO ***/
        .contenido-proyecto .one-third.mcb-wrap, .contenido-proyecto .two-third.mcb-wrap{ width: 100%; }

        /*BLOG*/
        .blog_wrapper .posts_group{ grid-template-columns: repeat(2, 1fr); gap: 34px; }
    }

    @media(max-width: 959px){

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

            --pad-lateral: 34px;
        }

        /*MENU*/
        .mfn-sidemenu-tmpl .mfn-sidemenu-tmpl-builder{ padding: 34px !important; }
        .mfn-sidemenu-tmpl .mfn-sidemenu-closebutton{ right: 30px !important; }
        
        /*FOOTER*/
        .kit-digital{ grid-template-columns: 1fr 1fr; }
        .kit-digital > div:last-child { grid-column: 1 / span 2; }
        .kit-digital img { max-height: 75px; }

        /* PROEYCTOS */
        .portfolio_wrapper > .portfolio_group .portfolio-item .desc{ min-height: 110px; }

        /*** SERVICIOS  - STUDIO ***/
        .portada-studio .col-texto > .mcb-wrap-inner{ padding: 74px 34px;}

        /*** SINGLE PROYECTO ***/
        .contenido-proyecto .one-third.mcb-wrap > .mcb-wrap-inner{ padding: 34px; }
        .contenido-proyecto .gallery{ gap: 12px; }
    }

    @media(max-width: 767px){

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

            --pad-lateral: 14px;
        }

        .subheader-custom { min-height: 510px; }

        /*MENU*/
        .mfn-sidemenu-tmpl{ width: 280px; }
        .mfn-sidemenu-tmpl .mfn-sidemenu-tmpl-builder { padding: 14px !important; }
        .mfn-sidemenu-tmpl .mfn-sidemenu-closebutton { right: 9px !important; top: 26px !important; }
        
        /*FOOTER*/
        .kit-digital{ max-width: 100%; display: block; }
        .kit-digital img { max-height: 70px; margin-bottom: 10px;}

        /* PROEYCTOS */
        .portfolio_wrapper > .portfolio_group{ gap: 24px; }
        .portfolio_wrapper > .portfolio_group .portfolio-item:nth-child(6n + 1), .portfolio_wrapper > .portfolio_group .portfolio-item:nth-child(6n + 4), .portfolio_wrapper > .portfolio_group .portfolio-item:nth-child(6n + 5) { width: 100%; }
        .portfolio_wrapper > .portfolio_group .portfolio-item:nth-child(6n + 2), .portfolio_wrapper > .portfolio_group .portfolio-item:nth-child(6n + 3) { width: 100%; }
        .portfolio_wrapper > .portfolio_group .portfolio-item .desc{ min-height: unset; }
        .portfolio_wrapper > .portfolio_group .portfolio-item .portfolio-item-fw-bg .image_frame { height: auto; }
        .portfolio_wrapper > .portfolio_group .portfolio-item .desc .desc-wrapper{ padding-bottom: 0; }

        /*** SERVICIOS  - STUDIO ***/
        .cont-imagen-texto > .mcb-wrap-inner { gap: 32px; }

        .portada-studio .col-texto > .mcb-wrap-inner{ padding: 34px 14px;}

        .contenido-proyecto .one-third.mcb-wrap > .mcb-wrap-inner { padding: 0 14px 34px; }

        /*BLOG*/
        .blog_wrapper .posts_group{ grid-template-columns: repeat(1, 1fr); gap: 34px; }
        .blog_wrapper .posts_group.grid.col-3 .post-item .post-desc-wrapper .post-desc { padding: 14px; }
        
    }
    @media(max-width: 480px){

        /*GENERAL*/
        :root {
            --pad-70: 48px 0px;
            --70: 48px;
            --60: 34px;
            --30: 16px;
            --10: 8px;

            --containerWidth: 100%;
            --halfSection: 50%;
        }

        .joinchat__button{ bottom: 0px !important; right: 0px !important; --s: 48px; }

        #cmplz-manage-consent button.cmplz-manage-consent{ width: 32px; height: 32px; }
        #cmplz-manage-consent .cmplz-manage-consent:before{ width: 20px; height: 20px; }

        h1, #Subheader .title{ font-size: 42px; }
        h2{ font-size: 34px; }
        h3{ font-size: 28px; }
        h4{ font-size: 20px; }
        h5{ font-size: 18px; }
        .big, .big p, p.big, .lead p, p.lead{ font-size: 18px; }

        .button{ font-size: 16px; line-height: 100%; padding: 18px; }


        /*MENU*/
        .header-custom .mfn-module-wrapper { gap: 34px; }
        

        /*FOOTER*/
        .kit-digital img { max-height: 50px; }

        .footer-custom .cont-info .col-der > .mcb-wrap-inner, .footer-custom .cont-info .mfn-footer-menu{ gap: 8px; }
        .footer-custom .cont-info .cont-pie .mfn-footer-menu{ gap: 0px 12px; } 
        .footer-custom .cont-info > .mcb-wrap-inner { gap: 34px; }
        .footer-custom .cont-info .mfn-footer-menu{ text-align: left !important; }

        /* PROEYCTOS */
        .portfolio_wrapper > .portfolio_group .portfolio-item .desc .title_wrapper{ gap: 12px; }
       
    }
    @media(max-width: 320px){

        h1, #Subheader .title{ font-size: 38px; }
        h2{ font-size: 32px; }
        
        /*FOOTER*/
        .kit-digital img { max-height: 46px; }
    }