/*Variables*/
:root{
    --azul: #1E809D;
    --blanco: #ffffff;
}

/*General*/
#Subheader_title_breadcrumbs {
    display: none;
}
p {
    margin-bottom: 25px;
}
p.col-2, ul.col-2 {
    columns: 2;
}
.custom-strong strong, .custom-strong b, .custom-list-style li::marker {
    color: var(--azul);
}
.mcb-section {
    padding-top: 6vw;
    padding-bottom: calc(6vw - 40px);
}
.mcb-section.the_content.no_content, .section.section-page-footer {
    padding-top: 0;
    padding-bottom: 0;
}
.mcb-section .mcb-wrap.one:not(:last-child) .mcb-wrap-inner {
    margin-bottom: 20px;
}
.mcb-section.style-1 .mcb-background-overlay {
    width: 45%;
    left: auto;
    right: 0;
}
.mcb-section.style-2, .mcb-section.style-3 {
    padding-top: 12vw;
    padding-bottom: calc(12vw - 40px);
}
.mcb-section.style-2 + .mcb-section, .mcb-section.style-3 + .mcb-section {
    z-index: 99;
}
.mcb-section.style-2:before, .mcb-section.style-2:after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: clamp(30px, 5vw, 60px);
    z-index: 9;
    top: -2px;
    left: 0;
    background: url(../images/division_superior_inversa.svg) no-repeat center top / auto 100%, linear-gradient(90deg, var(--blanco) 20%, transparent 20%, transparent 80%, var(--blanco) 80%);
}
.mcb-section.style-2:after {
    top: auto;
    bottom: -2px;
    transform: rotate(180deg);
    background: url(../images/division_superior_inversa.svg) no-repeat center top / auto 100%, linear-gradient(90deg, var(--fondo) 20%, transparent 20%, transparent 80%, var(--fondo) 80%);
}
.mcb-section.style-2 .mcb-wrap.featured-wrap, .mcb-section.style-3 .mcb-wrap.featured-wrap {
    position: absolute;
    z-index: 99;
}
.mcb-section.style-3:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: -2px;
    left: 0;
    background: url(/wp-content/uploads/2025/01/division_superior_curva.svg#92);
    background-position: top center;
    background-size: contain;
    background-repeat: no-repeat;
}
.mcb-section.style-3:after {
    content: '';
    width: 100%;
    height: clamp(30px, 5vw, 60px);
    position: absolute;
    bottom: 0;
    mask-position-x: center;
    -webkit-mask-position-x: center;
    mask-image: url(../images/division_superior_medio_circulo_central.svg);
    background-color: var(--gris_super_claro);
}
.mcb-wrap-grid > .mcb-wrap-inner {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 24px;
    row-gap: 24px;
    margin-right: 12px;
    margin-left: 12px;
    margin-bottom: 40px !important;
}
.mcb-wrap-grid.col-2 > .mcb-wrap-inner {
    grid-template-columns: repeat(2, 1fr);
}
.mcb-wrap-grid .mcb-column, .mcb-wrap-grid .mcb-column .mcb-column-inner, .mcb-wrap-grid .mcb-column .mfn-icon-box {
    width: 100%;
    height: 100%;
    margin: 0;
}

/* Headings */
.column_heading .mcb-column-inner {
    margin-bottom: 20px;
}

/*Buttons*/
.column_button .button {
    padding-left: 30px;
    padding-right: 30px ;
}

/*Icon Box*/
.column_icon_box_2.style-1 .mfn-icon-box {
    padding: 50px;
    background-color: var(--blanco);
    border-radius: 18px;
    box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.10);
}
.column_icon_box_2.style-1 .mfn-icon-box.mfn-icon-box-left {
    justify-content: center;
}
.column_icon_box_2.style-1 .mfn-icon-box.mfn-icon-box-left .desc-wrapper {
    flex-grow: initial;
}
.mfn-icon-box-top.mfn-icon-box-start .desc-wrapper {
    text-align: left;
}
.mfn-icon-box .desc-wrapper .desc ul {
    list-style: disc outside;
    margin: 0 0 0 30px;
}

/*Banner Box*/
.mfn-banner-box .excerpt {
    font-size: 12px !important;
    line-height: 1.2 !important;
}

/*Accordion*/
.column_accordion.col-2 .accordion_wrapper {
    column-count: 2;
    gap: 40px;
}
.accordion .question {
    border-radius: 10px;
    margin-bottom: 25px;
    border: 0;
    box-shadow: 0 4px 50px 0 rgba(0, 0, 0, 0.10);
}
.accordion .question.active > div.title {
    color: #00251E;
}
.accordion .question > div.title {
    font-size: 16px;
    line-height: 30px;
    padding: 25px 70px 25px 25px;
    color: #00251E;
    background: #F9DBC0;
    border-width: 0 !important;
    box-shadow: none;
    border-radius: 10px;

    transition: all .3s ease-in-out;
}
.column_accordion.style-1 .accordion .question > div.title {
    color: #FFFFFF;
    background: #00251E;
}
.accordion .question .title:before {
    display: none;
}
.accordion .question > .answer {
    color: #3E473B;
    border-width: 0;
    box-shadow: none;
    padding: 25px 70px 25px 25px;
}
.accordion .question>.title>.acc-icon-plus:before {
    content: '\e867';
}
.accordion .question .title>.acc-icon-minus:before {
    content: '\e945';
}
.accordion .question > .title > i.acc-icon-minus, .accordion .question > .title > i.acc-icon-plus,
.accordion .question.active > .title > i.acc-icon-minus {
    width: 70px;
    font-size: 26px;
    line-height: 26px;
    color: #00251E;
    left: inherit;
    right: 0;
}
.column_accordion.style-1 .accordion .question > .title > i.acc-icon-minus,
.column_accordion.style-1 .accordion .question > .title > i.acc-icon-plus,
.column_accordion.style-1 .accordion .question.active > .title > i.acc-icon-minus {
    color: #FFFFFF;
}

/*Pages*/
#perfil-de-sabor.mcb-section.style-2 .mcb-wrap.featured-wrap {
    width: 33.33vw;
    top: -6vw;
    left: -4vw;
}
#ingredientes.mcb-section.style-3 .mcb-wrap.featured-wrap {
    width: 50vw;
    top: -15vw;
    left: auto;
    right: -6vw;
}
#atributos.mcb-section .mcb-background-overlay {
    width: 45%;
    z-index: 99;
    top: 3vw;
}
#conservacion.mcb-section .mcb-background-overlay {
    width: 40%;
    z-index: 99;
    top: 3vw;
}
#atributos.mcb-section .section_wrapper,
#conservacion.mcb-section .section_wrapper {
    z-index: 99;
}
#para-quien-es.mcb-section .mcb-background-overlay {
    z-index: 0;
    left: -14vw;
}

/*Responsive*/
@media only screen and (max-width: 1239px) {
    
    #perfil-de-sabor.mcb-section.style-2 .mcb-wrap.featured-wrap {
        top: 0vw;
    }
    #para-quien-es.mcb-section .mcb-background-overlay {
        left: 0vw;
    }

}

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

    .mcb-section {
        padding-top: 40px;
        padding-bottom: 20px;
    }
    .mcb-section.style-2, .mcb-section.style-3 {
        padding-top: 80px;
        padding-bottom: 60px;
    }
    .mcb-section.style-1 .mcb-background-overlay, 
    .mcb-section.style-2 .mcb-background-overlay,
    .mcb-section.style-3 .mcb-background-overlay,
    .mcb-section.style-2 .mcb-wrap.featured-wrap, .mcb-section.style-3 .mcb-wrap.featured-wrap {
        display: none;
    }
    .mcb-wrap-grid > .mcb-wrap-inner, .mcb-wrap-grid.col-2 > .mcb-wrap-inner {
        grid-template-columns: repeat(1, 1fr);
        margin: 0;
    }
    .mcb-wrap-grid > .mcb-wrap-inner {
        margin-bottom: 20px !important;
    }
    .mcb-column.mfn-item-inline:not(:last-child) {
        margin-right: 20px;
    }
    p.col-2, ul.col-2, .column_accordion.col-2 .accordion_wrapper {
        column-count: 1;
    }

}