/**
 * Témini — estilos de componentes y plantilla
 */

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

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

body {
    --header-background: transparent;

    &.mfn-header-scrolled {
        --header-background: rgba(235, 234, 229, .6);
    }
}

h1, #Subheader .title, .h1, .column_heading.h1 .title {
    font-family: var(--font-decorative);
    font-size: var(--h1);
    line-height: 1.2;
    font-weight: 900;
}

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

h3, .h3, .column_heading.h3 .title {
    font-family: var(--font-titles);
    font-size: var(--h3);
    line-height: 1.2;
    font-weight: 700;
}

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

h5, .h5, .column_heading.h5 .title {
    font-family: var(--font-titles);
    font-size: var(--h5);
    line-height: 1.2;
    font-weight: 500;
}

h6, .h6, .column_heading.h6 .title {
    font-family: var(--font-titles);
    font-size: var(--h6);
    line-height: 1.2;
    font-weight: 500;
}

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

.lead, .lead p, .big, .big p, .column_heading.big .title {
    font-family: var(--font-titles);
    font-size: var(--p-l);
    line-height: 1.4;
    font-weight: 400;
}

.extrabig, .extrabig p, .column_heading.extrabig .title {
    font-family: var(--font-text);
    font-size: var(--p-xl);
    line-height: 1.4;
    font-weight: 400;
}

.small, .small p, .column_heading.small .title,
#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(--p-s);
    line-height: 1.6;
    font-weight: 400;
    letter-spacing: .05rem;
}

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

#menu > ul > li > a, #overlay-menu ul li a, .mfn-header-menu {
    font-size: var(--a-nav);
    line-height: 1.4;
    font-weight: 500;
    letter-spacing: 0.02rem;
    font-family: var(--font-decorative);
    text-transform: uppercase;
    color: var(--black);
}

.mfn-header-menu .mfn-menu-li.current-menu-item > .mfn-menu-link, .mfn-header-menu .mfn-menu-link .menu-icon i {
    color: var(--black);
}

/* Espaciados por defecto */
.section { 
    padding-top: var(--section-pad); 
    padding-bottom: var(--section-pad); 

    &.the_content, &.section-page-footer,
    &:has(#cmplz-document),
    &.woocommerce_before_main_content, &.woocommerce_after_main_content { 
        padding-top: 0; 
        padding-bottom: 0; 
    }

    &.section-pad-s {
        padding-top: var(--section-pad-s);
        padding-bottom: var(--section-pad-s);
    }
}

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

.lateral-pad.section,
.lateral-pad > .mcb-wrap-inner,
.lateral.pad > .mcb-column-inner { 
    padding-left: var(--lateral-pad); 
    padding-right: var(--lateral-pad); 
}

/* XXXL */
.pad-xxxl.section,
.pad-xxxl > .mcb-wrap-inner,
.pad-xxxl > .mcb-column-inner { padding-top: var(--size-xxxl); padding-bottom: var(--size-xxxl); }
.pad-xxxl-top.section,
.pad-xxxl-top > .mcb-wrap-inner,
.pad-xxxl-top > .mcb-column-inner { padding-top: var(--size-xxxl); }
.pad-xxxl-bottom.section,
.pad-xxxl-bottom > .mcb-wrap-inner,
.pad-xxxl-bottom > .mcb-column-inner { padding-bottom: var(--size-xxxl); }
.pad-xxxl-lateral.section,
.pad-xxxl-lateral > .mcb-wrap-inner,
.pad-xxxl-lateral > .mcb-column-inner { padding-left: var(--size-xxxl); padding-right: var(--size-xxxl); }
.pad-xxxl-right.section,
.pad-xxxl-right > .mcb-wrap-inner,
.pad-xxxl-right > .mcb-column-inner { padding-right: var(--size-xxxl); }
.pad-xxxl-left.section,
.pad-xxxl-left > .mcb-wrap-inner,
.pad-xxxl-left > .mcb-column-inner { padding-left: var(--size-xxxl); }

.mar-xxxl.section,
.mar-xxxl > .mcb-wrap-inner,
.mar-xxxl > .mcb-column-inner { margin-top: var(--size-xxxl); margin-bottom: var(--size-xxxl); }
.mar-xxxl-top.section,
.mar-xxxl-top > .mcb-wrap-inner,
.mar-xxxl-top > .mcb-column-inner { margin-top: var(--size-xxxl); }
.mar-xxxl-bottom.section,
.mar-xxxl-bottom > .mcb-wrap-inner,
.mar-xxxl-bottom > .mcb-column-inner { margin-bottom: var(--size-xxxl); }
.mar-xxxl-lateral.section,
.mar-xxxl-lateral > .mcb-wrap-inner,
.mar-xxxl-lateral > .mcb-column-inner { margin-left: var(--size-xxxl); margin-right: var(--size-xxxl); }
.mar-xxxl-right.section,
.mar-xxxl-right > .mcb-wrap-inner,
.mar-xxxl-right > .mcb-column-inner { margin-right: var(--size-xxxl); }
.mar-xxxl-left.section,
.mar-xxxl-left > .mcb-wrap-inner,
.mar-xxxl-left > .mcb-column-inner { margin-left: var(--size-xxxl); }

/* XXL */
.pad-xxl.section,
.pad-xxl > .mcb-wrap-inner,
.pad-xxl > .mcb-column-inner { padding-top: var(--size-xxl); padding-bottom: var(--size-xxl); }
.pad-xxl-top.section,
.pad-xxl-top > .mcb-wrap-inner,
.pad-xxl-top > .mcb-column-inner { padding-top: var(--size-xxl); }
.pad-xxl-bottom.section,
.pad-xxl-bottom > .mcb-wrap-inner,
.pad-xxl-bottom > .mcb-column-inner { padding-bottom: var(--size-xxl); }
.pad-xxl-lateral.section,
.pad-xxl-lateral > .mcb-wrap-inner,
.pad-xxl-lateral > .mcb-column-inner { padding-left: var(--size-xxl); padding-right: var(--size-xxl); }
.pad-xxl-right.section,
.pad-xxl-right > .mcb-wrap-inner,
.pad-xxl-right > .mcb-column-inner { padding-right: var(--size-xxl); }
.pad-xxl-left.section,
.pad-xxl-left > .mcb-wrap-inner,
.pad-xxl-left > .mcb-column-inner { padding-left: var(--size-xxl); }

.mar-xxl.section,
.mar-xxl > .mcb-wrap-inner,
.mar-xxl > .mcb-column-inner { margin-top: var(--size-xxl); margin-bottom: var(--size-xxl); }
.mar-xxl-top.section,
.mar-xxl-top > .mcb-wrap-inner,
.mar-xxl-top > .mcb-column-inner { margin-top: var(--size-xxl); }
.mar-xxl-bottom.section,
.mar-xxl-bottom > .mcb-wrap-inner,
.mar-xxl-bottom > .mcb-column-inner { margin-bottom: var(--size-xxl); }
.mar-xxl-lateral.section,
.mar-xxl-lateral > .mcb-wrap-inner,
.mar-xxl-lateral > .mcb-column-inner { margin-left: var(--size-xxl); margin-right: var(--size-xxl); }
.mar-xxl-right.section,
.mar-xxl-right > .mcb-wrap-inner,
.mar-xxl-right > .mcb-column-inner { margin-right: var(--size-xxl); }
.mar-xxl-left.section,
.mar-xxl-left > .mcb-wrap-inner,
.mar-xxl-left > .mcb-column-inner { margin-left: var(--size-xxl); }

/* XL */
.pad-xl.section,
.pad-xl > .mcb-wrap-inner,
.pad-xl > .mcb-column-inner { padding-top: var(--size-xl); padding-bottom: var(--size-xl); }
.pad-xl-top.section,
.pad-xl-top > .mcb-wrap-inner,
.pad-xl-top > .mcb-column-inner { padding-top: var(--size-xl); }
.pad-xl-bottom.section,
.pad-xl-bottom > .mcb-wrap-inner,
.pad-xl-bottom > .mcb-column-inner { padding-bottom: var(--size-xl); }
.pad-xl-lateral.section,
.pad-xl-lateral > .mcb-wrap-inner,
.pad-xl-lateral > .mcb-column-inner { padding-left: var(--size-xl); padding-right: var(--size-xl); }
.pad-xl-right.section,
.pad-xl-right > .mcb-wrap-inner,
.pad-xl-right > .mcb-column-inner { padding-right: var(--size-xl); }
.pad-xl-left.section,
.pad-xl-left > .mcb-wrap-inner,
.pad-xl-left > .mcb-column-inner { padding-left: var(--size-xl); }

.mar-xl.section,
.mar-xl > .mcb-wrap-inner,
.mar-xl > .mcb-column-inner { margin-top: var(--size-xl); margin-bottom: var(--size-xl); }
.mar-xl-top.section,
.mar-xl-top > .mcb-wrap-inner,
.mar-xl-top > .mcb-column-inner { margin-top: var(--size-xl); }
.mar-xl-bottom.section,
.mar-xl-bottom > .mcb-wrap-inner,
.mar-xl-bottom > .mcb-column-inner { margin-bottom: var(--size-xl); }
.mar-xl-lateral.section,
.mar-xl-lateral > .mcb-wrap-inner,
.mar-xl-lateral > .mcb-column-inner { margin-left: var(--size-xl); margin-right: var(--size-xl); }
.mar-xl-right.section,
.mar-xl-right > .mcb-wrap-inner,
.mar-xl-right > .mcb-column-inner { margin-right: var(--size-xl); }
.mar-xl-left.section,
.mar-xl-left > .mcb-wrap-inner,
.mar-xl-left > .mcb-column-inner { margin-left: var(--size-xl); }

/* L */
.pad-l.section,
.pad-l > .mcb-wrap-inner,
.pad-l > .mcb-column-inner { padding-top: var(--size-l); padding-bottom: var(--size-l); }
.pad-l-top.section,
.pad-l-top > .mcb-wrap-inner,
.pad-l-top > .mcb-column-inner { padding-top: var(--size-l); }
.pad-l-bottom.section,
.pad-l-bottom > .mcb-wrap-inner,
.pad-l-bottom > .mcb-column-inner { padding-bottom: var(--size-l); }
.pad-l-lateral.section,
.pad-l-lateral > .mcb-wrap-inner,
.pad-l-lateral > .mcb-column-inner { padding-left: var(--size-l); padding-right: var(--size-l); }
.pad-l-right.section,
.pad-l-right > .mcb-wrap-inner,
.pad-l-right > .mcb-column-inner { padding-right: var(--size-l); }
.pad-l-left.section,
.pad-l-left > .mcb-wrap-inner,
.pad-l-left > .mcb-column-inner { padding-left: var(--size-l); }

.mar-l.section,
.mar-l > .mcb-wrap-inner,
.mar-l > .mcb-column-inner { margin-top: var(--size-l); margin-bottom: var(--size-l); }
.mar-l-top.section,
.mar-l-top > .mcb-wrap-inner,
.mar-l-top > .mcb-column-inner { margin-top: var(--size-l); }
.mar-l-bottom.section,
.mar-l-bottom > .mcb-wrap-inner,
.mar-l-bottom > .mcb-column-inner { margin-bottom: var(--size-l); }
.mar-l-lateral.section,
.mar-l-lateral > .mcb-wrap-inner,
.mar-l-lateral > .mcb-column-inner { margin-left: var(--size-l); margin-right: var(--size-l); }
.mar-l-right.section,
.mar-l-right > .mcb-wrap-inner,
.mar-l-right > .mcb-column-inner { margin-right: var(--size-l); }
.mar-l-left.section,
.mar-l-left > .mcb-wrap-inner,
.mar-l-left > .mcb-column-inner { margin-left: var(--size-l); }

/* M */
.pad-m.section,
.pad-m > .mcb-wrap-inner,
.pad-m > .mcb-column-inner { padding-top: var(--size-m); padding-bottom: var(--size-m); }
.pad-m-top.section,
.pad-m-top > .mcb-wrap-inner,
.pad-m-top > .mcb-column-inner { padding-top: var(--size-m); }
.pad-m-bottom.section,
.pad-m-bottom > .mcb-wrap-inner,
.pad-m-bottom > .mcb-column-inner { padding-bottom: var(--size-m); }
.pad-m-lateral.section,
.pad-m-lateral > .mcb-wrap-inner,
.pad-m-lateral > .mcb-column-inner { padding-left: var(--size-m); padding-right: var(--size-m); }
.pad-m-right.section,
.pad-m-right > .mcb-wrap-inner,
.pad-m-right > .mcb-column-inner { padding-right: var(--size-m); }
.pad-m-left.section,
.pad-m-left > .mcb-wrap-inner,
.pad-m-left > .mcb-column-inner { padding-left: var(--size-m); }

.mar-m.section,
.mar-m > .mcb-wrap-inner,
.mar-m > .mcb-column-inner { margin-top: var(--size-m); margin-bottom: var(--size-m); }
.mar-m-top.section,
.mar-m-top > .mcb-wrap-inner,
.mar-m-top > .mcb-column-inner { margin-top: var(--size-m); }
.mar-m-bottom.section,
.mar-m-bottom > .mcb-wrap-inner,
.mar-m-bottom > .mcb-column-inner { margin-bottom: var(--size-m); }
.mar-m-lateral.section,
.mar-m-lateral > .mcb-wrap-inner,
.mar-m-lateral > .mcb-column-inner { margin-left: var(--size-m); margin-right: var(--size-m); }
.mar-m-right.section,
.mar-m-right > .mcb-wrap-inner,
.mar-m-right > .mcb-column-inner { margin-right: var(--size-m); }
.mar-m-left.section,
.mar-m-left > .mcb-wrap-inner,
.mar-m-left > .mcb-column-inner { margin-left: var(--size-m); }

/* S */
.pad-s.section,
.pad-s > .mcb-wrap-inner,
.pad-s > .mcb-column-inner { padding-top: var(--size-s); padding-bottom: var(--size-s); }
.pad-s-top.section,
.pad-s-top > .mcb-wrap-inner,
.pad-s-top > .mcb-column-inner { padding-top: var(--size-s); }
.pad-s-bottom.section,
.pad-s-bottom > .mcb-wrap-inner,
.pad-s-bottom > .mcb-column-inner { padding-bottom: var(--size-s); }
.pad-s-lateral.section,
.pad-s-lateral > .mcb-wrap-inner,
.pad-s-lateral > .mcb-column-inner { padding-left: var(--size-s); padding-right: var(--size-s); }
.pad-s-right.section,
.pad-s-right > .mcb-wrap-inner,
.pad-s-right > .mcb-column-inner { padding-right: var(--size-s); }
.pad-s-left.section,
.pad-s-left > .mcb-wrap-inner,
.pad-s-left > .mcb-column-inner { padding-left: var(--size-s); }

.mar-s.section,
.mar-s > .mcb-wrap-inner,
.mar-s > .mcb-column-inner { margin-top: var(--size-s); margin-bottom: var(--size-s); }
.mar-s-top.section,
.mar-s-top > .mcb-wrap-inner,
.mar-s-top > .mcb-column-inner { margin-top: var(--size-s); }
.mar-s-bottom.section,
.mar-s-bottom > .mcb-wrap-inner,
.mar-s-bottom > .mcb-column-inner { margin-bottom: var(--size-s); }
.mar-s-lateral.section,
.mar-s-lateral > .mcb-wrap-inner,
.mar-s-lateral > .mcb-column-inner { margin-left: var(--size-s); margin-right: var(--size-s); }
.mar-s-right.section,
.mar-s-right > .mcb-wrap-inner,
.mar-s-right > .mcb-column-inner { margin-right: var(--size-s); }
.mar-s-left.section,
.mar-s-left > .mcb-wrap-inner,
.mar-s-left > .mcb-column-inner { margin-left: var(--size-s); }

/* XS */
.pad-xs.section,
.pad-xs > .mcb-wrap-inner,
.pad-xs > .mcb-column-inner { padding-top: var(--size-xs); padding-bottom: var(--size-xs); }
.pad-xs-top.section,
.pad-xs-top > .mcb-wrap-inner,
.pad-xs-top > .mcb-column-inner { padding-top: var(--size-xs); }
.pad-xs-bottom.section,
.pad-xs-bottom > .mcb-wrap-inner,
.pad-xs-bottom > .mcb-column-inner { padding-bottom: var(--size-xs); }
.pad-xs-lateral.section,
.pad-xs-lateral > .mcb-wrap-inner,
.pad-xs-lateral > .mcb-column-inner { padding-left: var(--size-xs); padding-right: var(--size-xs); }
.pad-xs-right.section,
.pad-xs-right > .mcb-wrap-inner,
.pad-xs-right > .mcb-column-inner { padding-right: var(--size-xs); }
.pad-xs-left.section,
.pad-xs-left > .mcb-wrap-inner,
.pad-xs-left > .mcb-column-inner { padding-left: var(--size-xs); }

.mar-xs.section,
.mar-xs > .mcb-wrap-inner,
.mar-xs > .mcb-column-inner { margin-top: var(--size-xs); margin-bottom: var(--size-xs); }
.mar-xs-top.section,
.mar-xs-top > .mcb-wrap-inner,
.mar-xs-top > .mcb-column-inner { margin-top: var(--size-xs); }
.mar-xs-bottom.section,
.mar-xs-bottom > .mcb-wrap-inner,
.mar-xs-bottom > .mcb-column-inner { margin-bottom: var(--size-xs); }
.mar-xs-lateral.section,
.mar-xs-lateral > .mcb-wrap-inner,
.mar-xs-lateral > .mcb-column-inner { margin-left: var(--size-xs); margin-right: var(--size-xs); }
.mar-xs-right.section,
.mar-xs-right > .mcb-wrap-inner,
.mar-xs-right > .mcb-column-inner { margin-right: var(--size-xs); }
.mar-xs-left.section,
.mar-xs-left > .mcb-wrap-inner,
.mar-xs-left > .mcb-column-inner { margin-left: var(--size-xs); }

/* XXS */
.pad-xxs.section,
.pad-xxs > .mcb-wrap-inner,
.pad-xxs > .mcb-column-inner { padding-top: var(--size-xxs); padding-bottom: var(--size-xxs); }
.pad-xxs-top.section,
.pad-xxs-top > .mcb-wrap-inner,
.pad-xxs-top > .mcb-column-inner { padding-top: var(--size-xxs); }
.pad-xxs-bottom.section,
.pad-xxs-bottom > .mcb-wrap-inner,
.pad-xxs-bottom > .mcb-column-inner { padding-bottom: var(--size-xxs); }
.pad-xxs-lateral.section,
.pad-xxs-lateral > .mcb-wrap-inner,
.pad-xxs-lateral > .mcb-column-inner { padding-left: var(--size-xxs); padding-right: var(--size-xxs); }
.pad-xxs-right.section,
.pad-xxs-right > .mcb-wrap-inner,
.pad-xxs-right > .mcb-column-inner { padding-right: var(--size-xxs); }
.pad-xxs-left.section,
.pad-xxs-left > .mcb-wrap-inner,
.pad-xxs-left > .mcb-column-inner { padding-left: var(--size-xxs); }

.mar-xxs.section,
.mar-xxs > .mcb-wrap-inner,
.mar-xxs > .mcb-column-inner { margin-top: var(--size-xxs); margin-bottom: var(--size-xxs); }
.mar-xxs-top.section,
.mar-xxs-top > .mcb-wrap-inner,
.mar-xxs-top > .mcb-column-inner { margin-top: var(--size-xxs); }
.mar-xxs-bottom.section,
.mar-xxs-bottom > .mcb-wrap-inner,
.mar-xxs-bottom > .mcb-column-inner { margin-bottom: var(--size-xxs); }
.mar-xxs-lateral.section,
.mar-xxs-lateral > .mcb-wrap-inner,
.mar-xxs-lateral > .mcb-column-inner { margin-left: var(--size-xxs); margin-right: var(--size-xxs); }
.mar-xxs-right.section,
.mar-xxs-right > .mcb-wrap-inner,
.mar-xxs-right > .mcb-column-inner { margin-right: var(--size-xxs); }
.mar-xxs-left.section,
.mar-xxs-left > .mcb-wrap-inner,
.mar-xxs-left > .mcb-column-inner { margin-left: var(--size-xxs); }

/* XXXS */
.pad-xxxs.section,
.pad-xxxs > .mcb-wrap-inner,
.pad-xxxs > .mcb-column-inner { padding-top: var(--size-xxxs); padding-bottom: var(--size-xxxs); }
.pad-xxxs-top.section,
.pad-xxxs-top > .mcb-wrap-inner,
.pad-xxxs-top > .mcb-column-inner { padding-top: var(--size-xxxs); }
.pad-xxxs-bottom.section,
.pad-xxxs-bottom > .mcb-wrap-inner,
.pad-xxxs-bottom > .mcb-column-inner { padding-bottom: var(--size-xxxs); }
.pad-xxxs-lateral.section,
.pad-xxxs-lateral > .mcb-wrap-inner,
.pad-xxxs-lateral > .mcb-column-inner { padding-left: var(--size-xxxs); padding-right: var(--size-xxxs); }
.pad-xxxs-right.section,
.pad-xxxs-right > .mcb-wrap-inner,
.pad-xxxs-right > .mcb-column-inner { padding-right: var(--size-xxxs); }
.pad-xxxs-left.section,
.pad-xxxs-left > .mcb-wrap-inner,
.pad-xxxs-left > .mcb-column-inner { padding-left: var(--size-xxxs); }

.mar-xxxs.section,
.mar-xxxs > .mcb-wrap-inner,
.mar-xxxs > .mcb-column-inner { margin-top: var(--size-xxxs); margin-bottom: var(--size-xxxs); }
.mar-xxxs-top.section,
.mar-xxxs-top > .mcb-wrap-inner,
.mar-xxxs-top > .mcb-column-inner { margin-top: var(--size-xxxs); }
.mar-xxxs-bottom.section,
.mar-xxxs-bottom > .mcb-wrap-inner,
.mar-xxxs-bottom > .mcb-column-inner { margin-bottom: var(--size-xxxs); }
.mar-xxxs-lateral.section,
.mar-xxxs-lateral > .mcb-wrap-inner,
.mar-xxxs-lateral > .mcb-column-inner { margin-left: var(--size-xxxs); margin-right: var(--size-xxxs); }
.mar-xxxs-right.section,
.mar-xxxs-right > .mcb-wrap-inner,
.mar-xxxs-right > .mcb-column-inner { margin-right: var(--size-xxxs); }
.mar-xxxs-left.section,
.mar-xxxs-left > .mcb-wrap-inner,
.mar-xxxs-left > .mcb-column-inner { margin-left: var(--size-xxxs); }

.no-pad.section { padding-top: 0; padding-bottom: 0; }
.no-pad-top.section { padding-top: 0; }
.no-pad-bottom.section { padding-bottom: 0; }

/* Botones */
.button, .wc-block-components-button:not(.is-link), 
.woocommerce a.added_to_cart, .wp-block-button__link, 
button, input[type=button], 
input[type=reset], input[type=submit] {
    font-family: var(--font-decorative);
    font-size: var(--a-btn);
    line-height: 1.4;
    font-weight: 400;
    letter-spacing: .04rem;
    padding: 1.125rem 2.75rem;
    gap: .7em;
    border-width: 1px;
    border-radius: 0;
    transition: all .3s ease;
    text-transform: uppercase;

    .button_icon {
        line-height: 0;

        i { 
            font-size: 1em;
            transition: all .3s ease;
        }
    }
}

.button, .widget a.button, 
.wp-block-button__link, button, 
input[type=button], input[type=reset] {
    background: transparent;
    color: var(--white);
    border-color: var(--white);

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

.button:hover, .widget a.button:hover, 
.wp-block-button__link:hover, button:hover, 
input[type=button]:hover, input[type=reset]:hover,
.button-animation-slide .button:before,
.button-animation-slide .action_button:before,
form.frm-fluent-form.ffs_inherit_theme .wpf_has_custom_css.ff-btn-submit {
    background: var(--white);
    color: var(--black);
    border-color: var(--white);

    i { color: var(--black); }
}

.button.action_button, a.button.action_button {
    background: var(--black);
    color: var(--white);
    border-color: var(--black);

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


.button.action_button:hover, a.button.action_button:hover {
    background: var(--white);
    color: var(--black);
    border-color: var(--white);

    i { color: var(--black); }
}

.button.button_theme, a.button.button_theme, input[type=submit] {
    background: var(--white);
    color: var(--black);
    border-color: var(--white);

    i { color: var(--black); }
}

.button.button_theme:hover, a.button.button_theme:hover, input[type=submit]:hover,
.button-animation-slide .button_theme:before {
    background: transparent;
    color: var(--white);
    border-color: var(--white);

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

/* Clases auxiliares */
.decorative { font-family: var(--font-decorative); }
.rec, .column_heading.rec .title { color: var(--rec); }
.black, .column_heading.black .title { color: var(--black); }
.dark-grey, .column_heading.dark-grey .title { color: var(--dark-grey); }
.grey, .column_heading.grey .title { color: var(--grey); }
.light-grey, .column_heading.light-grey .title { color: var(--light-grey); }
.white, .column_heading.white .title { 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: Slick slider */
.slick-list { width: 100%; } 
.slick-track { display: flex; }

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

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

a { 
    transition: all .3s ease;

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

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

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

.has_content .the_content_wrapper { margin-bottom: 0; }

.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(--lateral-pad) !important;
    padding-right: var(--lateral-pad) !important;
}

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

.wrap.mcb-wrap { max-width: 100%; }

/*********************************\
            RESPONSIVE
\*********************************/
@media only screen and (max-width: 959px) {
    /* 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; }
}