/*
Theme Name: Témini
Theme URI: https://themes.muffingroup.com/betheme
Author: Invbit Diseño y Desarrollo Web
Author URI: https://www.invbit.com/
Description: Témini is Invbit’s custom child theme for Betheme, designed to build custom web projects on a robust foundation, optimizing performance, maintenance, and future scalability.
Template: betheme
Version: 1.0.0
*/

:root {
    /* Colores */
    --primary: #C4813C;
    --secondary: #FFC46A;

	--black: #040505;
    --black-dark:#111212;

    --grey: #938B80;
    --light-grey: #EBE6E0;
    --brown: #6a4b29;
    --white: #F3F0EC;

    --gradient:linear-gradient(90deg, #F3F0EC 0%, rgba(243, 240, 236, 0.48) 100%);
    --gradient-text:linear-gradient(90deg, #f3f0ec 30%, rgb(243 240 236 / 43%) 100%);

    /* Tamaños de texto */
    --size-h1: 4.5rem;
    --size-h2: 3rem;
    --size-h3: 1.75rem;
    --size-h4: 1.75rem;
    --size-h5: var(--size-p-large);
    --size-h6: var(--size-p-medium);

    --size-p-large: 1.25rem;
    --size-p-medium: 1rem;
    --size-p-small: 0.75rem;
    --size-a-nav: 1.125rem;

    --size-p-extralarge: 1.5rem;
    --size-p-featured: 3.25rem;
    --size-a-btn: 1.125rem;

    --arrow-size: 42px;

    /* Fuentes*/
    --font-titles: 'DM Sans', sans-serif;
    --font-text: 'DM Sans', sans-serif;
    --font-decorative: 'Noto Serif JP', sans-serif;

    /* Espaciados */
    
    --240: 240px;
    --120: 120px;
    --80: 82px;
    --60: 64px;
    --50: 54px;
    --40: 42px;
    --30: 34px;
    --20: 24px;
    --15: 15px;

    /* Medidas */
    --container-width: 1400px;
    --pad-lateral: 64px;

    --half-section: min(calc(var(--container-width) / 2), calc(50dvw - var(--pad-lateral)));

    --admin-bar-height: 32px;

    /* Otros */
    --cookie-button-size: 35px;
    --cookie-button-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);

    /* Responsive */
    @media only screen and (max-width: 1239px) {  
        --container-width: 940px;
    }
    
    @media only screen and (max-width: 959px) {
        --container-width: 708px;
    }
    
    @media only screen and (max-width: 782px) {
        --admin-bar-height: 46px;
    }
    
    @media only screen and (max-width: 767px) {
        --container-width: 550px;
        --pad-lateral: 32px;
        --cookie-button-size: 30px;
        --size-h1: 4rem;
        --size-h2: 2.5rem;
        --arrow-size: 30px;
    }
    
    @media only screen and (max-width: 480px) {
        --pad-120: 54px 0px;
        --240:100px;
        --120: 54px;
        --80: 48px;
        --60: 34px;
        --50: 24px;
        --40: 24px;
        --30: 24px;
        --20: 12px;
        --pad-lateral: 20px;
        --size-h1: 3.2rem;
        --size-h2: 2rem;

    }

    /* Scrollbar */
    scrollbar-color: var(--primary) var(--white);
    scrollbar-width: thin;
}

/* Fuentes por defecto */
html {
    font-size: 16px;
    scroll-behavior: smooth;
    height: auto;

    @media only screen and (max-width: 1440px) {
        font-size: 15px;
    }

    @media only screen and (max-width: 767px) {
        font-size: 15px;
       
    }

    @media only screen and (max-width: 580px) {
      
    }
}

h1, #Subheader .title, .h1 , .h1 p, .h1 .title{
    font-family: var(--font-titles);
    font-size: var(--size-h1);
    line-height: 1;
    font-weight: 500;
    letter-spacing: -2.88px;
}

h2, .h2 , .h2 p, .h2 .title{
    font-family: var(--font-titles);
    font-size: var(--size-h2);
    line-height: 1.2;
    font-weight: 400;
}

h3, .h3, .h3 .title {
    font-family: var(--font-decorative);
    font-size: var(--size-h3);
    line-height: 1.2;
    font-weight: 500;
}

h4, .h4 {
    font-family: var(--font-titles);
    font-size: var(--size-h4);
    line-height: 1.2;
    font-weight: 400;
}

h5, .h5 {
    font-family: var(--font-titles);
    font-size: var(--size-p-large);
    line-height: 1.4;
    font-weight: 400;
}

h6, .h6 {
    font-family: var(--font-titles);
    font-size: var(--size-p-medium);
    line-height: 1.6;
    font-weight: 400;
}

body, p, .medium {
    font-family: var(--font-text);
    font-size: var(--size-p-medium);
    line-height: 1.6;
    font-weight: 400;
}

.extralarge, .extralarge p, .extralarge a , .extralarge h1,.extralarge .title{
    font-family: var(--font-text);
    font-size: var(--size-p-extralarge);
    line-height: 1.4;
    font-weight: 400;
    letter-spacing: 0;
}

.lead, .lead p, .big, .big p , .big h2{
    font-family: var(--font-text);
    font-size: var(--size-p-large);
    line-height: 1.4;
    font-weight: 400;
}

.caps .title{
    font-family: var(--font-text);
    font-size: var(--size-p-medium);
    line-height: 1.6;
    font-weight: 500;
    text-transform: uppercase !important;
}

.small, .small p, .small a, 
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-description {
    font-family: var(--font-text);
    font-size: var(--size-p-small);
    line-height: 1.6;
    font-weight: 400;
}

#menu > ul > li > a, #overlay-menu ul li a {
    font-family: var(--font-text);
    font-size: var(--size-a-nav) !important;
    line-height: 1.4;
    font-weight: 500;
    letter-spacing: -0.72px;
}

.text-gradient .title {
    color: var(--primary);
    background: var(--gradient-text);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.single-post .wp-block-heading{color:var(--white) !important; font-family: var(--font-text) !important;}

/* Espaciados por defecto */
.pad-lateral { padding-left: var(--pad-lateral) !important; padding-right: var(--pad-lateral) !important; }
.pad-240 { padding: var(--240) 0; }
.pad-120 { padding: var(--120) 0; }
.pad-20{padding: var(--20) 0 !important;}

.pad-40-full{ padding: var(--40); } 

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


/* Clases auxiliares */
.decorative { font-family: var(--font-decorative); }
.primary { color: var(--primary); }
.secondary { color: var(--secondary); }
.black { color: var(--black); }
.white { color: var(--white); }

/* Navegación entre páginas fluida */
@view-transition { navigation: auto; }
.container { view-transition-name: page; }
::view-transition-old(page) { animation: fade 0.2s linear forwards;  }
::view-transition-new(page) { animation: fade 0.3s linear reverse; }

/* FIX: Hotspot */
.mfn-image-hotspot .hotspot-point { transform: translate(-50%, -50%); }

/* Otros estilos generales */
.validate_email_against_bot, .screen-reader-text { display: none; }

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

span.temini-clock-gmt1,
span.temini-clock-madrid {
    font-family: var(--font-primary, "DM Sans"), var(--font-titles), sans-serif !important;
    font-size: 42px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}

p:empty { 
    margin: 0; 
    display: none; 
    visibility: hidden; 
    opacity: 0; 
}

a { 
    transition: all .3s ease;

    &:hover { 
        text-decoration: none; 
    }
}

/* Redes sociales (lista horizontal, iconos blancos) */

ul.social {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 24px;
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.social li {
    margin: 0;
    padding: 0;
}

ul.social a {
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

ul.social a:hover {
    color: #fff;
    opacity: 0.85;
}

ul.social i,
ul.social [class^="icon-"] {
    color: inherit;
    font-size: var(--size-p-large);
}

.admin-bar .full-screen .section_wrapper{ min-height: calc( 100dvh - 100px );}

.style-simple, .style-simple .mfn-header-tmpl { 
    --mfn-column-gap-bottom: 0; 
    --mfn-column-gap-top: 0; 
    --mfn-column-gap-right: 0; 
    --mfn-column-gap-left: 0; 
}

.the_content_wrapper { 
    width: 100%; 
    margin: 0; 
}

.column_column ul,
.column_column ol,
.the_content_wrapper:not(.is-elementor) ul,
.the_content_wrapper:not(.is-elementor) ol {
    color: var(--white);
}

.section_wrapper, .container, 
.four.columns .widget-area, .mfn-header-tmpl .section_wrapper,
.mfn-footer-tmpl .mcb-section .section_wrapper {
    max-width: var(--container-width) !important;
    padding-left: var(--pad-lateral) !important;
    padding-right: var(--pad-lateral) !important;
}

@media only screen and (max-width: 767px) {
    .mfn-footer-tmpl .mcb-section:not(.full-width) {
        padding-left: 0;
        padding-right: 0;
    }
}


/*********************************\
            COMPLIANZ
\*********************************/

/* Cookies button */
body #cmplz-manage-consent .cmplz-manage-consent {
    background: var(--white);
    right: unset !important;
    left: 10px;
    font-size: 0;
    line-height: 0;
    color: var(--black);
    bottom: 10px !important;
    padding: 0;
    width: var(--cookie-button-size);
    height: var(--cookie-button-size);
    border-radius: 100px;
    min-width: 0px;
    box-shadow: var(--cookie-button-shadow);

    &:before {
        content: "\e901";
        font-family: 'temini';
        font-size: calc(var(--cookie-button-size) * 0.6);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    &:hover:before { transform: translate(-50%, -50%); }
}

/* Cookies banner */
#cmplz-cookiebanner-container {
    .cmplz-body { scrollbar-width: none; }

    .cmplz-cookiebanner {
        grid-row-gap: 5px;
        padding: var(--20);
    }

    .cmplz-header { display: none; }   

    p {
        margin: 0;
        font-size: var(--size-p-small);
    }   
    
    .cmplz-buttons .cmplz-btn {
        letter-spacing: 0;
        font-size: var(--size-p-small) !important;
        line-height: 1.2 !important;
        text-transform: none;
        justify-content: center;
        height: auto;
    }
    
    .cmplz-categories .cmplz-category {
        &:not(:last-child) { margin-bottom: 5px; }

        .cmplz-category-header .cmplz-category-title { 
            font-size: var(--size-p-small);
            line-height: 1; 
            font-weight: 500;
        }

        .cmplz-category-header .cmplz-always-active {
            font-size: calc(var(--size-p-small) * 0.8);
            line-height: 1;
        }
    }
}

/* Complianz documents */
#cmplz-document {
    max-width: 100%;
    padding: var(--60) !important;
    text-align: justify;

    .cmplz-dropdown summary{
        background: var(--primary) !important;
        h3, p{
            color: var(--black) !important;
        }
    }

    h5{
        color: var(--white) !important;
    }

    #cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div,
     #cmplz-document .cmplz-dropdown .cookies-per-purpose div,
      .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div,
    #cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose,
    #cmplz-document .cmplz-dropdown .cookies-per-purpose, 
      .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose{
        background-color: var(--black-dark) !important;
       
    }

    #cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header{
        background-color: var(--primary);
        color: var(--black) !important;
    }

    p, li, td {
        font-size: var(--size-p-medium);
        line-height: 1.4;
        font-weight: 400;
        color: var(--white) !important;
    }

    h2, h3, h4  {
        font-weight: 600;
        border: 0;
        padding: 0;
        margin: 0 0 var(--20);
        line-height: 1.2;
        color: var(--white) !important;
        font-size: var(--size-h3) !important;
    }

    h2 {
        font-size: var(--size-h2);
        margin-top: var(--30);
    
        &:first-child { margin-top: 0; }
    }
    
    h3 { font-size: var(--size-h3); }
    
    h4 {
        font-size: var(--size-h4);
        font-weight: 700;
    }
}


/*********************************\
             HEADER
\*********************************/
/* Subheader por defecto */
#Subheader { 
    overflow: visible; 
    padding: var(--240) 0 var(--60);
    background-color: var(--black);
    color: var(--white);
.column.one{
display: flex;
flex-direction: column-reverse !important;
}
    .title{
    color: var(--white) !important;
}
    ul.breadcrumbs {
        display: flex; 
        flex-wrap: wrap; 
        align-items: center; 
        justify-content: center; 
        gap: 10px;

        li {
            display: flex; 
            align-items: center; 
            justify-content: flex-start; 
            color: var(--white); 
            text-decoration: none;
            width: fit-content; 
            gap: 10px;
            font-family: var(--font-text);
            font-size: var(--size-p-medium);
            line-height: 1.6;
            font-weight: 500;
            text-transform: uppercase !important;

            a { color: var(--white); }

            span {
                display: flex; 
                align-items: center; 
                justify-content: center;
                margin: 0; 
                opacity: 1; 

                i {
                    line-height: 0;

                    &::before { 
                        font-family: 'temini';
                        content: "\e90d";
                    }
                }
            }
        }
    }
}


/*********************************\
              FOOTER
\*********************************/

/* Back to top */
#back_to_top.sticky {
    bottom: 80px;
    right: 25px !important;
    width: var(--cookie-button-size);
    height: var(--cookie-button-size);
    font-size: calc(var(--cookie-button-size) * 0.6) !important;
    line-height: 1;
    padding: 0;
    border-radius: 100px;
    box-shadow: var(--cookie-button-shadow);
    i{
        color: var(--black) !important;
    }

    &:before { content: none; }
}

/*Joinchat*/

.joinchat.joinchat--show {
    --sep:5px !important;
}

/*Kit digital*/
body #mfn-footer-template .financiacion {
    display: grid;
    grid-template-columns: 1fr 1fr 5fr;
    gap: var(--20);
    text-align: left;
    align-items: center;

    & > div {
        line-height: 0;

        img {
            max-height: 50px;
            width: auto;
        }

        p {
            font-size: var(--size-p-small);
            line-height: 1.2;
            margin-bottom: 0;
        }
    }

    @media only screen and (max-width: 959px) {
        grid-template-columns: 1fr 1fr;
        text-align: center;
        gap: 5px;

        & > div:last-child {
            grid-column: 1 / span 2;
        }
    }
}

/* Accesibilidad */
body #pojo-a11y-toolbar {
    top: auto !important;
    bottom: calc( var(--cookie-button-size) + 20px ) !important;

    .pojo-a11y-toolbar-toggle a {
        font-size: calc(var(--cookie-button-size) * 0.6);
        padding: 7px;
        border-radius: 100px;
        box-shadow: var(--cookie-button-shadow);
    }

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

    &.pojo-a11y-toolbar-left .pojo-a11y-toolbar-toggle {
        left: 190px;
        bottom: 0;
    }

    &.pojo-a11y-toolbar-right .pojo-a11y-toolbar-toggle {
        right: 190px;
        bottom: 0;
    }
}


/*********************************\
          LEGAL TEXT
\*********************************/

.cmplz-document #Content, .page-template-accesibilidad #Content{
    background-color: var(--black) !important;
    color: var(--white) !important;
    a{
        color:var(--primary) !important;
        &:hover{
            text-decoration: underline !important;
        }
    }

}

/*********************************\
          FLUENT FORMS
\*********************************/
.fluentform,
form.frm-fluent-form {
    .ff-el-form-control,
    textarea.ff-el-form-control,
    select.ff-el-form-control {
        background-color: transparent !important;
        background-image: none !important;
    }
    .ff-el-input--content {
        background-color: transparent !important;
    }
    .ff-el-group.politicas {
        margin: 0;
    
        p { 
            font-size: var(--size-p-small); 
            line-height: 1.4; 
            opacity: .6;
            color: var(--black); 
        }
    }
   .ff_submit_btn_wrapper .ff-btn-submit:not(.ff_btn_no_style){
            border-radius: 50px !important;
            font-size: var(--size-a-nav) !important;
   }
}


/*********************************\
               BLOG
\*********************************/
/* Archive - Paginación */
.pager{ 
    display: flex; 
    justify-content: center; 
    align-items: center; 
    gap: var(--20); 
    margin-top: var(--50); 

    .pages {
        margin: 0; 
        background-image: unset; 
        background-color: unset; 
        padding: 0; 
        display: flex; 
        justify-content: center; 
        align-items: center; 
        gap: 18px;

        a.page {
            --page-size: 36px;

            border-radius: 50%; 
            width: var(--page-size); 
            height: var(--page-size); 
            line-height: var(--page-size); 
            font-size: var(--size-a-nav); 
            border: 1px solid var(--black); 
            color: var(--black); 
            margin: 0; 
            font-weight: 400;

            &:hover, &.active {
                background-color: var(--primary); 
                color: var(--black); 
                border-color: var(--primary); 
            }

            &:before { content: none; }

            &.next_page, &.prev_page {
                font-size: 0; 
                color: transparent; 
                width: var(--page-size); 
                height: var(--page-size); 
                line-height: var(--page-size); 
                transition: all 1s ease; 
                position: relative;

                &:before {
                    font-family: 'temini';
                    font-size: calc(var(--page-size) * 0.8);
                    color: var(--black);
                }
            }

            &.next_page {
                &:before { content: "\e906"; }
                &:hover { transform: translateX(10px); }
            }

            &.prev_page {
                &:before { content: "\e90a"; }
                &:hover { transform: translateX(-10px); }
            }
        }
    }
}

/* Single - Tag cloud */
.column_tag_cloud .mfn-tag-cloud { 
    gap: 5px;

    li a {
        background-color: var(--primary);
        color: var(--black);
        line-height: 1;
        padding: 7px 15px;
        transition: all .3s ease;
        border-radius: 100px;
        display: inline-flex;
        align-items: center;
        justify-content: center;

        &:hover { transform: scale(1.02); }
    }
}

/* Single - Share */
.cont-share{ 
    border-top: 1px solid var(--black); 
    margin-top: var(--30); 
    padding-top: var(--30); 

    .mcb-wrap-inner{ align-items: center; 
        .one.column{ width: fit-content; }
    }

    .mfn-share-post .mfn-share-post-button{ 
        border: unset; 
        padding: 0; 
        border-radius: 0; 
        color: var(--black); 
        font-size: var(--size-a-nav); 
        transition: all .3s ease; 

        &:hover { transform: translateY(-5px); }
    }
}

/*Breadcrumbs*/

.single-caso ul.breadcrumbs li:last-of-type{
    display: none !important;
}
.single-caso ul.breadcrumbs li:nth-last-of-type(2) .mfn-breadcrumbs-separator{
    display: none !important;
}
/*Sidemenu*/

.mfn-sidemenu-tmpl ul.social li.custom i {
    display: flex;
    line-height: 1;
    margin-top: 6px;
}

/*Botones*/

.temini-botones-acf {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    gap:30px;
    .column_button{
        width: auto;
        margin-right: var(--15);
    }

    .column_button:nth-child(odd) .temini-boton-acf {
        background-color: var(--primary) !important;
        color: var(--black) !important;
        border-color: var(--primary) !important;

        &:hover {
            background-color: var(--white) !important;
            color: var(--black) !important;
            border-color: var(--white) !important;
        }
    }

    .column_button:nth-child(even) .temini-boton-acf {
        background-color: var(--white) !important;
        color: var(--black) !important;
        border-color: var(--white) !important;

        &:hover {
            background-color: var(--black-dark) !important;
            color: var(--white) !important;
            border-color: var(--white) !important;
        }
    }

    .column_button:only-child .temini-boton-acf {
        background-color: var(--white) !important;
        color: var(--black) !important;
        border-color: var(--white) !important;

        &:hover {
            background-color: var(--primary) !important;
            color: var(--black) !important;
            border-color: var(--primary) !important;
        }
    }
}
.temini-boton-acf span{
    font-family: var(--font-text) !important;
}

/*Arrows*/

.mfn-builder-content .swiper-button-next i,
.mfn-builder-content .swiper-button-prev i{
    font-size: var(--arrow-size) !important;
   
}
.loop-testimonios .swiper-button-next i,
.loop-testimonios .swiper-button-prev i{
    height: var(--arrow-size) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: var(--arrow-size) !important;
}

.loop-testimonios .swiper-button-prev{
    right:calc(var(--arrow-size) + 10px) !important;
}
/*Icons*/

.loop-testimonios .icon-left-open-big:before{
    content: "\e90a" !important;
    font-family: 'temini' !important;   
}
/*********************************\
        SLIDER SERVICES
\*********************************/


.slider-services .slick-list { width: 100%; } 

.slider-services  .slick-list:after{
    content: '';
    background: var(--black);
    position: absolute;
    top: 0;
    right: 100%;
    bottom: 0;
    width: 500px;
    display: none !important;
}
.slider-services .slick-list:before{
    content: '';
    background: linear-gradient(270deg, #040505 0%, rgba(4, 5, 5, 0.00) 100%);;
    position: absolute;
    top: 0;
    left: 100%;
    bottom: 0;
    width: 30vw;
    z-index: 9999;
}
.slider-services > .mcb-wrap-inner .slick-list {
    margin: 0 -12px;
    padding-right: 28px;
    overflow: visible;
}

.slider-services > .mcb-wrap-inner .slick-slide {
    padding: 0 12px;
}

.slider-services .slick-slide.wrap.mcb-wrap.card-service {
    clear: none !important;
    max-width: none;
}

.slider-services > .mcb-wrap-inner.slick-initialized {
    display: block !important;
    position: relative;
    z-index: 2;
}

.slider-services .slick-slide .card-service {
    opacity: 1 !important;
    visibility: visible !important;
    animation: none !important;
}

.slider-services .slick-arrow {
    width: var(--arrow-size);
    height: var(--arrow-size);
    border: 0;
    border-radius: 0;
    background: transparent;
    color: transparent;
    font-size: 0;
    line-height: 0;
    z-index: 3;
    top: -56px;
    transform: none;
}

.slider-services .slick-arrow:before {
    font-family: 'temini';
    font-size: var(--arrow-size);
    line-height: 1;
    color: #fff;
    opacity: 1;
}

.slider-services .slick-prev {
    left: calc(50% - (var(--arrow-size) + 10px));
    right: initial;
    top: var(- --60);
}

.slider-services .slick-next {
    right: calc(50% - (var(--arrow-size) + 10px));
    left:initial;
    top: var(- --60);
    position: absolute;
}

.slider-services .slick-prev:before { content: "\e90a"; }
.slider-services .slick-next:before { content: "\e906"; }

.slider-services .slick-arrow:hover {
    background-color: transparent;
}

/* Single post - breadcrumbs solo 2 primeros elementos */
.single-post .breadcrumbs.no-link li:nth-child(n+3) {
    display: none !important;
}

.single-post .breadcrumbs.no-link li:nth-child(2) .mfn-breadcrumbs-separator {
    display: none !important;
}

/* Archive casos - fijar boton al final de la card */
.archive-casos .mfn-queryloop-item-wrapper .card-caso > .mcb-wrap-inner {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.archive-casos .mfn-queryloop-item-wrapper .card-caso .column_button {
    margin-top: auto;
}

.slider-services .slick-arrow:hover:before {
    color: #fff;
    opacity: .8;
}

.slider-services:after{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: var(--primary);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    pointer-events: none;
} 

.card-service  .mfn-icon-box {
    align-items: flex-start !important;
}

/*********************************\
           Intro
\*********************************/

.section.intro .intro-line.column_divider_2{
padding-top: var(--120) !important;
}

.section.intro .intro-line.column_divider_2 .mfn-divider-inner{
    transform: rotate(90deg);
}

.section.intro .intro-line.column_divider_2 .mfn-divider-border .mfn-divider-inner:before,
.section.intro .intro-line.column_divider_2 .mfn-divider-border .mfn-divider-inner:after {
    border: none !important;
    border-top: none !important;
    height: var(--mfn-divider-border-width, 3px);
    min-height: 1px;
    align-self: center;
    background: linear-gradient(90deg, #F3F0EC 0%, rgba(243, 240, 236, 0.48) 100%);
}

@media only screen and (max-width: 767px) {

    .section.intro.full-screen .section_wrapper{
        padding-top: 130px !important;
    }
   .section.intro.full-screen .section_wrapper>.wrap>.mcb-wrap-inner{
        align-content: flex-start !important;
    }
    .home .section.intro.full-screen .section_wrapper>.wrap>.mcb-wrap-inner{
        align-content: center !important;
    }
    
}
/*********************************\
           Elements
\*********************************/

/* Value list - Icon box */

.value-list .icon-column .mfn-icon-box{
    justify-content: center !important;
}

.value-list .mfn-icon-box .desc-wrapper{
    flex-grow: initial !important;
}

/* Process steps - Icon box */

.process-steps .column_icon_box_2,
.process-steps .column_icon_box_2 .title {
    font-family: var(--font-text) !important;
    font-weight: 400 !important;
    font-size: var(--size-h3) !important;
}

.process-steps.wrap .column_icon_box_2 .mfn-icon-box .icon-wrapper{
    background-color: var(--primary) !important;
    border-radius: 50px 50px 50px 50px !important;
    width: 50px !important;
    height: 50px !important;
}

.process-steps.wrap .column_icon_box_2 .mfn-icon-box .icon-wrapper .icon-label{
    color: var(--black-dark);
    font-size: 1.5rem !important;

}

.process-steps .column_icon_box_2 .desc-wrapper{
    padding: 0px 20px !important;
}

.process-steps .column_icon_box_2 .desc-wrapper .desc{
    font-family: var(--font-text);
    font-size: var(--size-p-medium);
    line-height: 1.6;
    font-weight: 400 !important;
}

/* FAQ */

.faq .question>.title .num, 
.style-simple .faq .question.active:after{
    display: none !important;
}
.faq .question>.title, 
.style-simple .faq .question .answer{
    padding-left: 0px !important;
}
.style-simple .faq .question .answer{
    padding-right: 20% !important;
}
/*********************************\
           BLOG
\*********************************/

/* cards blog */

.post-item .image_frame{
    height: 35vh !important;
}

.post-item .image_frame .image_wrapper{
    height: 100%;
}
.post-item .image_frame .image_wrapper img{
    object-fit: cover;
    object-position: center;
}
.post-item .image_frame a{
    display: flex;
    height: 100%;
}
.post-item .post-desc-wrapper .post-desc{
    padding: 30px 20px 0 !important;
}
.post-item .post-meta .author-date i, .post-item .post-footer .post-links i{
    display: none !important;}

.post-item .post-footer .post-links{float: left !important;}

.post-item .entry-title  a:hover{color: var(--primary) !important;}

.post-item .post-meta {
    display: flex;
    align-items: center;
    gap: 0px;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    justify-content: flex-end;
}
.post-item .post-meta .category { margin-right: 10px; }
.post-item .post-meta .category .cat-btn {
    display: none;
}

.post-item .post-meta .category .cat-wrapper {
    display: block;
    position: static !important;
    margin-right: 10px !important;
    position:initial;
}

.post-meta .category .cat-wrapper ul {
    margin: 0;
    padding: 0;
    list-style: none;
    background: transparent;
}

.post-meta .category .cat-wrapper li, 
.mfn-tag-cloud li{
    margin: 0;
    background: var(--brown);
    border: 1px solid var(--primary) !important;
    border-radius: 50px;
    padding: 4px 8px;
    color: var(--white);
    line-height: 1.3;
}

.post-item .post-meta .category .cat-wrapper li:first-child::before{
    display:none !important;
}

/*Single post*/

.single-post .column_post_content .wp-block-heading, 
.single-post .column_post_content h3, 
.single-post .column_post_content h2 {
    padding-top: var(--40) !important;
    padding-bottom: var(--15) !important;
    color: var(--white);
    font-family: var(--font-text) !important;
}
.single-post .column_post_content h5.wp-block-heading,
.single-post .column_post_content h6.wp-block-heading,
.single-post .column_post_content h4,
.single-post .column_post_content h5,
.single-post .column_post_content h6 {
    padding-top: var(--15) !important;
    padding-bottom: initial !important;
    color: var(--white);
    font-family: var(--font-text) !important;
    
}
.single-post .column_post_content h4{
    font-size: var(--size-h5) !important;
}
.single-post .column_post_content h6{
    font-weight: 600;
}
@media only screen and (max-width: 959px) {

    .single-post .box-share{
        padding-bottom: 0px !important;
    }
}

/*********************************\
            CASOS
\*********************************/

.nav-content .table_of_content{
 padding-top: var(--40);
 padding-bottom: var(--40);
 border-top: 1px solid var(--primary);
 border-bottom: 1px solid var(--primary);

  li i{
    color: var(--primary);}

  li a{
    text-transform: uppercase;
 }
}

/*********************************\
            CONTACTO
\*********************************/



/*********************************\
    TABLE RESPONSIVE
\*********************************/

.temini-table-responsive {
    --ttr-border: rgba(147, 139, 128, 0.32);
    --ttr-radius: 10px;
    width: 100%;
    font-family: var(--font-text);
    color: var(--white);
}

.temini-table-responsive .column_attr {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    background: var(--black-dark);
    border: 1px solid var(--primary);
    border-radius: var(--ttr-radius);
    scrollbar-color: var(--primary) var(--black-dark);
    scrollbar-width: thin;
}

.temini-table-responsive .column_attr table {
    width: 100%;
    min-width: 52rem;
    margin: 0;
    border-collapse: collapse;
    font-family: var(--font-text);
    font-size: var(--size-p-medium);
    line-height: 1.6;
    background: transparent;
}

.temini-table-responsive .column_attr caption {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.temini-table-responsive .column_attr thead th {
    background: transparent;
    color: var(--grey);
    font-family: var(--font-text);
    font-size: var(--size-p-medium);
    font-weight: 500;
    text-transform: uppercase;
    text-align: left;
    padding: 2rem;
    white-space: nowrap;
    
    border-bottom: 1px solid var(--ttr-border)!important;
}

.temini-table-responsive .column_attr tbody tr {
    border-bottom: 1px solid var(--ttr-border);
}

.temini-table-responsive .column_attr tbody tr:last-child {
    border-bottom: 0;
}

.temini-table-responsive .column_attr tbody th,
.temini-table-responsive .column_attr tbody td {
    padding: 2rem;
    vertical-align: top;
    text-align: left;
    border: 0;
    font-family: var(--font-text);
}

.temini-table-responsive .column_attr tbody th {
    font-family: var(--font-text);
    font-size: var(--size-p-large);
    font-weight: 600;
    line-height: 1.3;
    color: var(--white);
    white-space: nowrap;
    border-right: 1px solid var(--ttr-border);
}

.temini-table-responsive .column_attr tbody td {
    color: var(--white);
    font-weight: 400;
}

.temini-table-responsive .column_attr td span {
    display: inline-block;
    margin-top: 0.35rem;
    padding: 0.2rem 0.65rem;
    border-radius: 50px;
    border: 1px solid var(--primary);
    background: var(--brown);
    color: var(--white);
    font-family: var(--font-text);
    font-size: var(--size-p-small);
    font-weight: 500;
    line-height: 1.4;
    white-space: nowrap;
}

@media only screen and (max-width: 959px) {
    .temini-table-responsive .column_attr {
        overflow: visible;
        border: 0;
        background: transparent;
    }

    .temini-table-responsive .column_attr table {
        min-width: 0;
        display: block;
    }

    .temini-table-responsive .column_attr thead {
        display: none;
    }

    .temini-table-responsive .column_attr tbody {
        display: grid;
        gap: var(--20);
    }

    .temini-table-responsive .column_attr tbody tr {
        display: block;
        border: 1px solid var(--primary);
        border-radius: var(--ttr-radius);
        background: var(--black-dark);
        overflow: hidden;
    }

    .temini-table-responsive .column_attr tbody th {
        display: block;
        width: 100%;
        padding: 2rem;
        border-right: 0;
        border-bottom: 1px solid var(--ttr-border);
        background: rgba(196, 129, 60, 0.08);
        white-space: normal;
    }

    .temini-table-responsive .column_attr tbody th::after {
        display: none;
    }

    .temini-table-responsive .column_attr tbody td {
        display: grid;
        grid-template-columns: minmax(6.5rem, 36%) 1fr;
        gap: 0.35rem 1rem;
        padding: 2rem;
        border-bottom: 1px solid var(--ttr-border);
    }

    .temini-table-responsive .column_attr tbody td:last-child {
        border-bottom: 0;
    }

    .temini-table-responsive .column_attr tbody td::before {
        content: attr(data-label);
        font-size: var(--size-p-small);
        font-weight: 600;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        color: var(--grey);
    }
}

@media only screen and (max-width: 480px) {
    .temini-table-responsive .column_attr tbody td {
        grid-template-columns: 1fr;
        gap: 0.25rem;
    }

    .temini-table-responsive .column_attr tbody th {
        font-size: var(--size-p-medium);
    }
}



/*********************************\
            RESPONSIVE
\*********************************/

@media only screen and (max-width: 1239px) {}

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

@media only screen and (max-width: 959px) {
    .box-contact p.title{
        font-size: var(--size-p-large) !important;
    }
    .box-contact .wrap:not(:last-child){
    border-bottom: 1px solid var(--primary) !important;
    }


    /* FIX: Desactivar delay de animaciones */
    body .animate { animation-delay: 0ms !important; }

    /* FIX: Ocultar botón de accesibilidad al abrir el menú lateral */
    html.mfn-header-tmpl-burger-sidebar-opened #pojo-a11y-toolbar { display: none; }
}

@media only screen and (max-width: 767px) {
    .content_wrapper .mcb-column-inner {
        margin: 0 !important;
    }

    .card-service p.title{
        font-size: var(--size-p-large) !important;
    }
   .card-service .column_icon_box_2 .icon-wrapper{
    margin: 0 0 0 5px !important;
   }

    .slider-services > .mcb-wrap-inner .slick-list {
        margin: 0;
        padding-right: 0;
        
    }

    .slider-services .slick-list:before {
        display: none;
    }

    .slider-services > .mcb-wrap-inner .slick-slide {
        padding: 0 12px;
    }

    .column_breadcrumbs.caps  .mcb-column-inner{
        margin-right: 24px !important;
    }
    .header-post .column_heading h1{
        font-size: 3.5rem !important;
    }
}

@media only screen and (max-width: 480px) {
    .header-post .column_heading h1{
        font-size: var(--size-h1) !important;
    }
    .slider-services .slick-arrow{
        top: -30px;
    }
.header-reseñas.pad-60-bottom{
padding-bottom:60px !important;
}
.box-services .mcb-wrap-inner .wrap .mcb-wrap-inner  {
    padding:var(--30) !important;
}
.box-banner-service .mcb-wrap-inner {
    padding:var(--30) !important;
}
}

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