/*
Theme Name: Wanaframe
Theme URI: https://www.wanatop.com/
Author: Wanatop
Author URI: https://www.wanatop.com/
Description: 
Version: 1.0.0
Requires at least: 4.5.0
Tested up to: 5.7
Requires PHP: 5.4.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: generatepress
Tags: 

Template: generatepress
*/
/*--------------------------- BASES PRINCIPALES ----------------------*/
:root {
    --color-chocolate:#462C29;
    --color-amarillo: #FFE664;
    --color-beige: #FFFBF4;
    --font-titulos: 'Brunswick Grotesque', sans-serif;
    --font-textos: 'MNKY Banana Grotesk', serif;
}
body{
    background-color: var(--color-beige);
}
div, span, p, a,body,button,input,select,textarea{
    font-family: var(--font-textos);
}
h1, h2, h3, h4, h5, h6{
    font-family: var(--font-titulos);
}

body:is(.page-id-1365, .page-id-1410, .page-id-1459) h1,
body:is(.page-id-1365, .page-id-1410, .page-id-1459) h2,
body:is(.page-id-1365, .page-id-1410, .page-id-1459) h3,
body:is(.page-id-1365, .page-id-1410, .page-id-1459) h4,
body:is(.page-id-1365, .page-id-1410, .page-id-1459) h5,
body:is(.page-id-1365, .page-id-1410, .page-id-1459) h6 {
    font-family: var(--font-textos);
}

/*--------------------------- BOTONES RESERVA MESA Y PEDIR ONLINE -----------------------------*/
.enlaces_reservas {
    display: flex;
    justify-content: center;
}
.enlaces_reservas a.btn_ped_res{
    padding: 15px 45px;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 0;
    border-radius: 50px;
    margin: 5px 10px;
}

.enlaces_reservas a.btn_ped_res.btn_pedir_online.pedir_online{
    background-color: var(--color-chocolate);
    color: var(--color-beige);
    text-decoration: none;
}

.enlaces_reservas a.btn_ped_res.btn_reservar_mesa{
    background-color: var(--color-amarillo);
    color: var(--color-chocolate);
    text-decoration: none;
}

.enlaces_reservas a.btn_ped_res.btn_pedir_online.pedir_online:before {
    content: "";
    display: inline-block;
    width: 23px;
    height: 23px;
    margin-right: 10px;
    margin-bottom: -8px;
    -webkit-mask-image: url(/wp-content/themes/wanaframe/img/pedir-online.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    background-color: var(--color-beige);
}
.enlaces_reservas a.btn_ped_res.btn_reservar_mesa:before {
    content: "";
    display: inline-block;
    width: 32px;
    height: 23px;
    margin-right: 10px;
    margin-bottom: -8px;
    -webkit-mask-image: url(/wp-content/themes/wanaframe/img/reservar-mesa.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    background-color: var(--color-chocolate);
}
/*--------------------------- HOME -----------------------------*/
span.tabulado {
    display: block;
    font-family: var(--font-titulos);
    padding-left: 82px;
}

.flecha-derecha a span span.elementor-button-text:after {
    content: "";
    width: 28px;
    height: 15px;
    margin-bottom: -3px;
    margin-left: 10px;
    display: inline-block;
    -webkit-mask-image: url('/wp-content/uploads/2025/05/arrow-right-bold.svg');
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
}
.flecha-derecha.choco a span span.elementor-button-text:after {
    background: var(--color-beige);
}
.flecha-derecha.beige a span span.elementor-button-text:after {
    background: var(--color-beige);
}

.carta_icon a span span.elementor-button-text:before {
    content: "";
    width: 28px;
    height: 28px;
    margin-bottom: -8px;
    margin-right: 10px;
    display: inline-block;
    -webkit-mask-image: url('/wp-content/uploads/2025/05/carta-1.svg');
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
}
.carta_icon.choco a span span.elementor-button-text:before {
    background: var(--color-chocolate);
}
.carta_icon.beige a span span.elementor-button-text:before {
    background: var(--color-beige);
}


i.arrow-club {
    content: "";
    display: inline-block;
    width: 180px;
    height: 80px;
    margin-right: -160px;
    margin-left: -20px;
    background-color: var(--color-chocolate);
    -webkit-mask-image: url('/wp-content/themes/wanaframe/img/flecha-izquierda-choco.svg');
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    animation-name: arrow;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;

}
i.plus-club{
    content: "";
    display: inline-block;
    width: 80px;
    height: 80px;
    margin-left: -80px;
    margin-right: 10px;
    background-color: var(--color-chocolate);
    -webkit-mask-image: url(/wp-content/themes/wanaframe/img/plus-choco.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    animation-name: plusgirar;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.elementor-widget.btn-flotante-right-home {
    position: absolute;
    top: 35%;
    right: -150px;
    transform: rotate(-90deg);
}
.elementor-widget.btn-flotante-right-home a:before{
    content: "";
    width: 28px;
    height: 15px;
    margin-bottom: -3px;
    margin-right: 10px;
    display: inline-block;
    background-color: var(--color-beige);
    -webkit-mask-image: url('/wp-content/uploads/2025/05/arrow-right-bold.svg');
    transform: rotate(180deg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
}
.text-move-home {
    position: absolute;
    top: 160px;
    transform: rotate(-5deg);
    transform-origin: center;
    overflow: hidden;
    max-width: 99.5%;
}
.text-move-home .go-left, .text-move-home .go-right {
    white-space: nowrap;
    display: inline-block;
    padding: 10px 0;
    font-size: 24px;
    will-change: transform;
}
.text-move-home .go-left .seccion{
    display: inline-block;
    position: relative;
    animation-name: goleft;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.text-move-home .go-right .seccion{
    display: inline-block;
    position: relative;
    animation-name: goright;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.text-move-home .go-left span {
    font-size: 50px;
    line-height: 50px;
    font-family: var(--font-titulos);
}
.text-move-home .go-right span {
    font-size: 50px;
    line-height: 50px;
    color: var(--color-beige);
    -webkit-text-stroke: 1px var(--color-chocolate);
    text-stroke: 1px var(--color-chocolate);
    font-family: var(--font-titulos);
}
.text-move-home .go-left span:after, .text-move-home .go-right span:after {
    content: "";
    display: inline-block;
    background-color: var(--color-chocolate);
    -webkit-mask-image: url(/wp-content/themes/wanaframe/img/circulo.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    width: 10px;
    height: 10px;
    margin: 15px 25px 15px 25px;
}
.latido_spritz img{
    animation-name: latido;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@keyframes latido {
    0%{transform: scale(1);}
    5%{transform: scale(1.1);}
    10%{transform: scale(1);}
    15%{transform: scale(1.1);}
    20%{transform: scale(1);}
}
@keyframes arrow {
    0%{transform: translateX(0%);}
    10%{transform: translateX(20%);}
    15%{transform: translateX(-20%);}
    20%{transform: translateX(-10%);}
    25%{transform: translateX(-0%);}
    30%{transform: translateX(-10%);}
    36%{transform: translateX(-0%);}
}

@keyframes plusgirar {
    0%{transform: rotate(0deg);}
    10%{transform: rotate(180deg);}
    11%{transform: rotate(0deg);}
}
@keyframes goleft {
    0% {transform: translateX(0%);}
    100% {transform: translateX(-100%);}
}
@keyframes goright {
    0% {transform: translateX(-100%);}
    100% {transform: translateX(0%);}
}


/*------------------ ARCHIVE LISTADO RESTAURANTES -----------------------*/

#head_local {
    background-image: url(/wp-content/uploads/2025/05/fondo-benvenuto-a-casa.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100vh;

}
section#head_local:before {
    content: "";
    background: linear-gradient(90deg, rgba(10, 18, 20, 0%), rgba(10, 18, 20, 85%));
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
}

#head_local, #head_local .content_locales {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
}
#head_local .content_locales .title_benvenuto {
    margin-top: 130px;
}

#select_restaurante {
    background: var(--color-beige);
    max-width: 660px;
    padding: 50px 80px 60px;
    text-align: center;
    margin: 60px 0 100px;
}
#select_restaurante .titulo_local {
    font-family: 'MNKY Banana Grotesk', serif;
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0;
    text-align: center;
    text-transform: uppercase;
    color: var(--color-chocolate);
    margin-top: 20px;
    margin-bottom: 10px;
}
#select_restaurante .subtitulo_local {
    font-family: MNKY Banana Grotesk;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    text-align: center;
    color: var(--color-chocolate);
    margin-top: 10px;
    margin-bottom: 30px;
}
#select_restaurante #buscador_restaurantes {
    background: var(--color-amarillo);
    width: 100%;
    text-align: center;
    border-width: 0 0 1px 0;
    border-color: var(--color-chololate);
    border-style: solid;
    color: var(--color-chocolate);
    cursor: pointer;
}

#listado_restaurantes_archive {
    margin-top: 70px;
    margin-left: auto;
    margin-right: auto;
    padding: 60px 0;
    max-width: 1080px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
#listado_restaurantes_archive .resultado_provincia {
    flex: 0 0 100%;
    align-items: center;
    display: flex;
    flex-direction: column;
    display: none;
}
#listado_restaurantes_archive .resultado_provincia.active{
    display: block;
}
#listado_restaurantes_archive .resultado_provincia:after {
    content:"";
    background-image: url("/wp-content/uploads/2025/04/separador.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    width: 224px;
    height: 6px;
    margin:100px auto 100px;
}
#listado_restaurantes_archive .resultado_provincia:last-child:after{
    width: 0;
    height: 0;
}
#listado_restaurantes_archive .resultado_provincia .titulo_provincia {
    font-family: Brunswick Grotesque;
    font-weight: 400;
    font-size: 90px;
    line-height: 90px;
    letter-spacing: 0;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 70px;
}
#listado_restaurantes_archive .resultado_provincia .restaurante {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 60px;
}
#listado_restaurantes_archive .resultado_provincia .restaurante:last-child{margin-bottom: 0;}
#listado_restaurantes_archive .resultado_provincia .restaurante .restaurante_imagen {
    flex: 0 0 45%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}
#listado_restaurantes_archive .resultado_provincia .restaurante .restaurante_imagen a.restaurante_enlace_imagen {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(10, 18, 20, 0) 34.62%, rgba(10, 18, 20, 0.65) 100%);
}
#listado_restaurantes_archive .resultado_provincia .restaurante .restaurante_imagen a.restaurante_enlace_imagen > span {
    position: absolute;
    bottom: 30px;
    right: 30px;
    color: var(--color-beige);
    font-size: 14px;
}
#listado_restaurantes_archive .resultado_provincia .restaurante .restaurante_imagen a.restaurante_enlace_imagen > span:after {
    content: "";
    background: var(--color-beige);
    height: 14px;
    display: inline-block;
    width: 25px;
    -webkit-mask-image: url(/wp-content/uploads/2025/05/arrow-right-bold.svg);
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    margin-left: 10px;
    margin-bottom: -3px;
}
#listado_restaurantes_archive .resultado_provincia .restaurante .restaurante_datos {
    flex: 0 0 50%;
    width: 50%;
}
#listado_restaurantes_archive .resultado_provincia .restaurante .restaurante_datos .restaurante_titulo{
    margin-bottom: 20px;
}
#listado_restaurantes_archive .resultado_provincia .restaurante .restaurante_datos .restaurante_titulo a {
    font-family: var(--font-titulos);
    font-weight: 400;
    font-size: 45px;
    line-height: 50px;
    letter-spacing: 0;
    text-transform: uppercase;
    text-decoration: none;
    margin: 0;
}
#listado_restaurantes_archive .resultado_provincia .restaurante .restaurante_datos .restaurante_direccion {
    font-family: var(--font-textos);
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
}
#listado_restaurantes_archive .resultado_provincia .restaurante .restaurante_datos .restaurante_telefono{
    margin-bottom: 20px;
    display: block;
    width: 100%;
    text-decoration: none;
}
#listado_restaurantes_archive .resultado_provincia .restaurante .restaurante_datos .restaurante_telefono:before {
    content: "";
    -webkit-mask-image: url(/wp-content/uploads/2025/05/icono-telefono.svg);
    width: 16px;
    height: 16px;
    display: inline-block;
    --webkit-mask-position: center;
    -webkit-mask-size: cover;
    --webkit-mask-repeat: no-repeat;
    background: var(--color-chocolate);
    margin-right: 8px;
    margin-bottom: -2px;
}
#listado_restaurantes_archive .resultado_provincia .restaurante .restaurante_datos .horario{
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    margin-left: 20px;
}
#listado_restaurantes_archive .resultado_provincia .restaurante .restaurante_datos .horario:before{
    content: "";
    -webkit-mask-image: url(/wp-content/uploads/2025/05/icono-hora.svg);
    width: 16px;
    height: 16px;
    display: inline-block;
    --webkit-mask-position: center;
    -webkit-mask-size: contain;
    --webkit-mask-repeat: no-repeat;
    background: var(--color-chocolate);
    margin-left: -21px;
    margin-bottom: -2px;
    margin-right: 6px;
}
#listado_restaurantes_archive .resultado_provincia .restaurante .restaurante_datos .list_botones img {margin-left: 10px;}
/*------------------------- Header ---------------------------*/

.fullscreen-menu {
    position: fixed;
    top: 0; left: 0;
    width: 100vw; height: 100vh;
    background: #442c29;
    display: none;
    z-index: 9999;
    color: white;
    padding: 2rem;
}
  
.fullscreen-menu.active {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
  
.menu-toggle {
    position: fixed;
    top: 20px;
    right: 20px;
    font-size: 2rem;
    color: white;
    cursor: pointer;
    z-index: 10000;
}
 
.fullscreen-menu nav a {
    display: block;
    font-size: 2rem;
    margin: 1rem 0;
    color: white;
    text-decoration: none;
}
  
.menu-content {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}
  
.menu-image img {
    max-width: 400px;
    height: auto;
    border-radius: 10px;
}

/* ----------------------------- Local individual ---------------------------------*/
#head_restaurante {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100vh;
    margin: 0;
}
#head_restaurante:before {
    content: "";
    background: linear-gradient(90deg, rgba(10, 18, 20, 0%), rgba(10, 18, 20, 85%));
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
}
 #head_restaurante .aviso {
    color: var(--color-chocolate);
    background: var(--color-amarillo);
    padding: 0 20px;
    margin: 0px 0 10px;
    font-size: 30px;
}
a.btn_volver_rest {
    color: var(--color-beige);
    position: relative;
    z-index: 4;
    text-decoration: none;
    margin-bottom: 40px;
    font-size: 16px;
}
a.btn_volver_rest:before {
    content: "";
    background: var(--color-beige);
    height: 14px;
    display: inline-block;
    width: 25px;
    -webkit-mask-image: url(/wp-content/uploads/2025/05/arrow-right-bold.svg);
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    margin-right: 10px;
    margin-bottom: -3px;
    transform: rotate(180deg);
}

.texto_lateral.ver_restaurante {
    color: var(--color-beige);
    position: absolute;
    top: 50%;
    right: -42px;
    z-index: 4;
    transform: rotate(-90deg);
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
}
.texto_lateral.ver_restaurante:before {
    content: "";
    background: var(--color-beige);
    height: 14px;
    display: inline-block;
    width: 25px;
    -webkit-mask-image: url(/wp-content/uploads/2025/05/arrow-right-bold.svg);
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    margin-right: 10px;
    margin-bottom: -3px;
    transform: rotate(180deg);
}

#head_restaurante , #head_restaurante .content_local {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
}
#head_restaurante .content_local img.logo_mafia_local {
    width: 160px;
    margin-bottom: 20px;
}
 #head_restaurante .content_local p.titulo_local{
    font-family: var(--font-titulos);
    font-weight: 400;
    font-size: 90px;
    line-height: 90px;
    letter-spacing: 0;
    text-align: center;
    color:var(--color-beige);
    margin-bottom: 10px;
    max-width: 770px;
    text-transform: uppercase;
 }
 #head_restaurante .content_local  p.subtitulo_local{
    font-family: var(--font-textos);
    font-weight: 400;
    font-size: 20px;
    line-height: 20px;
    letter-spacing: 0;
    text-align: center;
    color:var(--color-beige);
    text-transform: uppercase;
 } 

 #anclas_local {
    background: var(--color-amarillo);
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#anclas_local .enlaces_ancla a {
    margin: 0 20px;
    color: var(--color-chocolate);
    text-decoration: none;
}
#info_local {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 137px 0;
}
#info_local .info_local_text {
    margin: 0 0 0 16%;
    width: 40%;
    padding: 0 5% 0 0;
}

#info_local .info_local_text h1 {
    font-family: var(--font-textos);
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0;
    text-transform: uppercase;
}
#info_local .info_local_text h1 {
    font-family: var(--font-textos);
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0;
    text-transform: uppercase;
}
#info_local .info_local_text h1 span.nom_local_h1 {
    display: block;
    font-family: Brunswick Grotesque;
    font-weight: 400;
    font-size: 45px;
    line-height: 50px;
    letter-spacing: 0;
    margin-top: 5px;
}
#info_local .info_local_text .mapa {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
#info_local .info_local_text .mapa .list_botones {width: 100%;}
#info_local .info_local_text .mapa .list_botones img {margin-right:10px}

#info_local .info_local_text .mapa .dir_google_maps {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
    margin-bottom: 10px;
}
#info_local .info_local_text .mapa .dir_google_maps .direccion {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    margin-right:40px;
}
#info_local .info_local_text .mapa .dir_google_maps .ver_google_maps {
    text-decoration: none;
    border-radius: 20px;
    border: 1px solid var(--color-chocolate);
    padding: 10px 20px;
    font-size: 14px;
    line-height: 14px;
}
#info_local .info_local_text .mapa .dir_google_maps .ver_google_maps:after{
    content: "";
    background: var(--color-chocolate);
    height: 14px;
    display: inline-block;
    width: 25px;
    -webkit-mask-image: url(/wp-content/uploads/2025/05/arrow-right-bold.svg);
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    margin-left: 10px;
    margin-bottom: -3px;
}
#info_local .info_local_text .mapa .telefono {
    margin-bottom: 20px;
    display: block;
    width: 100%;
    text-decoration: none;
}
#info_local .info_local_text .mapa .telefono:before {
    content: "";
    -webkit-mask-image: url(/wp-content/uploads/2025/05/icono-telefono.svg);
    width: 16px;
    height: 16px;
    display: inline-block;
    --webkit-mask-position: center;
    -webkit-mask-size: contain;
    --webkit-mask-repeat: no-repeat;
    background: var(--color-chocolate);
    margin-right: 8px;
    margin-bottom: -2px;
}
#info_local .info_local_text .mapa .horario {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    margin-left: 20px;
}
.info_local_text .mapa .horario:before {
    content: "";
    -webkit-mask-image: url(/wp-content/uploads/2025/05/icono-hora.svg);
    width: 16px;
    height: 16px;
    display: inline-block;
    --webkit-mask-position: center;
    -webkit-mask-size: contain;
    --webkit-mask-repeat: no-repeat;
    background: var(--color-chocolate);
    margin-left: -21px;
    margin-bottom: -2px;
    margin-right: 6px;
}
#info_local .enlaces_reservas.align-left,.restaurante .enlaces_reservas.align-left {
    justify-content: flex-start;
    margin: 36px 0;
}
#info_local .enlaces_reservas.align-left a.btn_ped_res.btn_pedir_online.pedir_online,
.restaurante .enlaces_reservas.align-left a.btn_ped_res.btn_pedir_online.pedir_online{
    margin: 5px 10px 5px 0;
}

#info_local .info_adicional {
    border-top: 1px solid var(--color-chocolate);
    padding-top: 15px;
}
#info_local .titulo_info_adicional_texto {
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0;
    text-transform: uppercase;
}
#info_local.info_adicional p.info_adicional_texto {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
}
#info_local .info_local_img {
    width: 40%;
    padding-right: 4%;
}
#info_local .info_local_img .img_add_local,
#textos-adicionales .zona-imagen-adicionales .img_add_local {width: 100%;}

#textos-adicionales {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    
    margin-bottom: 0;
}
#textos-adicionales .zona-imagen-adicionales {
    flex: 0 0 34%;
    width: 34%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom left;
    padding: 50% 0 0 0;
}
#textos-adicionales .zona-textos-adicionales {
    flex: 0 0 50%;
    margin-right: 16%;
    padding-left: 60px;
    padding-bottom: 30px;
}
.zona-textos-adicionales h2,.zona-textos-adicionales h3 {
    font-weight: 400;
    font-size: 35px;
    line-height: 40px;
    letter-spacing: 0;
    margin-left: -30px;
    font-family: var(--font-titulos);
    text-transform: uppercase;
}
.zona-textos-adicionales h2:nth-child(N+2), .zona-textos-adicionales h3:nth-child(N+2){
    margin-top: 100px;
}
.zona-textos-adicionales h2:after, .zona-textos-adicionales h3:after {
    content: "";
    width: 240px;
    height: 6px;
    display: block;
    background-image: url(/wp-content/uploads/2025/04/separador.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin: 50px 0px 50px 60px;
}
.zona-textos-adicionales p{
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
}
a.btn_ver_carta {
    background-color: var(--color-amarillo);
    color: var(--color-chocolate);
    text-decoration: none;
    padding: 15px 45px;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 0;
    border-radius: 50px;
    display: inline-block;
}
#zona-menus {
    margin-left: 34%;
    background: var(--color-amarillo);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 100px 50px;
}
#zona-menus h2.zona-menus-h2 {
    flex: 0 0 70%;
    font-weight: 400;
    font-size: 45px;
    line-height: 50px;
    letter-spacing: 0;
    text-transform: uppercase;
}
#zona-menus .zona-menus {
    flex: 0 0 90%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#zona-menus .zona-menus .text{
    margin: 0;
}
#zona-menus .zona-menus .ver_menus_btn {
    color: var(--color-beige);
    text-decoration: none;
    background: var(--color-chocolate);
    padding: 20px 30px;
    border-radius: 50px;
    line-height: 0;
    align-items: center;
    display: flex;
}
#zona-menus .zona-menus .ver_menus_btn:after{
    content: "";
    background: var(--color-beige);
    height: 14px;
    display: inline-block;
    width: 25px;
    -webkit-mask-image: url(/wp-content/uploads/2025/05/arrow-right-bold.svg);
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    margin-left: 10px;
    margin-bottom: -3px;
}

#reservar-mesa {
    text-align: center;
    margin-top: 140px;
}
#reservar-mesa .minititulo {
    margin: 0;
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0;
    text-align: center;
    text-transform: uppercase;
}
#reservar-mesa .titulo_reservar_mesa{
    font-family: var(--font-titulos);
    font-weight: 400;
    font-size: 90px;
    line-height: 90px;
    letter-spacing: 0;
    text-align: center;
    text-transform: uppercase;
    margin-top: 60px;
}
section#pedir-online {
    max-width: 1200px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
    margin-top: 130px;
    margin-bottom: 130px;
}
section#pedir-online .bloque-pedir-online {
    border-top: 1px solid var(--color-chocolate);
    padding: 40px 0px 0 0;
    flex: 0 0 45%;
}
section#pedir-online .bloque-recoger-pedido{
   border-top: 1px solid var(--color-chocolate);
    padding: 40px 0px 0 0;
    flex: 0 0 45%; 
}

#pedir-online .titulo {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 45px;
    line-height: 50px;
    letter-spacing: 0;
    font-family: var(--font-titulos);
}

#pedir-online .btn_pedir_online {
    text-decoration: none;
    color: var(--color-chocolate);
    border: 1px solid var(--color-chocolate);
    display: inline-block;
    padding: 5px 25px;
    border-radius: 50px;
    margin-bottom: 40px;
}
#pedir-online .btn_pedir {
    text-decoration: none;
    color: var(--color-chocolate);
    border: 1px solid var(--color-chocolate);
    display: inline-block;
    padding: 5px 15px;
    border-radius: 50px;
    margin-right: 20px;
    margin-bottom: 10px;
}
#pedir-online a.btn_pedir img {
    width: 80px;
    height: 20px;
    object-fit: contain;
}

#zona-fotos {
    background: var(--color-amarillo);
    text-align: center;
    padding: 130px 0;
}

#zona-fotos h2 {
    font-family: var(--font-titulos);
    font-weight: 400;
    font-size: 90px;
    line-height: 90px;
    letter-spacing: 0;
    max-width: 1200px;
    text-align: center;
    margin: 0 auto 40px;
    text-transform: uppercase;
}
.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box;
}
.swiper-slide {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block;
}
.swiper-button-prev {
    width: 40px;
    height: 40px;
    background-image: url(/wp-content/uploads/2025/05/flecha-carrusel.svg);
    position: absolute;
    top: 50%;
    left: 30px;
    z-index: 9;
    transform: rotate(180deg);
}
.swiper-button-next {
    width: 40px;
    height: 40px;
    background-image: url(/wp-content/uploads/2025/05/flecha-carrusel.svg);
    position: absolute;
    top: 50%;
    right: 30px;
    z-index: 9;
}

#zona-texto-adicional-inferior {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: 130px 0;
}
#zona-texto-adicional-inferior .texto-adicional {
    margin-left: 16%;
    flex: 0 0 40%;
    width: 40%;
    padding: 0 180px 0 0;
}
#zona-texto-adicional-inferior .texto-adicional h2 {
    font-weight: 400;
    font-size: 45px;
    line-height: 50px;
    letter-spacing: 0;
    margin-left: -80px;
    font-family: var(--font-titulos);
    text-transform: uppercase;
}
#zona-texto-adicional-inferior .texto-adicional h2:after {
    content: "";
    width: 240px;
    height: 6px;
    display: block;
    background-image: url(/wp-content/uploads/2025/04/separador.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin: 50px 0px 50px 60px;
}
#zona-texto-adicional-inferior .imagen-adicional {
    flex: 0 0 44%;
    width: 44%;
}
#zona-texto-adicional-inferior .imagen-adicional img {width: 90%;}

#zona_sellos {
    margin-top: 130px;
    margin-bottom: 130px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
#zona_sellos img {
    width: 170px;
    margin: 0 20px;
}
#zona_sellos .titulo_tickets_local {
    flex: 0 0 100%;
    text-align: center;
    text-transform: uppercase;
}
#zona_sellos .titulo_tickets_local:after {
    content: "";
    width: 240px;
    height: 6px;
    display: block;
    background-image: url(/wp-content/uploads/2025/04/separador.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin: 50px auto 50px;
}
/*-------------------------------- HEADER -------------------------------*/
#header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9;
}
#header .header-top {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding:20px 0;
}
#header .header-top .menu-icon-wrapper, 
#header #fullscreen-menu .menu-icon-wrapper {
    flex: 0 0 33%;
    width: 33%;
    padding-left: 40px;
}
#header .header-top .menu-icon-wrapper #hamburger-toggle,
#header #fullscreen-menu #close-menu {
    background: transparent;
}
#header .header-top .logo,
#header #fullscreen-menu .logo {
    flex: 0 0 33%;
    width: 33%;
    align-items: center;
    text-align: center;
}
#header .header-top .logo .logo-beige-mafia,
#header #fullscreen-menu .logo-beige-mafia {
    height: auto;
    max-width: 100%;
    height: 42px;
}
#header .header-top .menu-buttons,
#header #fullscreen-menu .menu-buttons{
    flex: 0 0 33%;
    width: 33%;
    text-align: right;
    align-items: center;
    align-content: center;
    padding-right: 40px;
}
#header .header-top .menu-buttons .header-btn{
    visibility: hidden;
}
#header .header-top .menu-buttons .header-btn,
#header #fullscreen-menu .menu-buttons .header-btn {
    padding: 0.5rem 1rem;
    border: 1px solid var(--color-beige);
    background: transparent;
    color: var(--color-beige);
    text-transform: uppercase;
    font-size: 0.9rem;
    border-radius: 20px;
    text-decoration: none;
    transition: all 0.3s ease;
    margin-left: 10px;
}

#header .header-top .menu-buttons .header-btn:hover,
#header #fullscreen-menu .menu-buttons .header-btn:hover {
  background: #44211d;
  color: var(--color-beige);
}

#fullscreen-menu {display: none;}

#fullscreen-menu .container-fullscreen {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#fullscreen-menu.open {
    display: block;
    position: fixed;
    width: 100%;
    background: var(--color-chocolate);
    top: 0;
    left: 0;
    padding: 20px 0px;
    height: 100vh;
}
#fullscreen-menu .menu-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex: 0 0 100%;
    width: 100%;
    max-width: 1400px;
    margin: 20px auto 0;
}
#fullscreen-menu .menu-inner .menu-left {
    flex: 0 0 60%;
    width: 60%;
    align-items: center;
    display: flex;
}
#fullscreen-menu .menu-inner .menu-right {
    flex: 0 0 40%;
    width: 40%;
    position: relative;
    text-align: right;
}
#fullscreen-menu .menu-inner .menu-right img.imagen_menu_open {
    padding-bottom: 40px;
    width: 80%;
}
#fullscreen-menu .menu-inner .menu-right img.icon_lonuestro {
   width: 160px;
    height: 160px;
    position: absolute;
    top: 40px;
    right: 70%;
}
#fullscreen-menu .menu-inner .main-menu{
    margin:0px;
}
#fullscreen-menu .menu-inner .main-menu li.menu-item{
    margin-bottom:20px;
}
#fullscreen-menu .menu-inner .main-menu li.menu-item a {
    color: var(--color-beige);
    text-decoration: none;
    font-family: var(--font-titulos);
    font-weight: 400;
    font-size: 32px;
    line-height: 50px;
    letter-spacing: 0;
    text-transform: uppercase;
}

#fullscreen-menu .menu-inner .languages {
    flex: 0 0 50%;
    width: 50%;
}
#fullscreen-menu .menu-inner .languages ul#listado_idiomas {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
#fullscreen-menu .menu-inner .languages ul#listado_idiomas li{
    list-style: none;
}
#fullscreen-menu .menu-inner .languages ul#listado_idiomas li.idioma a {
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0;
    text-align: center;
    color: var(--color-beige);
    padding: 10px 20px;
    border-radius: 50px;
    border: 1px solid var(--color-beige);
    margin: 0 10px 0 0;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.3s ease;
}
#fullscreen-menu .menu-inner .languages ul#listado_idiomas li.idioma a:hover,
#fullscreen-menu .menu-inner .languages ul#listado_idiomas li.idioma.idi_actual a{
    background-color: var(--color-beige);
    color: var(--color-chocolate);
}
#fullscreen-menu .menu-inner .socials {
    flex: 0 0 50%;
    width: 50%;
    text-align: right;
}
#fullscreen-menu .menu-inner .socials a{

}
#fullscreen-menu .menu-inner .socials .icon{
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    background-color: var(--color-beige);
    display: inline-block;
    margin-left: 10px;
}
#fullscreen-menu .menu-inner .socials .icon.facebook{
    -webkit-mask-image: url("/wp-content/themes/wanaframe/img/facebook.svg");
    mask-image: url("/wp-content/themes/wanaframe/img/facebook.svg");
    width: 25px;
    height: 25px;
}
#fullscreen-menu .menu-inner .socials .icon.linkedin{
    -webkit-mask-image: url("/wp-content/themes/wanaframe/img/linkedin.svg");
    mask-image: url("/wp-content/themes/wanaframe/img/linkedin.svg");
    width: 28px;
    height: 28px;
}
#fullscreen-menu .menu-inner .socials .icon.tripadvisor{
    -webkit-mask-image: url("/wp-content/themes/wanaframe/img/tripadvisor.svg");
    mask-image: url("/wp-content/themes/wanaframe/img/tripadvisor.svg");
    width: 30px;
    height: 28px;
}
#fullscreen-menu .menu-inner .socials .icon.tiktok{
    -webkit-mask-image: url("/wp-content/themes/wanaframe/img/tiktok.svg");
    mask-image: url("/wp-content/themes/wanaframe/img/tiktok.svg");
    width: 22px;
    height: 25px;
}
#fullscreen-menu .menu-inner .socials .icon.twitter{
    -webkit-mask-image: url("/wp-content/themes/wanaframe/img/twitter.svg");
    mask-image: url("/wp-content/themes/wanaframe/img/twitter.svg");
    width: 20px;
    height: 25px;
}
#fullscreen-menu .menu-inner .socials .icon.instagram{
    -webkit-mask-image: url("/wp-content/themes/wanaframe/img/instagram.svg");
    mask-image: url("/wp-content/themes/wanaframe/img/instagram.svg");
    width: 23px;
    height: 25px;
}
#fullscreen-menu .menu-inner .socials .icon.youtube{
    -webkit-mask-image: url("/wp-content/themes/wanaframe/img/youtube.svg");
    mask-image: url("/wp-content/themes/wanaframe/img/youtube.svg");
    width: 25px;
    height: 25px;
}

/*---------------------------------- BLOG ----------------------------------------*/
.buscador label input {
    width: 88%;
    border-bottom: 1px solid var(--color-chocolate);
}

.buscador button.search-submit {
    background: var(--color-amarillo);
    border-radius: 50px;
    padding: 15px 20px;
}
.buscador button.search-submit .gp-icon svg {
    fill: var(--color-chocolate);
}

.listado-post {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 0fr);
    grid-column-gap: 0;
    grid-row-gap: 0;
    max-width: 1110px;
}

.listado-post .info_post.row-1 {
    min-height: 400px;
    grid-area: 1 / 1 / span 3 / span 1;
    margin: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    flex-wrap: wrap;
    align-content: flex-end;
    padding: 40px;
    
    position: relative;
}
.info_post.row-1:before {
    content: "";
    background: linear-gradient(180deg, rgba(10, 18, 20, 0) 34.62%, rgba(10, 18, 20, 0.65) 81.73%);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
}
.listado-post .info_post.row-1 .cat_posts {
    width: 100%;
    flex: 0 0 100%;
    z-index: 2;
}
.listado-post .info_post.row-1 .cat_posts a{
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0;
    text-transform: uppercase;  
}

.listado-post .info_post.row-1 .enlace_titulo_post {
    flex: 0 0 70%;
    width: 70%;
    z-index: 2;
}
.listado-post .info_post.row-1 .icon_arrow {
    flex: 0 0 30%;
    width: 30%;
    text-align: right;
    z-index: 2;
}
.listado-post .info_post.row-1 .cat_posts a {
    color: var(--color-beige);
    line-height: 20px;
    letter-spacing: 0;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
}
.listado-post .info_post.row-1 .enlace_titulo_post a {
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0;
    color: var(--color-beige);
}
.listado-post .info_post.row-1 .cat_posts a:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    background-color: var(--color-beige);
    -webkit-mask-image: url(/wp-content/uploads/2025/05/Icono-asterisco.svg);
    margin-right: 10px;
}

.listado-post .info_post.row-2 {grid-area: 1 / 2 / span 1 / span 1;}
.listado-post .info_post.row-3 {grid-area: 2 / 2 / span 1 / span 1;}   
.listado-post .info_post.row-4 {grid-area: 3 / 2 / span 1 / span 1;}

.info_post.row-other {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 30px 0 30px 0px;
    border-top: 1px solid var(--color-chocolate);
    margin-left: 60px;
    margin-top: 0;
}
.info_post.row-other .cat_posts {
    flex: 0 0 70%;
    width: 70%;
}
.info_post.row-other .icon_arrow {
    flex: 0 0 30%;
    width: 30%;
    text-align: right;
}
.info_post.row-other .enlace_titulo_post {
    flex: 0 0 70%;
    width: 70%;
}

.listado-post .info_post.row-other .cat_posts a:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    background-color: var(--color-chocolate);
    -webkit-mask-image: url(/wp-content/uploads/2025/05/Icono-asterisco.svg);
    margin-right: 10px;
}
.listado-post .info_post.row-other .enlace_titulo_post a {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0;
}
.listado-post.invertir-listado .info_post.row-1{
    grid-area: 1 / 2 / span 3 / span 1;
    min-height: 400px;
}
.listado-post.invertir-listado .info_post.row-2 {grid-area: 1 / 1 / span 1 / span 1;}
.listado-post.invertir-listado .info_post.row-3 {grid-area: 2 / 1 / span 1 / span 1;}   
.listado-post.invertir-listado .info_post.row-4 {grid-area: 3 / 1 / span 1 / span 1;}

.listado-post.invertir-listado .info_post.row-other{
    margin-left: 0px;
    margin-right: 60px;
}

#mostrar_post_blog {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#mostrar_post_blog .post-blog-simple {
    flex: 0 0 30%;
    margin: 20px 0 0;
    border-top: 1px solid var(--color-chocolate);
    padding: 20px 20px 20px 0;
}
#mostrar_post_blog .post-blog-simple a.btn_cat_simple{
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0;
    text-transform: uppercase;  
}

#mostrar_post_blog .post-blog-simple a.btn_cat_simple:before{
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    background-color: var(--color-chocolate);
    -webkit-mask-image: url(/wp-content/uploads/2025/05/Icono-asterisco.svg);
    margin-right: 10px;
}

#mostrar_post_blog .post-blog-simple .titulo_post h3 {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0;
    margin: 0 0 10px 0;
}
#mostrar_post_blog .post-blog-simple .contenido_post {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
}

#mostrar_post_blog .post-blog-simple .readmore_post {
    display: inline-block;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0;
    text-align: center;
    border: 1px solid var(--color-chocolate);
    padding: 10px 30px;
    border-radius: 50px;
    margin-top: 20px;
}

#mostrar_post_blog .post-blog-simple .readmore_post:after {
    content: "";
    background: var(--color-chocolate);
    height: 14px;
    display: inline-block;
    width: 25px;
    -webkit-mask-image: url(/wp-content/uploads/2025/05/arrow-right-bold.svg);
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    margin-left: 10px;
    margin-bottom: -3px;
}
.pagination_blog {
    text-align: center;
    display: block;
    margin-bottom: 50px;
    margin-top: 50px;
}
 .pagination_blog .page-numbers.current {
    background: #462C291A;
    padding: 7px 17px;
    display: inline-block;
    border-radius: 50px;
}
.pagination_blog .page-numbers{
    padding: 7px 17px;
    display: inline-block;
    border-radius: 50px;
}
.pagination_blog a.next.page-numbers {
    background: url(/wp-content/uploads/2025/05/arrow-blog-chocolate.svg);
    display: inline-block;
    width: 30px;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: -8px;
}
.pagination_blog a.prev.page-numbers{
    background: url(/wp-content/uploads/2025/05/arrow-blog-chocolate.svg);
    display: inline-block;
    width: 30px;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: -8px;
    transform: rotate(180deg);
}
.listado-categorias {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0 2%;
    
}
.listado-categorias .categoria_info {
    flex: 0 0 20%;
    margin-bottom: 30px;
}
.listado-categorias .categoria_info p.name_categoria {
    font-family: MNKY Banana Grotesk;
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.listado-categorias .categoria_info p.name_categoria:before{
    content: "";
    background: var(--color-chocolate);
    height: 20px;
    display: inline-block;
    width: 20px;
    -webkit-mask-image: url(/wp-content/uploads/2025/05/Icono-asterisco.svg);
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    margin-right: 10px;
    margin-bottom: -3px; 
}
a.btn_categoria {
    border-radius: 50px;
    background: var(--color-chocolate);
    color: var(--color-beige);
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
}
a.btn_categoria:after{
   content: "";
    background: var(--color-beige);
    height: 14px;
    display: inline-block;
    width: 25px;
    -webkit-mask-image: url(/wp-content/uploads/2025/05/arrow-right-bold.svg);
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    margin-left: 10px;
    margin-bottom: -3px; 
}
/*------------------------------- CARTA ----------------------------------*/
.text-lineal {
    transform-origin: center;
    overflow: hidden;
    max-width: 99.5%;
}
.text-lineal .bloque-lineal {
    white-space: nowrap;
    display: inline-block;
    padding: 10px 0;
    font-size: 24px;
    will-change: transform;
}
.text-lineal .bloque-lineal .seccion{
    display: inline-block;
    position: relative;
    animation-name: goleft;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.text-lineal .bloque-lineal span {
    font-size: 50px;
    line-height: 50px;
    color: var(--color-amarillo);
    -webkit-text-stroke: 1px var(--color-chocolate);
    text-stroke: 1px var(--color-chocolate);
    font-family: var(--font-titulos);
}

.text-lineal .bloque-lineal span:after {
    content: "";
    display: inline-block;
    background-color: var(--color-chocolate);
    -webkit-mask-image: url(/wp-content/themes/wanaframe/img/circulo.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    width: 10px;
    height: 10px;
    margin: 15px 25px 15px 25px; 
}

/*-------------------------- Entradas -------------------------------*/

.head_single {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-top: 1px solid var(--color-chocolate);
    border-bottom: 1px solid var(--color-chocolate);
    padding: 60px;
    margin-top: 100px;
}
.head_single .col_info_head {
    flex: 0 0 50%;
    width: 50%;
    padding-right: 60px;
    min-height: 500px;
    position: relative;
}
.head_single .col_info_head .metadatos {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding-right: 60px;
}
.head_single .col_img_head{
    flex: 0 0 50%;
    width: 50%;
}
.head_single .col_info_head .titulo_h1 .title{
    font-family: var(--font-titulos);
    font-weight: 400;
    font-size: 45px;
    line-height: 50px;
    letter-spacing: 0%;
    text-transform: uppercase;
}
.head_single .col_info_head .titulo_h1 .title:after {
    content:"";
    background-image: url("/wp-content/uploads/2025/04/separador.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    width: 224px;
    height: 6px;
    margin:60px 0 60px;
}

.head_single .col_img_head img {
    width: 100%;
    height: 500px;
    object-fit: cover;
}
.content_single .contenido {
    max-width: 700px;
    margin: 0 35% 130px auto;
}
.info-plato p.info-titulo {
    position: absolute;
    bottom: 0px;
    left: 20px;
    color: var(--color-beige);
    text-align: left;
    max-width: 50%;
    z-index: 4;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0;
}
.info-plato:after{
    content: "";
    background: linear-gradient(180deg, rgba(10, 18, 20, 0) 34.62%, rgba(10, 18, 20, 0.65) 81.73%);
    width: 100%;
    display: block;
    position: absolute;
    height: 100%;
    bottom: 7px;
    left:0;
    z-index: 2;
}
/*--------------------- franquicias ----------------------*/
.formulario_franquicias {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.formulario_franquicias .col-50 {
    flex: 0 0 48%;
    width: 48%;
}
.formulario_franquicias .col-100 {
    flex: 0 0 100%;
    width: 100%;
}

input[type="text"], 
input[type="email"], 
input[type="url"], 
input[type="password"], 
input[type="search"], 
input[type="tel"], 
input[type="number"],  
select{
    width: 100%;
    border-bottom: 1px solid var(--color-chocolate);
    background-color: var(--color-beige);
    color: var(--color-chocolate);
    border-top: 0 solid;
    border-right: 0 solid;
    border-left: 0 solid;
}
.formulario_franquicias textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required {
    border: 2px solid var(--color-chocolate);
    height: 100px;
    background-color: var(--color-beige);
}
.formulario_franquicias input.wpcf7-form-control.wpcf7-submit.has-spinner{
    background-color: var(--color-amarillo);
    color: var(--color-chocolate);
    border-radius: 50px;
}
.formulario_franquicias input.wpcf7-submit:disabled{opacity: 0.5;}

.formulario_franquicias .envio { text-align: center; }
.formulario_franquicias input.wpcf7-submit.btnenviar {
    background-image: url(/wp-content/uploads/2025/06/arrow-right-chocolate.svg);
    background-repeat: no-repeat;
    background-position-x: 80%;
    background-position-y: center;
    background-size: 30px;
    padding: 10px 70px 10px 30px;
    margin-top: 20px;
}
i.masinfo {
    -webkit-mask-image: url(/wp-content/uploads/2025/06/avion-de-papel.svg);
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    width: 20px;
    display: inline-block;
    height: 20px;
    background: var(--color-beige);
    margin-left: 8px;
    margin-bottom: -6px;
}
@media (min-width:768px){
    .btn_masinfo_fixed{visibility: hidden;}
}
/**-------------- archivos generales --------------*/
body.archive.category header.page-header,
body.search header.page-header {
    background: var(--color-amarillo);
    text-align: center;
    padding: 100px 0 50px;
}
body.archive.category #mostrar_post_blog,
body.search #mostrar_post_blog{
    max-width: 1200px;
    margin: 80px auto;
}

body.archive.category nav#nav-below,
body.search nav#nav-below{
    text-align: center;
    background-color: var(--color-beige);
}
body.archive.category a,body.search a{
    text-decoration: none;
}
/* ---------------------- 404 --------------- */

body.error404 div#primary {
    background-color: var(--color-beige);
    min-height: 200px;
    padding: 60px 0;
    margin: 0 auto;
    max-width: 1200px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

body.error404 div#primary .inside-article {
    background-color: var(--color-beige);
}

body.error404 div#primary .inside-article span.error_404 {
    font-size: 220px;
    font-family: var(--font-textos);
    font-weight: bold;
    margin: 0;
}

a#ir-formulario {
    background-color: var(--color-amarillo);
    color: var(--color-chocolate);
    text-decoration: none;
    padding: 15px 45px;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 0;
    border-radius: 50px;
    margin: 20px 0px 0;
    cursor: pointer;
    display: inline-block;
}
a#ir-formulario:after {
    content: "";
    width: 28px;
    height: 15px;
    margin-bottom: -3px;
    margin-left: 10px;
    display: inline-block;
    -webkit-mask-image: url(/wp-content/uploads/2025/05/arrow-right-bold.svg);
    background: var(--color-chocolate);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
}
p.title_form {
    font-size: 22px;
    font-weight: 700;
    margin: 0px 0 10px 0;
}
/************* RESPONSIVE ********************/
@media (max-width:1400px) {
    #fullscreen-menu .menu-inner{
        max-width: 1100px;
    }
    #fullscreen-menu .menu-inner .menu-right img.imagen_menu_open{
        height: 360px;
        object-fit: cover;
    }
    #fullscreen-menu .menu-inner .main-menu li.menu-item a{
        font-size: 22px;
        line-height: 20px; 
    }
    .text-move-home{
        max-width: 99.3%;
    }
    #info_local .info_local_text{
        margin: 0 0 0 10%;
        width: 50%;
    }
    #zona-texto-adicional-inferior .texto-adicional {
        margin-left: 10%;
        flex: 0 0 50%;
        width: 50%;
        padding: 0 50px 0 0;
    }
    #zona-texto-adicional-inferior .imagen-adicional {
        flex: 0 0 40%;
        width: 40%;
    }

}

@media (max-width: 768px) {
    .movil_hidden{display: none;}
    #listado_restaurantes_archive .resultado_provincia:after{
        margin: 0px auto 60px;
    }
    body.archive.category #mostrar_post_blog .post-blog-simple,
    body.search #mostrar_post_blog .post-blog-simple{
        padding: 20px 10px 20px;
    }
    .buscador label input{ width: 80%; }
    .listado-categorias .categoria_info{
        flex: 0 0 50%;
        width: 50%;
    }
    #head_restaurante .content_local p.titulo_local{
        font-size: 45px;
        line-height: 50px;
    }
    .info-plato p.info-titulo{
        max-width: 100%;
        font-size: 18px;
    }
    .formulario_franquicias .col-50 {
        flex: 0 0 100%;
        width: 100%;
    }
    #header .header-top .logo .logo-beige-mafia,
    #header #fullscreen-menu .logo-beige-mafia {
        margin-left: 10px;
    }
    #fullscreen-menu .container-fullscreen{
        justify-content: flex-start;
    }
    #head_local{
        height: auto;
    }
    .text-move-home{
        top: 30px;
        max-width: 99%;
    }
    .text-move-home .go-left, .text-move-home .go-right{
        padding: 5px 0;
        font-size: 20px;
    }
    .text-move-home .go-left span, .text-move-home .go-right span {
        font-size: 20px;
        line-height: 20px;
    }
    .text-move-home .go-left span:after, .text-move-home .go-right span:after{
        width: 5px;
        height: 5px;
        margin: 5px 5px 5px 5px;
    }
  .menu-inner {
    flex-direction: column;
    align-items: flex-start;
  }
  .menu-right {margin-top: 2rem;}
  .main-menu li a {font-size: 1.5rem;}
  .hamburger {margin-left: 1rem;}

  .enlaces_reservas {
    flex-direction: column;
    text-align: center;
    }
    .enlaces_reservas a.btn_ped_res{
        margin: 5px 60px;
    }
    #mostrar_post_blog .post-blog-simple{
        flex: 0 0 100%;
        width: 100%;
    }
    i.arrow-club{
        width: 60px;
        height: 34px;
        margin-right: -60px;
        margin-left: -20px;
    }
    i.plus-club{
        width: 34px;
        height: 34px;
        margin-left: -34px;
    }
    span.tabulado{padding-left: 22px;}

    #header .header-top{
        justify-content: flex-start;
    }

    #header .header-top .menu-icon-wrapper, #header #fullscreen-menu .menu-icon-wrapper{
        flex: 0 0 25%;
        width: 25%;
        padding-left: 0px;
    }
    #header .header-top .logo, #header #fullscreen-menu .logo {
        flex: 0 0 50%;
        width: 50%;
    }
    #header .header-top .menu-buttons, #header #fullscreen-menu .menu-buttons {
        flex: 0 0 100%;
        width: 100%;
        padding: 0;
        text-align: center;
        margin-top: 20px;
        margin-bottom: 10px;
    }
    #header .header-top .menu-buttons a, #header #fullscreen-menu .menu-buttons a{
        display: inline-block;
        text-align: center;
    }
    #header .header-top .menu-icon-wrapper #hamburger-toggle, #header #fullscreen-menu #close-menu{
        padding: 0 20px;
    }
    #header .header-top .menu-buttons .header-btn, #header #fullscreen-menu .menu-buttons .header-btn{
        font-size: 12px;
    }
    #fullscreen-menu .menu-inner{
        width: 100%;
        max-width: 100%;
        align-items: flex-start;
        flex-wrap: nowrap;
    }
    #fullscreen-menu .menu-inner .menu-left {
        flex: 0 0 100%;
        width: 100%;
        align-items: flex-start;
        max-height: max-content;        
    }
    #fullscreen-menu .menu-inner .main-menu{
        margin: 0px 10px;
    }
    
    #fullscreen-menu .menu-inner .main-menu li.menu-item a{
        font-size: 20px;
        line-height: 25px;
    }
    #fullscreen-menu .menu-inner .menu-right{display: none;}
    #fullscreen-menu .menu-inner .menu-right{
        flex: 0 0 100%;
        width: 100%;  
    }
    #fullscreen-menu .menu-inner .languages {
        flex: 0 0 100%;
        width: 100%;
        max-height: max-content;
        margin: 0 10px;
    }
    #fullscreen-menu .menu-inner .socials {
        flex: 0 0 100%;
        width: 100%;
        text-align: left;
        max-height: max-content;
        margin: 20px 10px;
    }

    /**---------------------------------------- archive locales -------------------------------------**/
    .restaurante_datos span.aviso {
        color: var(--color-chocolate);
        background: var(--color-amarillo);
        padding: 0 20px;
        margin: 0px 0 10px;
        font-size: 21px;
        display: inline-block;
    }
    .title_benvenuto {
        margin-top: 170px;
        width: 260px;
    }
    #select_restaurante{
        margin: 60px 0 0px;
        padding: 50px 10px 60px;
        border-bottom: 1px solid var(--color-chocolate);
    }
    div#select_restaurante > img {
        display: none;
    }
    #listado_restaurantes_archive .resultado_provincia .titulo_provincia {
        font-size: 45px;
        line-height: 45px;
        margin-bottom: 40px;
    }
    #listado_restaurantes_archive .resultado_provincia .restaurante .restaurante_imagen{
        flex: 0 0 100%;
        width: 100%;
        min-height: 240px;
    }
    #listado_restaurantes_archive .resultado_provincia .restaurante {
        padding: 0 10px;
    }
    #listado_restaurantes_archive .resultado_provincia .restaurante .restaurante_datos{
        margin-top: 20px;
        flex: 0 0 100%;
        width: 100%;
    }
    #listado_restaurantes_archive .enlaces_reservas a.btn_ped_res {
        margin: 5px 10px 5px 0px;
    }

    /**---------------------------------------- locales -------------------------------------**/

    #info_local .enlaces_reservas.align-left a.btn_ped_res.btn_pedir_online.pedir_online,
    #info_local .enlaces_reservas.align-left a.btn_ped_res.btn_reservar_mesa{
        margin: 5px 20px 5px 10px;}
    #info_local .enlaces_reservas.align-left{margin: 0 0 36px;}
    #info_local{ padding: 60px 0; }
    #info_local .info_local_text {
        margin: 0 10px 0px;
        width: 100%;
        flex: 0 0 100%;
        padding: 0 0 0 0;
    }
    #info_local .info_local_img{display: none;}
    span.texto_lateral.ver_restaurante{
        right: -66px;
    }#zona-fotos{padding: 50px 0;}
    #zona-fotos h2{
        font-size: 45px;
        line-height: 45px;
        max-width: 100%;
    }
    #textos-adicionales .zona-imagen-adicionales {
        flex: 0 0 100%;
        width: 100%;
        padding: 70% 0 0 0;
    }
    .zona-textos-adicionales h2{
        font-size: 35px;
        line-height: 40px;
        margin-left: 0px;
    }
    #textos-adicionales .zona-textos-adicionales {
        flex: 0 0 100%;
        padding: 0 10px;
        margin: 20px 0 0 0;
    }
    .zona-textos-adicionales h2:after{margin: 20px 0px 20px 0px;}
    #zona-menus{
        margin-left: 0;
        padding: 60px 10px;
        margin-top: 20px;
    }
    #zona-menus h2.zona-menus-h2{
        font-size: 35px;
        line-height: 40px;
        flex: 0 0 100%;
        width: 100%;
    }
    #zona-menus .zona-menus .ver_menus_btn{margin-top: 20px;}

    #reservar-mesa{margin-top: 60px;}
    #reservar-mesa .titulo_reservar_mesa{
       font-size: 45px;
        line-height: 45px;
        margin-top: 30px; 
    }
    section#pedir-online{
        margin-top: 50px;
        margin-bottom: 50px;
    }
    section#pedir-online .bloque-pedir-online {
        border-top: 1px solid var(--color-chocolate);
        padding: 20px 10px;
        flex: 0 0 100%;
    }
    section#pedir-online .bloque-recoger-pedido{
        padding: 20px 10px;
        flex: 0 0 100%;
    }
    #zona-texto-adicional-inferior{
        margin: 50px 0;
        flex-direction: column-reverse;
    }
    #zona-texto-adicional-inferior .texto-adicional {
        margin-left: 0%;
        flex: 0 0 100%;
        width: 100%;
        padding: 0 10px 0;
    }
    #zona-texto-adicional-inferior .texto-adicional h2{
        font-size: 35px;
        line-height: 40px;
        margin-left: 0px;
    }
    #zona-texto-adicional-inferior .texto-adicional h2:after{margin: 20px 0px 20px 0px;}
    #zona-texto-adicional-inferior .imagen-adicional{
        flex: 0 0 100%;
        width: 100%;
    }
    #zona-texto-adicional-inferior .imagen-adicional img {
        width: 100%;
        height: 250px;
        object-fit: cover;
        padding: 0 0 0 10px;
    }
    #zona_sellos{
        margin: 50px 0;
    }
    #zona_sellos .titulo_tickets_local{
        font-size: 35px;
        line-height: 40px;
        max-width: 100vw;
    }
    #zona_sellos h2.titulo_tickets_local:after{
        margin: 20px auto 20px;
    }
    #zona_sellos img{    width: 100px;}
    .enlaces_ancla {
        text-align: center;
    }
    #anclas_local .enlaces_ancla a {
        margin: 0 10px;
    }
    .texto_lateral.ver_restaurante{
        right: -72px;
    }

    /* Blog */
    .listado-post .info_post.row-1{ grid-area: 1 / 1 / span 1 / span 2;  }
    .listado-post .info_post.row-2{ grid-area: 2 / 1 / span 1 / span 2;  }
    .listado-post .info_post.row-3{ grid-area: 3 / 1 / span 1 / span 2;  }
    .listado-post .info_post.row-4{ grid-area: 4 / 1 / span 1 / span 2;  }

    .listado-post .info_post.row-1, .listado-post.invertir-listado .info_post.row-1{padding: 20px;}
    .info_post.row-other, .listado-post.invertir-listado .info_post.row-other{
        padding: 20px 0 20px 0px;
        margin: 0px 10px;
    }

    .listado-post.invertir-listado .info_post.row-1{ grid-area: 1 / 1 / span 1 / span 2;  }
    .listado-post.invertir-listado .info_post.row-2{ grid-area: 2 / 1 / span 1 / span 2;  }
    .listado-post.invertir-listado .info_post.row-3{ grid-area: 3 / 1 / span 1 / span 2;  }
    .listado-post.invertir-listado .info_post.row-4{ grid-area: 4 / 1 / span 1 / span 2;  }

    .head_single{
        padding: 10px;
    }
    .head_single .col_info_head {
        flex: 0 0 100%;
        width: 100%;
        padding-right: 0px;
        min-height: auto;
        padding-bottom: 20px;
    }
    .head_single .col_img_head {
        flex: 0 0 100%;
        width: 100%;
    }
    .head_single .col_info_head .titulo_h1 .title{
        font-size: 30px;
        line-height: 35px;
    }
    .head_single .col_info_head .titulo_h1 .title:after{
        margin: 20px 0 20px;
    }
    .head_single .col_info_head .metadatos{position: initial;}
    .content_single .contenido {
        margin: 60px 10px 60px;
    }
}