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

    /* Accesibilidad */
    a#pojo-a11y-skip-content { display: none !important; }
    #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay p.pojo-a11y-toolbar-title { line-height: 1.2; }
    .pojo-skip-link, .skip-link, #pojo-a11y-skip-content { position: absolute !important; top: -40px !important; left: 6px !important; z-index: 999999 !important; background: var(--negro) !important; color: var(--blanco) !important; padding: 8px 16px !important; text-decoration: none !important; border-radius: 0 0 4px 4px !important; font-size: 14px !important; line-height: 1.4 !important; min-height: 44px !important; display: flex !important; align-items: center !important; transition: top 0.3s ease !important;  }
    .pojo-skip-link:focus, .skip-link:focus, #pojo-a11y-skip-content:focus { top: 0 !important; outline: 2px solid var(--blanco) !important; outline-offset: 2px !important; }
    .pojo-skip-link,.skip-link, #pojo-a11y-skip-content { tabindex: 0 !important; visibility: visible !important; opacity: 1 !important; }
    .pojo-skip-link:hover, .skip-link:hover, #pojo-a11y-skip-content:hover { background: var(--gris-oscuro) !important; color: var(--blanco) !important; }

    /* ERROR 404 */
    #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; }

    :root{
        --primary: #283479;
        --accent: #E7273A;
        --extra: #EBEB4F;
        --headings: #231F1A;
        --paragraphs: #423E38;
        --secondary-texts: #5E5850;
        --accent-bg: #E3ECFF;
        --bg: #FBFCFE;

        --containerWidth: 1220px;

        --pad-lateral: 34px;

        --pad-120: 120px 0px;
        --120: 120px;
        --80: 82px;
        --60: 64px;
        --40: 48px;
        --30: 34px;
        --20: 24px;

        --fuente-principal: 'DM Sans';
        --fuente-secundaria: 'Inconsolata';

        --texto-h1: 65px;
        --texto-h2: 55px;
        --texto-h3: 32px;
        --texto-h4: 24px;
        --texto-h5: 16px;
        --texto-h6: 14px;
        --texto-b: 24px;
        --texto-p: 16px;
        --texto-s: 12px;

        scrollbar-color: var(--naranja) var(--gris);
        scrollbar-width: thin;
    }

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

    h1{ font-size: var(--texto-h1); line-height: normal; }
    h2{ font-size: var(--texto-h2); line-height: 120%; }
    h3{ font-size: var(--texto-h3); line-height: normal; }
    h4{ font-size: var(--texto-h4); line-height: normal; }
    h5{ font-size: var(--texto-h5); line-height: normal; }
    h6{ font-size: var(--texto-h6); line-height: normal; }
    .big p, p.big, .lead p, p.lead{ font-size: var(--texto-b); line-height: 140%; }
    p, ul li, ol li{ font-size: var(--texto-p); line-height: 156%; }


    /*Botones*/
    .button{ }


    /*Cabecera*/
    #Subheader{  }


    /*Texto intro*/


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

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

    #cmplz-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 ***/



/*** FOOTER ***/
    #Footer .footer_action { background: var(--negro); }
    #Footer .footer_action .kit-digital{ display: grid; grid-template-columns: 1fr 1fr 5fr; gap: 20px; padding: 50px 0 0; }
    #Footer .footer_action .kit-digital img { max-height: 50px; width: auto; max-width: unset; }
    #Footer .footer_action .kit-digital p { font-size: 13px !important; line-height: 16px; margin-bottom: 0; color: #fff; }

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



/*** CONTACTO ***/

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

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


/*** PAGINACION ***/
    .pager{ display: flex; justify-content: center; align-items: center; gap: 20px; margin-top: var(--80); }
    .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: 0 !important; width: 45px !important; height: 45px !important; line-height: 45px !important; font-size: 20px; color: var(--negro) !important; margin: 0 !important; font-weight: 600; }
    .pager .pages a:hover{ background-color: var(--amarillo); color: var(--blanco) !important; }
    .pager .pages a.active{ background-color: var(--amarillo); color: var(--blanco) !important; }
    .pager .pages a:before{ content: unset !important; }
    .pager a.next_page{ font-size: 0 !important; color: transparent; width: 40px; height: 40px; line-height: 40px !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: 40px; height: 40px; line-height: 40px !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); }


/*** BLOG ***/
    .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: 5px;
        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: #fff; line-height: 100%; padding: 7px 15px !important; transition: all 0.2s ease; border-radius: 5px; }
    .column_tag_cloud .mfn-tag-cloud li a:hover{ transform: scale(1.02); }

    .cont-share{ border-top: 2px solid var(--negro); margin-top: 30px; padding-top: 20px; }
    .cont-share .mcb-wrap-inner{ align-items: center; }
    .cont-share .mcb-wrap-inner .one.column{ width: fit-content !important; }
    .cont-share .mfn-visualeditor-content p{ margin-bottom: 0; font-weight: 700; color: var(--negro); 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: 1239px){

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

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

    @media(max-width: 959px){

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

        /*MENU*/

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

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

    @media(max-width: 767px){

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

        /*MENU*/
        
        /*FOOTER*/
        #Footer .footer_action .kit-digital{ max-width: 100%; display: block; }
        #Footer .footer_action .kit-digital img { max-height: 70px; margin-bottom: 10px;}
    }
    @media(max-width: 480px){


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

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

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

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

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

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