/*
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{ width: 36px; height: 36px; right: 24px; bottom: 70px; }
    #back_to_top i{ z-index: 2; }

    :root{
        --rojo: #B91818;
        --naranja: #F49719;
        --negro: #191919;
        --grisOscuro: #3D3D3D;
        --grisMedio: #6B6B6B;
        --gris: #A3A3A3;
        --grisClaro: #D1D1D1;
        --grisMuyClaro: #F7F7F8;
        --blanco: #FFFFFF;

        --gradiente: linear-gradient(180deg, #F49719 0%, #B91818 100%);
        --gradiente-2: linear-gradient(90deg, #F49719 -70.94%, #B91818 194.56%);

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

        --pad-100: 100px 0px;
        --100: 100px;
        --60: 64px;
        --50: 54px;
        --40: 42px;
        --30: 34px;
        --20: 18px;

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

    .pad-100{ padding: var(--pad-100); }
    .pad-100-top{ padding-top: var(--100); }
    .pad-100-bottom{ padding-bottom: var(--100); }
    .pad-60-bottom{ padding-bottom: var(--60); }
    .pad-50-bottom{ padding-bottom: var(--50); }
    .pad-40-bottom{ padding-bottom: var(--40); }
    .pad-30-bottom{ padding-bottom: var(--30); }
    .pad-20-bottom{ padding-bottom: var(--20); }

    h1{ letter-spacing: -0.96px; }
    h2{ letter-spacing: -0.72px; }
    h3{ letter-spacing: -0.64px; }
    h4{ letter-spacing: -0.48px; }
    h5{  }
    h6{  }
    .big p, p.big{  }
    p, ul li, ol li{  }


    /*Botones*/
    .button:not(.button_theme){ cursor: pointer; transition: all 0.02s; position: relative; overflow: hidden; background: var(--gradiente-2); }
    .button:not(.button_theme):active { transform: scale(0.97); }
    .button:not(.button_theme)::before{ content: ""; width: 100%; height: 100%; background: var(--gradiente-2); position: absolute; top: 0; left: 0; transition: 1s; filter: blur(20px); }
    .button:not(.button_theme):hover::before { width: 8rem; height: 8rem; transform: rotate(360deg); }
    .button:not(.button_theme) .button_icon, .button:not(.button_theme) .button_label{ z-index: 2; }
    .button:not(.button_theme) .button_icon i{ font-size: 14px; }

    .button.button_theme{ padding: 0px; border-radius: 0 !important; overflow: visible; }
    .button.button_theme .button_icon i{ font-size: 14px; }
    .button.button_theme .button_icon .icon-up-1{ transition: all 0.3s ease; transform: rotate(45deg); display: block; }
    .button.button_theme:hover .button_icon .icon-up-1{ transform: rotate(90deg); }
    .button.button_theme::before {content: ""; position: absolute; width: 85%; transform: scaleX(0); height: 1px; bottom: -2px; left: 0; background-color: var(--negro); transform-origin: bottom right; transition: transform 0.25s ease-out; }
    .button.button_theme:hover::before { transform: scaleX(1); transform-origin: bottom left; }

    .texto-gradiente{  background-image: var(--gradiente-2); color: transparent; background-clip: text; }

    ul.social{ display: flex; justify-content: flex-start; align-items: center; gap: 12px; }
    ul.social li a{ width: 32px; height: 32px; border-radius: 50% !important; color: var(--blanco); background-color: var(--negro); font-size: 16px; transition: all 0.3s ease; display: flex; justify-content: center; align-items: center; }
    ul.social li a:hover{ transform: translateY(-5px); }



    /*Cabecera*/
    #Subheader{ padding: 82px 0 64px; }
    #Subheader::after, .subheader-custom::after{ content: ""; display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; bottom: unset; box-shadow: unset;
        background: linear-gradient(270deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.40) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%); }
    #Subheader > .container{ z-index: 10; }

    .subheader-custom{ padding: 82px 0 64px; }
    .subheader-custom .mfn-visualeditor-content { flex-direction: column; align-items: flex-start;  justify-content: flex-start; gap: 16px; max-width: 740px; }
    .subheader-custom .mfn-visualeditor-content h1{ color: var(--blanco); margin-bottom: 0; }
    .subheader-custom .mfn-visualeditor-content p{ color: var(--grisMuyClaro); margin-bottom: 0; max-width: 600px; }


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

    .cmplz-cookiebanner .cmplz-message{ font-size: 11px !important; }
    .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-title{ font-size: 16px !important; font-weight: 600 !important; }
    .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-description{ font-size: 11px !important; line-height: 160% !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%); }

    .cmplz-cookiebanner .cmplz-buttons .cmplz-btn{ background: var(--gradiente-2) !important; border: unset !important; }


/*** MENU ***/
    .header-custom .section_wrapper{ padding: 16px 0; }
    .header-custom .mfn-item-inline.column_header_menu{ padding-left: 54px; }
    .header-custom .mfn-item-inline.column_header_menu > .mcb-column-inner{ margin: 0; }
    .mfn-menu-animation-toggle-line-bottom > .mfn-menu-li > .mfn-menu-link:before { top: calc(100% - 2px); }
    .header-custom .column_button > .mcb-column-inner{ margin: 0; }
    .header-custom .column_button:nth-child(5){ margin-left: 42px; }


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

    .kit-digital{ display: grid; grid-template-columns: 1fr 1fr 5fr; gap: 20px; }
    .kit-digital img { max-height: 50px; width: auto; max-width: unset; }
    .kit-digital p { font-size: 11px !important; line-height: 1.6; margin-bottom: 0; color: var(--grisMedio); }

    .footer-custom{ border-top: 1px solid var(--grisClaro); padding-top: 64px; }

    .footer-custom > .section_wrapper > .cont-info:first-child, .footer-custom > .section_wrapper > .cont-info:first-child > .mcb-wrap-inner{ max-width: 580px; width: 100%; }
    .footer-custom .texto-deco p{ font-size: 24px; line-height: normal; font-weight: 500; color: var(--negro); }
    .footer-custom > .section_wrapper > .cont-info:nth-child(2){ width: calc(100% - 600px); margin-left: auto; }
    .footer-custom > .section_wrapper > .cont-info:nth-child(2) > .mcb-wrap-inner{ justify-content: flex-end; align-items: flex-start; gap: 24px 64px; }
    .footer-custom .cont-info .cont-menu, .footer-custom .cont-info .cont-menu *{ width: fit-content; }
    .footer-custom .cont-info .cont-menu > .mcb-wrap-inner{ flex-direction: column; }
    .footer-custom .cont-info .cont-menu .mfn-footer-menu{ gap: 8px; margin-top: 8px; }
    .footer-custom .cont-info .cont-menu .mfn-footer-menu li a{ padding: 0; font-size: 11px; font-weight: 400; line-height: 160%; }

    .footer-custom .cont-ayudas{ padding-top: 64px; }

    .footer-custom .cont-copyright{ padding: 34px 0 64px; }
    .footer-custom .cont-copyright > .mcb-wrap-inner{ justify-content: space-between; align-items: center; flex-wrap: wrap-reverse; }
    .footer-custom .cont-copyright > .mcb-wrap-inner > .one.column{ width: fit-content; }
    .footer-custom .cont-copyright .column_image img{ width: 28px; }
    .footer-custom .cont-copyright .mfn-footer-menu-style-horizontal{ gap: 34px; }
    .footer-custom .cont-copyright .mfn-footer-menu-style-horizontal li a{ padding: 0px; }

    
    
/*** INICIO ***/
    .lightSlider .point-nav{ flex-wrap: wrap; }

    .profesionalidad > .section_wrapper{ gap: 180px; }
    .profesionalidad > .section_wrapper:after{ content: unset; }
    .profesionalidad > .section_wrapper .one-second.mcb-wrap:last-child{ width: calc(50% - 180px); }

    .p-deco p{ color: var(--negro); font-size: 24px; font-weight: 500; line-height: normal; }

    .texto-intro p{ font-size: 20px; font-weight: 500; line-height: 90%; text-transform: uppercase; color: var(--grisOscuro); padding-left: 33px; position: relative; }
    .texto-intro p::before{ content: ""; width: 17.1px; height: 17.1px; border-radius: 50%; background-color: var(--rojo); position: absolute; left: 0; top: 0; }

    .sec-foto-texto > .section_wrapper{ gap: 100px; }
    .sec-foto-texto > .section_wrapper:after{ content: unset; }
    .sec-foto-texto > .section_wrapper .one-second.mcb-wrap{ width: calc(50% - 50px); }
    .sec-foto-texto img{ border-radius: 16px; object-fit: cover; }
    .sec-foto-texto .column_image, .sec-foto-texto .column_image *{ height: 100%; }

    .los-servicios > .section_wrapper{ gap: 64px; }
    .los-servicios > .section_wrapper:after{ content: unset; }
    .los-servicios > .section_wrapper .two-fifth.mcb-wrap{ width: calc(44% - 32px); }
    .los-servicios > .section_wrapper .two-fifth.mcb-wrap .mcb-wrap-inner{ background-color: var(--blanco); border-radius: 16px; padding: 64px; }
    .los-servicios > .section_wrapper .three-fifth.mcb-wrap { width: calc(56% - 32px); }
    .los-servicios .info-servicio:not(:last-child){ padding-bottom: var(--60); }
    .los-servicios .info-servicio .promo_box_wrapper{ display: flex; flex-direction: column; gap: var(--40); }
    .los-servicios .info-servicio .promo_box_wrapper .photo_wrapper{ width: 100%; float: unset; }
    .los-servicios .info-servicio .promo_box_wrapper .desc_wrapper{ width: 100%; float: unset; margin: 0; padding-top: 0; }
    .los-servicios .info-servicio .promo_box_wrapper .desc_wrapper .desc{ margin-bottom: var(--30); }
    .los-servicios .info-servicio .promo_box_wrapper .desc_wrapper a.button{ background-color: transparent; }
    .los-servicios .info-servicio .promo_box_wrapper .desc_wrapper a.button .button_icon{ order: 1; }
    .los-servicios .info-servicio .promo_box_wrapper .desc_wrapper a.button .button_icon i{ transition: all 0.3sease; transform: rotate(45deg); display: block; }
    .los-servicios .info-servicio .promo_box_wrapper .desc_wrapper a.button .button_icon i:before{ content: "\e969"; }
    .los-servicios .info-servicio .promo_box_wrapper .desc_wrapper a.button:hover .button_icon i{ transform: rotate(90deg); }

    .contactanos .cont-info > .mcb-wrap-inner{ gap: 42px 90px; }
    .contactanos .cont-info > .mcb-wrap-inner > .one-third.mcb-wrap{ width: calc(33.333% - 60px); }
    .contactanos .cont-info .title a:hover{ text-decoration: none; }
    .contactanos .mapa.no_border .google-map{ border-radius: 16px; }

    .mapa .markerInfo{ top: 12px !important; right: 12px !important; border-radius: 16px; padding: 12px 16px !important; width: 200px !important; }


/*** SERVICIOS - NOSOTROS ***/

    .subheader-custom.servicios{ min-height: 540px;  }

    .servicios-ancla{ margin-top: -100px; }
    .servicios-ancla > .section_wrapper > .one.mcb-wrap > .mcb-wrap-inner{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 34px; }
    .servicios-ancla .info-servicio{ background-color: var(--grisMuyClaro); padding: 34px; border-radius: 16px; height: 100%; }
    .servicios-ancla .promo_box_wrapper{ display: flex; flex-direction: column; gap: var(--30); }
    .servicios-ancla .promo_box_wrapper .photo_wrapper{ width: 100%; float: unset; }
    .servicios-ancla .promo_box_wrapper .desc_wrapper{ width: 100%; float: unset; margin: 0; padding-top: 0; }
    .servicios-ancla .promo_box_wrapper .desc_wrapper .desc{ margin-bottom: var(--30); }
    .servicios-ancla .promo_box_wrapper .desc_wrapper a.button{ background-color: transparent; }
    .servicios-ancla .promo_box_wrapper .desc_wrapper a.button .button_icon{ order: 1; }
    .servicios-ancla .promo_box_wrapper .desc_wrapper a.button .button_icon i{ transition: all 0.3sease; transform: rotate(45deg); display: block; }
    .servicios-ancla .promo_box_wrapper .desc_wrapper a.button .button_icon i:before{ content: "\e969"; }
    .servicios-ancla .promo_box_wrapper .desc_wrapper a.button:hover .button_icon i{ transform: rotate(90deg); }

    .sec-intro .mcb-wrap-inner{ max-width: 700px; margin: auto; text-align: center; }
    .sec-intro .texto-intro{ width: auto; margin: auto; }

    .tabs-servicio .ui-tabs .ui-tabs-nav{ display: flex; justify-content: center; align-items: center; border-bottom: 1px solid var(--gris); margin-bottom: var(--30); }
    .tabs-servicio .ui-tabs .ui-tabs-nav li{ width: 100%; }
    .tabs-servicio .ui-tabs .ui-tabs-nav li a{ padding: 0 24px 24px; font-size: 24px; font-weight: 500; line-height: normal; color: var(--negro); }
    .tabs-servicio .ui-tabs .ui-tabs-nav li.ui-state-active a:after{ height: 2.5px; top: 99%; }
    .tabs-servicio .ui-tabs .ui-tabs-panel{ padding: 64px; border-radius: 16px; background-color: var(--grisMuyClaro); }

    .contenido-tab > .section_wrapper{ gap: 120px; }
    .contenido-tab > .section_wrapper:after{ content: unset; }
    .contenido-tab > .section_wrapper .one-second.mcb-wrap{ width: calc(50% - 60px); }
    .contenido-tab > .section_wrapper .column_image, .contenido-tab > .section_wrapper .column_image *{ height: 100%; }
    .contenido-tab .column_image img{ border-radius: 16px; object-fit: cover;  }
    .contenido-tab .mfn-list{ display: flex; flex-direction: column; gap: 12px; }
    .contenido-tab .mfn-list .mfn-list-item{ padding: 0 0 12px !important; color: var(--negro); }
    .contenido-tab .mfn-list .mfn-list-icon{ margin-right: 16px; }
    .contenido-tab .mfn-list-ordered .mfn-list-icon:after{ color: var(--gris); margin-top: 13px; }

    .sec-lista .mfn-list{ columns: 2; }
    .sec-lista .mfn-list .mfn-list-item{ padding: 0 !important; color: var(--negro); margin-bottom: var(--30); }
    .sec-lista .mfn-list .mfn-list-icon{ margin-right: 16px; }
    .sec-lista .mfn-list-ordered .mfn-list-icon:after{ color: var(--rojo); margin-top: 13px; }

    .sec-trayectoria > .section_wrapper{ gap: 180px; }
    .sec-trayectoria > .section_wrapper:after{ content: unset; }
    .sec-trayectoria > .section_wrapper .one-second.mcb-wrap:last-child{ width: calc(50% - 180px); }

    .col-numeros .counter{ padding: 0 0 24px; }
    .col-numeros .column_counter:not(:last-child) .counter{ margin-bottom: 24px; border-bottom: 1px solid var(--grisClaro); }
    .col-numeros .counter .desc_wrapper .title{ text-align: left; font-size: 16px; font-weight: 400; line-height: 160%; text-transform: uppercase; }
    .col-numeros .counter .desc_wrapper .number-wrapper{ margin-bottom: 12px; text-align: left; background-image: var(--gradiente-2); color: transparent; background-clip: text; font-size: 82px;
        font-weight: 600; line-height: 80%; display: flex; justify-content: flex-start; align-items: flex-end; gap: 8px; }

    .vision-valores:after{ content: ""; display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; bottom: unset; box-shadow: unset; z-index: 0;
        background: linear-gradient(0deg, rgba(255, 255, 255, 0.3) 70%, rgba(255, 255, 255, 1) 100%); }
    .vision-valores .section_wrapper > .one.mcb-wrap:first-child > .mcb-wrap-inner{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }
    .vision-valores .info-servicio:nth-child(3){ margin-top: 100px; }
    .vision-valores .info-servicio:last-child{ margin-top: 50px; }
    .vision-valores .promo_box_wrapper{ background-color: var(--grisMuyClaro); padding: 34px; border-radius: 16px; display: flex; flex-direction: column; gap: var(--30); }
    .vision-valores .promo_box_wrapper .photo_wrapper{ width: 100%; float: unset; }
    .vision-valores .promo_box_wrapper .desc_wrapper{ width: 100%; float: unset; margin: 0; padding-top: 0; }



/*** CONTACTO - SOLICITA PRESUPUESTO ***/
    .formulario-contacto .wpcf7-form { max-width: 740px; margin: 0 auto; }

    .formulario-presupuesto .column_cf7{ padding: 64px; border-radius: 16px; background-color: var(--grisMuyClaro); }

    .dosCols > p { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 12px; margin-bottom: 0; }
    .cuatroCols > p { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 12px; margin-bottom: 0; }

    .politicas p{ font-size: 11px; line-height: 160%; color: var(--grisMedio); }

    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] { margin: 0; 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: 3px; height: 20px; width: 20px;
        top: 2px; 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: 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(--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: 11px; line-height: 160%; color: var(--rojo); font-style: italic; }
    .wpcf7 form .wpcf7-response-output{ text-align: center; }

    .cont-redes{ margin-top: var(--20);}
    .cont-redes .mcb-wrap-inner{ justify-content: flex-end; align-items: center; gap: 12px; }
    .cont-redes .mcb-wrap-inner .one.column{width: fit-content; }
    .cont-redes p{ color: var(--blanco);}
    .cont-redes ul.social li a{ background-color: var(--blanco); color: var(--negro); }
    .cont-redes .column_icon_box_2{ width: 100% !important;}
    .cont-redes .column_icon_box_2 > .mcb-column-inner{ width: fit-content; margin-left: auto; }


/*** BLOG ***/
    .blog .column_blog > .mcb-column-inner{ margin: 0; }

    .blog_wrapper{ padding: var(--pad-100);}
    .blog_wrapper .posts_group{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }
    .blog_wrapper .posts_group .post-item{ width: 100% !important; margin: 0 !important; }
    .blog_wrapper .posts_group .post-item .image_frame, .blog_wrapper .posts_group .post-item .image_frame *{ border-radius: 16px; }
    .blog_wrapper .posts_group .post-item .post-desc-wrapper .post-desc { padding: 12px 12px 0; }
    .blog_wrapper .posts_group .post-item .post-meta .author-date > .date i{ display: none;}
    .blog_wrapper .posts_group .post-item .post-meta .author-date > .date .post-date{ font-size: 16px; line-height: 160%; color: var(--negro); position: relative; padding-left: 20px; }
    .blog_wrapper .posts_group .post-item .post-meta .author-date > .date .post-date::before{ content: ""; width: 14.1px; height: 14.1px; border-radius: 50%; background-color: var(--rojo); position: absolute; left: 0; top: 4px; }
    .blog_wrapper .posts_group .post-item .post-title h2, .blog_wrapper .posts_group .post-item .post-title h3{ font-size: 24px; font-weight: 500; line-height: normal; color: var(--negro); margin-bottom: 0; }
    .blog_wrapper .posts_group .post-item .post-excerpt{ margin-bottom: 0 !important; }
    .blog_wrapper .posts_group .post-item .post-footer{ display: none; }

    /*** PAGINACION ***/
    .pager_wrapper{ display: block; float: unset;}
    .pager{ display: flex; justify-content: center; align-items: center; gap: 20px; margin-top: var(--60); }
    .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: 42px !important; height: 42px !important; line-height: 42px !important; font-size: 20px; color: var(--blanco) !important; background: var(--negro); margin: 0 !important; font-weight: 600; }
    .pager .pages a:hover{ background: var(--gradiente); color: var(--blanco) !important; }
    .pager .pages a.active{ background: var(--gradiente); color: var(--blanco) !important; }
    .pager .pages a:before{ content: unset !important; }
    .pager a.next_page{ font-size: 0 !important; color: transparent; width: 42px; height: 42px; line-height: 42px !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: 42px; height: 42px; line-height: 42px !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 ***/
    .contenido-blog .column_heading p.title{ font-size: 20px; font-weight: 500; line-height: 90%; text-transform: uppercase; color: var(--grisOscuro); padding-left: 33px; position: relative; padding-bottom: var(--30); }
    .contenido-blog .column_heading p.title::before{ content: ""; width: 17.1px; height: 17.1px; border-radius: 50%; background-color: var(--rojo); position: absolute; left: 0; top: 0; }

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

    .cont-share{ border-top: 1px solid var(--gris); margin-top: 20px !important; 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-size: 20px; font-weight: 500; color: var(--negro); text-transform: uppercase; line-height: 90%; }
    .mfn-share-post .mfn-share-post-button{ width: 32px; height: 32px; border: unset !important; padding: 0 !important; border-radius: 50% !important; color: var(--blanco); background-color: var(--negro); font-size: 16px; transition: all 0.3s ease; }
    .mfn-share-post .mfn-share-post-button:hover{ transform: translateY(-5px); }

    .entradas-relacionadas .blog_wrapper{ padding: 0;}


/*** RESPONSIVE ***/

    @media(max-width: 1239px){

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

        /*MENU*/
        .header-custom .mfn-item-inline.column_header_menu {  padding-left: 32px; }

        /*INICIO*/
        .profesionalidad > .section_wrapper { gap: 64px; }
        .profesionalidad > .section_wrapper .one-second.mcb-wrap:last-child { width: calc(50% - 64px); }
        .sec-foto-texto > .section_wrapper { gap: 64px; }
        .sec-foto-texto > .section_wrapper .one-second.mcb-wrap { width: calc(50% - 32px); }
        .sec-foto-texto > .section_wrapper .one-second.mcb-wrap:last-child{ padding: 40px 0; }
        .los-servicios > .section_wrapper { gap: 32px; }
        .los-servicios > .section_wrapper .two-fifth.mcb-wrap { width: calc(44% - 16px); }
        .los-servicios > .section_wrapper .three-fifth.mcb-wrap { width: calc(56% - 16px); }
        .los-servicios > .section_wrapper .two-fifth.mcb-wrap .mcb-wrap-inner{ padding: 42px 34px; }
        .contactanos .cont-info > .mcb-wrap-inner { gap: 42px 64px; }
        .contactanos .cont-info > .mcb-wrap-inner > .one-third.mcb-wrap:nth-child(2){ width: 100%;}
        .contactanos .cont-info > .mcb-wrap-inner > .one-third.mcb-wrap:not(:nth-child(2)){ width: calc(50% - 32px); }

        /*** SERVICIOS - NOSOTROS ***/
        .servicios-ancla > .section_wrapper > .one.mcb-wrap > .mcb-wrap-inner{ gap: 12px; }
        .tabs-servicio .ui-tabs .ui-tabs-panel { padding: 42px; }
        .contenido-tab > .section_wrapper, .sec-trayectoria > .section_wrapper{ gap: 64px; }
        .contenido-tab > .section_wrapper .one-second.mcb-wrap { width: calc(50% - 32px); }
        .sec-trayectoria > .section_wrapper .one-second.mcb-wrap:last-child{ width: calc(50% - 64px); }
        .sec-lista .mfn-list{ columns: unset; }
        .sec-lista .mfn-list .mfn-list-item{ margin-bottom: 16px; }

    }

    @media(max-width: 959px){

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

        /*MENU*/
        .header-custom .column_button:nth-child(5) { margin-left: auto; }
        .header-custom .column_header_burger{ margin-left: 24px; }

        .mfn-menu-animation-toggle-line-bottom > .mfn-menu-li > .mfn-menu-link:before{ height: 1px !important; }
        .mfn-header-tmpl-menu-sidebar .mfn-header-menu li{ margin: 0 0 12px !important; }
        .mfn-header-tmpl-menu-sidebar .mfn-header-menu li a{ margin: auto; width: fit-content !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; }

        .footer-custom > .section_wrapper > .cont-info:nth-child(2){ width: 100%; margin-left: 0; margin-top: var(--60); }
        .footer-custom > .section_wrapper > .cont-info:nth-child(2) > .mcb-wrap-inner{ justify-content: flex-start;}

        /*INICIO*/
        .profesionalidad > .section_wrapper, .sec-foto-texto > .section_wrapper { gap: var(--60); }
        .profesionalidad > .section_wrapper .one-second.mcb-wrap, .sec-foto-texto > .section_wrapper .one-second.mcb-wrap{ width: 100% !important; }
        .profesionalidad .image_wrapper { text-align: center;}
        .profesionalidad .image_wrapper img{ max-width: 420px !important;}

        .los-servicios > .section_wrapper { gap: var(--60); }
        .los-servicios > .section_wrapper .two-fifth.mcb-wrap, .los-servicios > .section_wrapper .three-fifth.mcb-wrap{ width: 100%; }
        .los-servicios > .section_wrapper .two-fifth.mcb-wrap .mcb-wrap-inner { padding: 42px; }

        /*** SERVICIOS - NOSOTROS ***/
        .servicios-ancla > .section_wrapper > .one.mcb-wrap > .mcb-wrap-inner{ grid-template-columns: repeat(1, 1fr); }
        .tabs-servicio .ui-tabs .ui-tabs-nav li a { padding: 0 12px 12px; font-size: 18px; }
        .contenido-tab > .section_wrapper{ gap: var(--30); } 
        .contenido-tab > .section_wrapper{ flex-wrap: wrap-reverse; }
        .contenido-tab > .section_wrapper .one-second.mcb-wrap { width: 100% !important; }
        .sec-trayectoria > .section_wrapper{ gap: var(--60); }

        .vision-valores .section_wrapper > .one.mcb-wrap:first-child > .mcb-wrap-inner{ grid-template-columns: repeat(1, 1fr); }
        .vision-valores .info-servicio:nth-child(3){ margin-top: 0; }
        .vision-valores .info-servicio:last-child{ margin-top: 0; }


        /*** CONTACTO - SOLICITA PRESUPUESTO ***/
        .cuatroCols > p { grid-template-columns: repeat(2, 1fr); grid-gap: 0 12px; }

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

    @media(max-width: 767px){

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

        #Subheader .breadcrumbs{ display: block !important;}

        h1, .lightSlider .text-wrap h1, .lightSlider .text-wrap h2, #Subheader .title{ font-size: 42px; line-height: 120%; }
        h2, #cmplz-document h2{ font-size: 34px; line-height: 130%; }
        h3{ font-size: 28px; line-height: 130%; }
        h4{ font-size: 24px; line-height: 120%; }
        h5{ font-size: 20px; line-height: 160%; }
        h6{ font-size: 18px; line-height: 160%; }
        

        /*MENU*/
        .header-custom .section_wrapper{ padding: 16px 20px !important; }
        .header-custom .column_header_burger { margin-left: auto; }
    
        
        /*FOOTER*/
        .kit-digital{ max-width: 100%; display: block; }
        .kit-digital img { max-height: 70px; margin-bottom: 10px;}

        /*INICIO*/
        .lightSlider .text-wrap{ padding: 42px 20px 160px; }
        .lightSlider .arrow.arrowRight { right: 20px; }
        .lightSlider .arrow.arrowLeft { right: 52px; }
        .lightSlider .arrow{ bottom: 42px; }
        .lightSlider .point-nav{ bottom: 42px; transform: unset; left: 20px; gap: 12px 24px;  max-width: calc(100% - 40px); }
        .lightSlider .point-nav .point{ min-width: 170px; font-size: 14px; gap: 6px; }

        .contactanos .cont-info > .mcb-wrap-inner > .one-third.mcb-wrap:not(:nth-child(2)){ width: 100%; }

        /*** SERVICIOS - NOSOTROS ***/
        .servicios-ancla { margin-top: -60px; }
        .sec-trayectoria > .section_wrapper .one-second.mcb-wrap:last-child{ width: 100%; }
        .tabs-servicio .ui-tabs .ui-tabs-nav{ border-bottom: unset !important; }
        .tabs-servicio .ui-tabs .ui-tabs-nav{ flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; }
        .tabs-servicio .ui-tabs .ui-tabs-nav li.ui-state-active a:after{ height: 1px !important; }
        .tabs-servicio .ui-tabs .ui-tabs-nav li a { padding: 6px 12px; font-size: 18px; border-bottom: 1px solid var(--gris); }

        /*** CONTACTO - SOLICITA PRESUPUESTO ***/
        .formulario-presupuesto .column_cf7 { padding: 32px; }
        .formulario-presupuesto .wpcf7-form > p:nth-child(3) { margin-bottom: 0; }
        .dosCols > p, .cuatroCols > p{ grid-template-columns: repeat(1, 1fr); grid-gap: 0 12px; }

        .cont-redes{ margin-top: 24px !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-100: 48px 0px;
            --100: 48px;
            --60: 34px;
            --50: 24px;
            --40: 18px;
            --30: 12px;
            --20: 6px;

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

        h1, .lightSlider .text-wrap h1, .lightSlider .text-wrap h2, #Subheader .title{ font-size: 34px; line-height: 120%; }
        h2, #cmplz-document h2{ font-size: 30px; line-height: 130%; }
        h3{ font-size: 24px; line-height: 130%;     }
        h4{ font-size: 20px; line-height: 120%; }
        h5{ font-size: 18px; line-height: 160%; }
        h6{ font-size: 16px; line-height: 160%; }
        .big p, p.big{ font-size: 16px; line-height: 160%; }

        #Subheader { padding: 64px 0 32px; }
        .subheader-custom { padding: 48px 0 64px; }
        .subheader-custom.servicios { min-height: 440px; }
        
        

        #back_to_top.sticky{ bottom: 60px; padding: 0 !important; }

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

        .button:not(.button_theme){ padding: 12px 20px; }

        /*MENU*/
        .header-custom .section_wrapper { padding: 8px 20px !important; }
        .header-custom .column_header_logo .logo-wrapper img{ width: 152px; }
        .header-custom .mcb-item-header_burger-inner{ margin: 0; }
    
        /*FOOTER*/
        .kit-digital img { max-height: 50px; }
        .footer-custom{ padding: 48px 20px 0 !important; }
        .footer-custom .texto-deco p{ font-size: 20px; margin-bottom: 0; }
        .footer-custom > .section_wrapper > .cont-info:nth-child(2) > .mcb-wrap-inner{ gap: 12px 32px; }
        .footer-custom .cont-ayudas { padding-top: 48px; }
        .footer-custom .cont-copyright { padding: 22px 0 32px; }
        .footer-custom .cont-info .cont-menu .mfn-footer-menu { gap: 4px; margin-top: 4px; }

        /*INICIO*/
        .lightSlider .text-wrap { padding: 42px 0px 160px; gap: 8px; }
        .lightSlider .arrow { bottom: 16px; }
        .lightSlider .text-wrap p{ font-size: 16px; line-height: 160%;}

        .texto-intro p{ font-size: 16px; padding-left: 23px; }
        .texto-intro p::before{ width: 13.1px; height: 13.1px; }

        .profesionalidad > .section_wrapper, .sec-foto-texto > .section_wrapper{ gap: 12px;}
        .profesionalidad .image_wrapper img { max-width: 320px !important; }
        .p-deco p{ font-size: 20px; }
        .sec-foto-texto > .section_wrapper .one-second.mcb-wrap:last-child { padding: 24px 0 0; }
        .los-servicios > .section_wrapper .two-fifth.mcb-wrap .mcb-wrap-inner { padding: 32px; }
        .los-servicios .info-servicio .promo_box_wrapper{ gap: 0; }

        .contactanos.mcb-section .mcb-wrap .google-map{ height: 360px !important; }
    
        /*** SERVICIOS - NOSOTROS ***/
        .servicios-ancla .info-servicio{ padding: 24px; }
        .servicios-ancla .promo_box_wrapper{ gap: 0; }
        .servicios-ancla .promo_box_wrapper .desc_wrapper h3{ margin-bottom: 4px;}

        .tabs-servicio .ui-tabs .ui-tabs-panel { padding: 24px; }
        .contenido-tab > .section_wrapper{ gap: 24px;}

        .sec-intro { padding-bottom: 0px;}

        .col-numeros .counter .desc_wrapper .number-wrapper{ font-size: 64px;}
        .col-numeros .column_counter:not(:last-child) .counter{ margin-bottom: 12px; }
        .col-numeros .counter { padding: 0 0 12px; }

        .vision-valores .promo_box_wrapper{ padding: 24px; gap: 0; }

        /*** CONTACTO - SOLICITA PRESUPUESTO ***/
        .cont-mapa.mcb-section .mcb-wrap .google-map{ height: 360px !important; }
        .formulario-presupuesto .column_cf7 { padding: 24px; }

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

        .pager{ gap: 12px;}
        .pager .pages{ gap: 6px; }
        .pager .pages a{ width: 32px !important; height: 32px !important; line-height: 32px !important; font-size: 16px; }
        .pager a.next_page, .pager a.prev_page{ width: 32px !important; height: 32px !important; line-height: 32px !important;}

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

        /*GENERAL*/
        h1, .lightSlider .text-wrap h1, .lightSlider .text-wrap h2, #Subheader .title{ font-size: 30px; line-height: 120%; }
        h2, #cmplz-document h2{ font-size: 28px; line-height: 130%; }

        /*MENU*/
        .header-custom .column_header_logo .logo-wrapper img { width: 132px; }
        
        /*FOOTER*/
       .kit-digital img { max-height: 46px; }
    } 

