/*
Theme Name: Oliveri
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Version: 4.27.4.1777383577
Updated: 2026-04-28 14:39:37

*/

@font-face {
  font-family: 'Charlotten';
  src: url('/wp-content/themes/Divi-child/fonts/charlotten.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Bree Serif';
  src: url('/wp-content/themes/Divi-child/fonts/bree-serif.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

body, .f-bs {
  font-family: 'Bree Serif', serif;
}

.f-ch,
h1 .highlight,
.titulo-decorativo {
    font-family: 'Charlotten', cursive;
}
/*MENU PC*/
.menu-oliveri{
    width: clamp(375px, 72vw, 845px);
    min-height: clamp(56px, 4vw, 72px);

    padding: clamp(8px, 0.8vw, 14px) clamp(14px, 1.3vw, 24px);

    border-radius: clamp(14px, 1.4vw, 20px);
}
.menu-oliveri .et_pb_menu .et_pb_menu__wrap {
    flex: 0 0 auto !important;
}
.menu-oliveri .et_pb_menu_inner_container.clearfix {
    justify-content: center;
}
#menu-principal_es, #menu-principal_es-catalan {
    gap: clamp(14px, 1.2vw, 24px);
}
.menu-oliveri a {
    padding: 0 !important;
}
.et_pb_menu .et-menu > li > a{
    color: #607147;
    transition:
        color .3s ease;
}
.et_pb_menu .et-menu > li > a:hover{
    color: #CAB75B;
}
/*boton contacto*/
.item-menu-contacto a{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0px 16px 5px 16px !important;
    background-color: #CAB75B;
    border: 1px solid #CAB75B;
    border-radius: 10px;
    color: #F7F7F4 !important;
    transition:
        background-color 0.3s ease,
        color 0.3s ease;
}
.item-menu-contacto a:hover{
    background: transparent;
    color: #CAB75B !important;
    border-color: #CAB75B;
}
/*Menu selector idioma*/
#menu-item-wpml-ls-5-es a::after, #menu-item-wpml-ls-5-ca a::after {
    display: none;
}
.menu-oliveri .sub-menu,
.menu-oliveri .sub-menu li,
.menu-oliveri .sub-menu a {
width: fit-content;
}
.menu-oliveri .sub-menu {
    border-radius: clamp(14px, 1.4vw, 20px);
    box-shadow: 8px 7px 13px 0px rgba(0,0,0,0.05);
}
.menu-oliveri .sub-menu li a:hover {
    background-color: transparent !important;
}
/*MENU RESPONSIVE*/
@media (max-width: 980px) {
    .menu-oliveri .et_pb_menu_inner_container.clearfix {
        justify-content: space-between;
    }
    .menu-oliveri .et_pb_menu .et_pb_menu__wrap {
        flex: 1 1 0 !important;
    }
    .menu-oliveri .et_pb_menu .et_mobile_menu {
        top: 120% !important;
        border-radius: 0 0 20px 20px;
    }
    .menu-oliveri .menu-item {
        padding: 5px 0;
        text-align: center;
    }
    .menu-oliveri .et_mobile_menu li a {
        color: #607147;
    }
    .menu-oliveri .sub-menu,
    .menu-oliveri .sub-menu li,
    .menu-oliveri .sub-menu a {
        width: auto;
    }
    .menu-oliveri .sub-menu {
        border-radius: none;
        box-shadow: none;
    }
    #menu-item-wpml-ls-5-es a::after, #menu-item-wpml-ls-5-ca a::after {
        display: block;
    }
}
/* CSS para Submenu colapsado en Divi */
/*Ajustar el nuevo toggel del submenu*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle {
    width: 44px;
    height: 100%;
    padding: 0px !important;
    max-height: 44px;
    border: none;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 999;
    background-color: transparent;
}


/*CSS para tener todo acomodado*/
ul.et_mobile_menu>li.menu-item-has-children,
ul.et_mobile_menu>li.page_item_has_children,
ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children {
    position: relative;
}

/*Remover el background color de los items del submenu*/
.et_mobile_menu .menu-item-has-children>a,
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a {
    background-color: transparent;
}

/****** Colapsar submenu por defecto *******/

ul.et_mobile_menu .menu-item-has-children .sub-menu,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
    display: none !important;
    visibility: hidden !important;
}


/*Mostra el submenu cuando el toggle este abierto*/

ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
    display: block !important;
    visibility: visible !important;
}


/*Ajuste de los estilos del toggle*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle {
    text-align: center;
    opacity: 1;
}


/*Icono del toggle del submenu cuando esta cerrado*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
    top: 10px;
    position: relative;
    font-family: "ETModules";
    content: '3';
    color: #607147;
    /*border: 1px solid #607147;*/
    background: #fff;
    border-radius: 50%;
    padding: 3px;
    text-decoration: none !important;
}
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle {
    text-decoration: none;
}

/*Icono del toggle del submenu cuando esta abierto*/
ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after {
    content: '2';
}

/*Agregar forma de punta cuando el submenu está abierto*/
.et_pb_menu_0.et_pb_menu .et_mobile_menu:after {
    position: absolute;
    right: 5%;
    margin-left: -20px;
    top: -14px;
    width: 0;
    height: 0;
    content: '';
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #607147;
}


/*HOME*/
/*Hero*/
.hero-home {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-top: auto;
    margin-bottom: 0;
    min-height: clamp(350px, 55dvh, 700px);
}
.hero-home h1, .h1-home {
    line-height: 0.95 !important;
    font-size: clamp(42px, 29.86px + 3.57vw, 99px) !important;
}
.img-picto4, .img-picto1 {
    vertical-align: middle;
}
.img-picto1 {
    margin-right: 1.75em;
}
.img-picto4 {
    padding-bottom: 0.25em;
}
@media (max-width: 980px){
    .img-picto4, .img-picto1 {
        display: none;
    }
}

/*Post-hero*/
.txt-titular {
    font-size: clamp(44px, 30.23px + 4.05vw, 108px);
    text-align: center;
    line-height: 0.95;
}
/*Seccion verde - sabores*/
.seccion-sabores {
    position: relative;
    overflow: visible;
}
.bloque-verde {
    display: flex;
    position: relative;
    overflow: visible !important;
    min-height: clamp(520px, 36.45vw, 700px);
}
.cards-sabores {
    position: relative;
    z-index: 5;
}
.h2-sec-verde {
    font-size: clamp(40px, 32.68px + 2.15vw, 74px);
    line-height: 0.95;
    text-transform: uppercase;
}
.txt-sec-verde {
    max-width: 458px;
}
@media (max-width: 980px){
    .bloque-verde{
        position: relative;
        overflow: visible !important;
        background: transparent !important;
        z-index: 1;
    }
    .bloque-verde::before{
        content: "";
        position: absolute;
        inset: 0;
        background: #607147 !important;
        border-radius: 20px;
        z-index: 0;
        height: 35%;
    }
    .bloque-verde > .et_pb_column{
        position: relative;
        z-index: 2;
    }

}

/*Seccion unico*/
.fila-titular-img {
    width: fit-content;
    margin: 0 auto;
}
.fila-titular-img img {
    height: clamp(55px, 32.18px + 6.71vw, 161px);
}
.txt-titular-xl {
    font-size: clamp(47px, 27.2px + 5.82vw, 139px);
    line-height: 0.9;
    text-transform: uppercase;
}

/*Seccion especial (naranja)*/
/* Contenedor general: separa bloque izquierdo y columna derecha */
.sec-especial-home .et_pb_row_3-4_1-4{
    display: grid !important;
    grid-template-columns: 1fr clamp(260px, 22.08vw, 380px) !important;
    gap: clamp(10px, 1vw, 18px) !important;
    width: 90% !important;
    max-width: 1920px !important;
}
/* Eliminar clearfix/floats de Divi en la fila principal */
.sec-especial-home .et_pb_row_3-4_1-4::after{
    display: none !important;
}
/* Reset columnas principales Divi */
.sec-especial-home .et_pb_row_3-4_1-4 > .et_pb_column{
    float: none !important;
    width: auto !important;
    margin: 0 !important;
}
/* Columna izquierda: separa fila superior e historia */
.sec-especial-home .et_pb_specialty_column{
    display: grid !important;
    grid-template-rows: auto auto;
    gap: clamp(10px, 1vw, 18px) !important;
}
/* Todas las filas internas limpias */
.sec-especial-home .et_pb_row_inner{
    width: 100% !important;
    margin: 0 !important;
}
/* Fila superior: cocina + variedad */
.sec-especial-home .et_pb_row_inner_0{
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: clamp(10px, 1vw, 18px) !important;
}
/* Eliminar clearfix/floats de Divi en fila interna superior */
.sec-especial-home .et_pb_row_inner_0::after{
    display: none !important;
}
/* Reset columnas internas */
.sec-especial-home .et_pb_row_inner_0 > .et_pb_column{
    float: none !important;
    width: auto !important;
    margin: 0 !important;
}
/* Fila historia */
.sec-especial-home .et_pb_row_inner_1{
    display: block !important;
}

/*Pading para todos los modulos*/
.sec-especial-cocina, .sec-especial-variedad, .sec-especial-historia, .sec-especial-col2 {
    padding: clamp(18px, 2.5vw, 40px);
}

/*Modulo: COCINA MEDITERRÁNEA PARA TODOS*/
.sec-especial-cocina{
    display: grid;
    grid-template-columns: 1fr;
    row-gap: clamp(12px, 1.5vw, 20px);
    align-items: center;
}
.sec-especial-cocina h2{
    max-width: 22ch;
}
/*Modulo: VARIEDAD & PRODUCTO ACCESIBLE*/
.sec-especial-variedad{
    display: grid;
    grid-template-areas:
        "titulo imagen"
        "texto texto";
    column-gap: clamp(16px, 2vw, 32px);
    row-gap: clamp(12px, 1.5vw, 20px);
    align-items: center;
}
.img-variedad{
    grid-area: imagen;
    align-self: center;
    justify-self: center;
}
.tit-variedad{
    grid-area: titulo;
}
.tit-variedad h2{
    max-width: 16ch;
}
.txt-variedad{
    grid-area: texto;
    align-self: start;
    max-width: 85%
}
/*Modulo: UN ESPACIO CON HISTORIA EN EMPURIABRAVA*/
.sec-especial-historia {
    display: grid;
    grid-template-columns: minmax(48px, 15%) minmax(200px, 30%) 1fr;
    column-gap: clamp(16px, 2vw, 32px);
    align-items: center;
}
/*Modulo: UNA CARTA AMPLIA & FLEXIBLE*/
.sec-especial-col2{
    display: grid;
    grid-template-rows: 1fr 1fr;
    grid-template-areas:
        "contenido"
        "imagen";
    align-items: center;
    border: 1px solid #CAB75B;
    border-radius: 30px;
}
.contenido-unacarta {
    grid-area: contenido;
    align-self: start;
}
.txt-unacarta{
    margin-top: clamp(12px, 1.5vw, 20px);
}
.img-unacarta{
    grid-area: imagen;
    align-self: center;
    justify-self: center;
}
.tit-unacarta {
    max-width: 16ch;
}
@media (max-width: 980px){
    .sec-especial-home .et_pb_row_3-4_1-4,
    .sec-especial-home .et_pb_specialty_column,
    .sec-especial-home .et_pb_row_inner_0 {
        display: block !important;
    }
    /*Modulo: VARIEDAD & PRODUCTO ACCESIBLE*/
    .txt-variedad{
        max-width: 100%
    }
    .img-variedad{
        align-self: start;
    }
    /*Modulo: UN ESPACIO CON HISTORIA EN EMPURIABRAVA*/
    .sec-especial-historia {
        display: block !important;
    }
    .sec-especial-historia img {
        position: absolute;
        z-index: 0;
        top: 3%;
        left: 20%;
        right: auto;
    }
    .sec-especial-historia h2 {
        position: relative;
        z-index: 2;
    }
    /*Modulo: UNA CARTA AMPLIA & FLEXIBLE*/
    .sec-especial-col2 {
        border: none;
        display: block;
    }
    .img-unacarta{
        margin-top: 2em !important;
    }
}

/*Seccion reserva*/
.h2-sec-reserva {
    font-size: clamp(48px, 44.13px + 1.14vw, 66px) !important;
    line-height: 0.95 !important;
    text-transform: uppercase;
    max-width: clamp(330px, 27.2vw, 420px);
}
.txt-dorado-reserva {
    font-size: clamp(26px, 24.49px + 0.44vw, 33px);
    max-width: clamp(320px, 21.16vw, 410px);
    margin-right: 0;
    margin-left: auto;
}

/*NOSOTROS*/
@media screen and (min-width: 981px) {
    body.page-id-22 #main-content{
        background-image: url('/wp-content/uploads/linea-nosotros_completa.webp') !important;
        background-repeat: no-repeat !important;
        background-position: 90% top !important;
        background-size: 110% auto !important;
    }
    body.page-id-22 #main-content .et_pb_section{
        background-color: transparent !important;
	}
}
.logo-baner-nosotros > span > img {
    width: clamp(260px, 31.5vw, 548px) !important;
}
/*Post-hero*/
.col-tit-sec-tradicion {
    display: grid;
    grid-template-columns: 72% auto;
    align-items: center;
}
.h2-sec-tradicion {
    font-size: clamp(48px, 44.13px + 1.14vw, 66px);
    line-height: 0.95 !important;
    text-transform: uppercase;
}
.col-desc-sec-tradicion {
    display: grid;
    grid-template-columns: 1.15fr 1fr;

    column-gap: clamp(24px, 4vw, 80px);
    /*row-gap: clamp(18px, 2vw, 32px);*/

    align-items: start;
}
@media (max-width: 980px){
    .col-desc-sec-tradicion {
        display: block;
    }
}
.col-titulo-evoluciona {
    max-width: clamp(320px, 30vw, 460px);
}

/*CARTA*/
.cont-tit-dest-carta {
    max-width: fit-content;
    margin: 0 auto;
    text-align: left;
}
.txt-platos-carta {
    display: inline-block;
    text-align: left;
    margin-left: 1vw;
}
.txt-queno-carta {
    margin-left: 4vw;
}
.img-picto1-carta {
    vertical-align: middle;
}

@media (max-width: 980px){
    .cont-tit-dest-carta {
        max-width: auto;
        margin: 0;
    }
    .img-picto1-carta {
        display: none;
    }
    .txt-platos-carta,
    .txt-queno-carta {
        margin-left: 0;
    }

}

/*CONTACTO*/
.et_contact_bottom_container {
    width: 100%;
    justify-content: flex-start;
}
.txt-tel-contacto a {
    color: #8e8f89 !important;
}

/*FOOTER*/
.footer-oliveri{
    min-height: clamp(340px, 24vw, 470px);
}
.col-cont-footer {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: clamp(16px, 2vw, 32px); 
}
.titulo-footer {
    font-size: clamp(26px, 23.2px + 0.82vw, 39px);
    line-height: 0.95 !important;
}