/* © Fernando Martínez Marín · VEOVIRTUAL® · veovirtual.com */

/* Base */
:root {
--vv-ancho:1240px;
--vv-fondo:#ffffff;
--vv-texto:#222222;
--vv-acento:#555555;
--vv-oscuro:#111111;
--vv-claro:#ffffff;
--vv-foco:#1a73e8;
--vv-arriba-alto:80px;
--vv-barra-alto:0px;
--vv-cab-fondo:#ffffff;
--vv-cab-texto:#111111;
--vv-pie-fondo:#111111;
--vv-pie-texto:rgba(255,255,255,.7);
--vv-barra-fondo:rgba(17,17,17,.96);
--vv-radio:14px;
--vv-fuente-titulos:Georgia,serif;
--vv-fuente-textos:system-ui,-apple-system,"Segoe UI",sans-serif;
}
html {
scroll-padding-top:calc(var(--vv-arriba-alto) + 12px);
-webkit-text-size-adjust:100%;
}
body.vv {
margin:0;
background:var(--vv-fondo);
color:var(--vv-texto);
font-family:var(--vv-fuente-textos);
overflow-x:clip;
}
body.vv *,
body.vv *::before,
body.vv *::after {
box-sizing:border-box;
}
body .vv-contenido img,
body .vv-pie img {
max-width:100%;
height:auto;
}
body.vv :focus-visible {
outline:3px solid var(--vv-foco);
outline-offset:3px;
}
@media (prefers-reduced-motion:no-preference) {
html {
scroll-behavior:smooth;
}
}
body .vv-oculto {
position:absolute !important;
width:1px;
height:1px;
padding:0;
margin:-1px;
overflow:hidden;
clip:rect(0,0,0,0);
white-space:nowrap;
border:0;
}
body .vv-saltar {
position:fixed;
top:10px;
left:10px;
z-index:100000;
padding:12px 18px;
border:0;
border-radius:8px;
background:var(--vv-oscuro);
color:var(--vv-claro);
font:600 15px/1.2 var(--vv-fuente-textos);
text-decoration:none;
cursor:pointer;
transform:translateY(-200%);
}
body .vv-saltar:focus,
body .vv-saltar:focus-visible {
transform:none;
}
body .vv-saltar--acc {
left:auto;
right:10px;
}
body .vv-contenido {
display:block;
outline:none;
}
body .vv-contenido:focus {
outline:none;
}

/* Cabecera */
body .vv-arriba {
position:fixed;
top:0;
left:0;
right:0;
z-index:9000;
}
body.admin-bar .vv-arriba {
top:32px;
}
body .vv-arriba-espacio {
height:var(--vv-arriba-alto);
}
body .vv-cabecera {
background:var(--vv-cab-fondo);
color:var(--vv-cab-texto);
transition:box-shadow .3s ease,background-color .3s ease;
}
html.vv-scroll body .vv-cabecera {
box-shadow:0 6px 24px rgba(0,0,0,.08);
}
body .vv-cabecera__caja {
display:flex;
align-items:center;
justify-content:space-between;
gap:24px;
max-width:var(--vv-ancho);
margin:0 auto;
padding:14px 3%;
}
body .vv-cabecera__marca {
display:flex;
align-items:center;
flex-shrink:0;
color:inherit;
text-decoration:none;
}
body .vv-cabecera__logo {
display:block;
width:auto;
height:60px;
transition:height .3s ease;
}
html.vv-scroll body .vv-cabecera__logo {
height:50px;
}
body .vv-cabecera__logo--texto {
font:600 1.4rem/1 var(--vv-fuente-titulos);
}
body .vv-nav__lista {
display:flex;
align-items:center;
gap:6px;
margin:0;
padding:0;
list-style:none;
}
body .vv-nav__item {
margin:0;
}
body .vv-nav__enlace {
display:inline-flex;
align-items:center;
gap:7px;
min-height:44px;
padding:8px 12px;
color:inherit;
text-decoration:none;
}
body .vv-nav__ico {
display:inline-flex;
}
body .vv-nav__ico svg,
body .vv-menu-movil__ico svg,
body .vv-barra__ico svg {
display:block;
width:18px;
height:18px;
}
body .vv-cabecera__menu {
display:none;
align-items:center;
gap:10px;
min-height:44px;
padding:8px 18px;
border:1px solid currentColor;
border-radius:999px;
background:transparent;
color:inherit;
font:600 14px/1 var(--vv-fuente-textos);
cursor:pointer;
}
body .vv-cabecera__hamb {
position:relative;
display:block;
width:22px;
height:14px;
}
body .vv-cabecera__hamb::before,
body .vv-cabecera__hamb::after,
body .vv-cabecera__hamb span {
content:"";
position:absolute;
left:0;
right:0;
height:2px;
border-radius:2px;
background:currentColor;
}
body .vv-cabecera__hamb::before {
top:0;
}
body .vv-cabecera__hamb span {
top:6px;
}
body .vv-cabecera__hamb::after {
bottom:0;
}
@media only screen and (max-width:1100px) {
body .vv-nav {
display:none;
}
body .vv-cabecera__menu {
display:inline-flex;
}
}
@media only screen and (max-width:767px) {
body.admin-bar .vv-arriba {
top:0;
}
body .vv-cabecera__caja {
padding:10px 5%;
}
body .vv-cabecera__logo,
html.vv-scroll body .vv-cabecera__logo {
height:44px;
}
body .vv-cabecera__menu {
padding:0;
width:48px;
height:48px;
justify-content:center;
border:0;
}
body .vv-cabecera__menu-txt {
position:absolute;
width:1px;
height:1px;
overflow:hidden;
clip:rect(0,0,0,0);
}
}

/* Menú móvil */
body .vv-menu-movil {
position:fixed;
inset:0;
z-index:10050;
}
body .vv-menu-movil[hidden] {
display:none;
}
body .vv-menu-movil__fondo {
position:absolute;
inset:0;
background:rgba(0,0,0,.55);
opacity:0;
transition:opacity .3s ease;
}
body .vv-menu-movil__panel {
position:absolute;
top:0;
right:0;
bottom:0;
display:flex;
flex-direction:column;
width:min(88vw,400px);
overflow-y:auto;
overscroll-behavior:contain;
background:var(--vv-oscuro);
color:var(--vv-claro);
transform:translateX(100%);
transition:transform .35s cubic-bezier(.32,.72,.35,1);
}
body .vv-menu-movil.is-abierto .vv-menu-movil__fondo {
opacity:1;
}
body .vv-menu-movil.is-abierto .vv-menu-movil__panel {
transform:none;
}
body .vv-menu-movil__cab {
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
padding:22px 24px;
}
body .vv-menu-movil__logo {
display:block;
width:auto;
height:52px;
}
body .vv-menu-movil__cerrar {
display:flex;
align-items:center;
justify-content:center;
width:44px;
height:44px;
padding:0;
border:1px solid rgba(255,255,255,.25);
border-radius:50%;
background:transparent;
color:inherit;
font-size:26px;
line-height:1;
cursor:pointer;
}
body .vv-menu-movil__lista {
margin:0;
padding:8px 24px;
list-style:none;
}
body .vv-menu-movil__enlace {
display:flex;
align-items:center;
gap:14px;
min-height:52px;
padding:12px 0;
border-bottom:1px solid rgba(255,255,255,.1);
color:inherit;
text-decoration:none;
}
body .vv-menu-movil__pie {
margin-top:auto;
padding:24px;
}
html.vv-menu-abierto,
html.vv-menu-abierto body {
overflow:hidden;
}

/* Barra inferior */
body .vv-barra {
position:fixed;
left:0;
right:0;
bottom:0;
z-index:8900;
padding-bottom:env(safe-area-inset-bottom);
background:var(--vv-barra-fondo);
color:var(--vv-claro);
}
body .vv-barra__caja {
display:flex;
align-items:center;
max-width:var(--vv-ancho);
margin:0 auto;
padding:8px 3%;
}
body .vv-barra__grupo {
display:flex;
align-items:center;
gap:12px;
flex:1 1 auto;
min-width:0;
}
body .vv-barra__grupo:last-child {
justify-content:flex-end;
}
body .vv-barra__botones {
display:flex;
align-items:center;
gap:8px;
}
body .vv-barra__btn {
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
min-height:40px;
padding:8px 14px;
border-radius:999px;
color:inherit;
text-decoration:none;
white-space:nowrap;
}
body .vv-barra__etiqueta-movil {
display:none;
}
body .vv-barra__separador {
flex:0 0 1px;
align-self:stretch;
margin:4px 20px;
background:rgba(255,255,255,.2);
}
@media only screen and (max-width:767px) {
body .vv-barra__caja {
padding:6px 3%;
}
body .vv-barra__etiqueta {
display:none;
}
body .vv-barra__etiqueta-movil {
display:block;
}
body .vv-barra__txt {
position:absolute;
width:1px;
height:1px;
overflow:hidden;
clip:rect(0,0,0,0);
white-space:nowrap;
}
body .vv-barra__btn {
width:44px;
height:44px;
min-height:44px;
padding:0;
}
body .vv-barra__separador {
margin:4px 8px;
}
body .vv-barra__grupo {
gap:6px;
}
body .vv-barra__botones {
gap:4px;
}
}

/* Pie */
body .vv-pie {
padding-bottom:var(--vv-barra-alto);
background:var(--vv-pie-fondo);
color:var(--vv-pie-texto);
}
body .vv-pie__caja {
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:48px;
max-width:var(--vv-ancho);
margin:0 auto;
padding:72px 3% 56px;
}
body .vv-pie a {
color:inherit;
}
body .vv-pie__legal-caja {
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:space-between;
gap:10px 24px;
max-width:var(--vv-ancho);
margin:0 auto;
padding:20px 3%;
}
body .vv-pie__legales {
display:flex;
flex-wrap:wrap;
gap:6px 18px;
margin:0;
padding:0;
list-style:none;
}
body .vv-pie__boton {
padding:0;
border:0;
background:none;
color:inherit;
font:inherit;
text-decoration:underline;
text-underline-offset:3px;
cursor:pointer;
}
body .vv-pie__copy,
body .vv-pie__credito {
margin:0;
}
@media only screen and (max-width:959px) {
body .vv-pie__caja {
grid-template-columns:1fr;
gap:40px;
padding:56px 6% 40px;
text-align:center;
}
body .vv-pie__legal-caja {
flex-direction:column;
text-align:center;
}
body .vv-pie__legales {
justify-content:center;
}
}

/* Mapa */
body .vv-mapa {
position:relative;
width:100%;
height:var(--vv-mapa-alto,460px);
overflow:hidden;
border-radius:var(--vv-radio);
background:#e9e6e1;
}
body .vv-mapa iframe {
display:block;
width:100%;
height:100%;
border:0;
}
body .vv-mapa iframe[data-vv-src] {
visibility:hidden;
}
body .vv-mapa__aviso {
position:absolute;
inset:0;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:6px;
padding:24px;
text-align:center;
}
body .vv-mapa.is-cargado .vv-mapa__aviso {
display:none;
}
body .vv-mapa__botones {
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:center;
gap:10px 18px;
}
body .vv-mapa__btn {
min-height:44px;
padding:10px 22px;
border:0;
border-radius:999px;
background:var(--vv-oscuro);
color:var(--vv-claro);
font:600 14px/1.2 var(--vv-fuente-textos);
cursor:pointer;
}

/* Cookies */
body .vv-cookies {
position:fixed;
left:0;
right:0;
bottom:var(--vv-barra-alto);
z-index:9500;
padding:18px 3%;
background:#ffffff;
color:#222222;
box-shadow:0 -10px 40px rgba(0,0,0,.18);
visibility:hidden;
transform:translateY(calc(100% + var(--vv-barra-alto, 0px) + 40px));
transition:transform .35s ease,visibility 0s linear .35s;
}
body .vv-cookies.is-visible {
visibility:visible;
transform:none;
transition:transform .35s ease,visibility 0s linear 0s;
}
body .vv-cookies__caja {
display:flex;
flex-wrap:wrap;
align-items:center;
gap:14px 28px;
max-width:var(--vv-ancho);
margin:0 auto;
}
body .vv-cookies__texto {
flex:1 1 420px;
margin:0;
font-size:14px;
line-height:1.55;
}
body .vv-cookies__titulo {
display:block;
margin-bottom:2px;
font-size:15px;
font-weight:700;
}
body .vv-cookies__botones {
display:flex;
flex-wrap:wrap;
gap:10px;
}
body .vv-cookies__btn {
min-width:150px;
min-height:44px;
padding:10px 20px;
border:2px solid var(--vv-oscuro);
border-radius:999px;
background:var(--vv-oscuro);
color:var(--vv-claro);
font:700 14px/1.2 var(--vv-fuente-textos);
cursor:pointer;
}
body .vv-dialogo {
position:fixed;
inset:0;
z-index:10100;
display:flex;
align-items:center;
justify-content:center;
padding:16px;
}
body .vv-dialogo[hidden] {
display:none;
}
body .vv-dialogo__fondo {
position:absolute;
inset:0;
background:rgba(0,0,0,.55);
}
body .vv-dialogo__caja {
position:relative;
width:min(620px,100%);
max-height:calc(100dvh - 32px);
overflow-y:auto;
padding:28px;
border-radius:var(--vv-radio);
background:#ffffff;
color:#222222;
}
body .vv-dialogo__titulo {
margin:0 0 8px;
font-size:22px;
}
body .vv-dialogo__cerrar {
position:absolute;
top:14px;
right:14px;
width:44px;
height:44px;
border:0;
border-radius:50%;
background:#f1f1f1;
font-size:24px;
cursor:pointer;
}
body .vv-cat {
padding:14px 0;
border-top:1px solid #e6e6e6;
}
body .vv-cat__cab {
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
}
body .vv-cat__nombre {
font-weight:700;
}
body .vv-cat__texto {
margin:6px 0 0;
font-size:14px;
line-height:1.5;
}
body .vv-interruptor {
position:relative;
flex-shrink:0;
width:52px;
height:30px;
}
body .vv-interruptor input {
position:absolute;
inset:0;
width:100%;
height:100%;
margin:0;
opacity:0;
cursor:pointer;
}
body .vv-interruptor span {
position:absolute;
inset:0;
border-radius:30px;
background:#bdbdbd;
transition:background-color .2s ease;
pointer-events:none;
}
body .vv-interruptor span::after {
content:"";
position:absolute;
top:3px;
left:3px;
width:24px;
height:24px;
border-radius:50%;
background:#ffffff;
transition:transform .2s ease;
}
body .vv-interruptor input:checked + span {
background:var(--vv-oscuro);
}
body .vv-interruptor input:checked + span::after {
transform:translateX(22px);
}
body .vv-interruptor input:disabled + span {
opacity:.6;
}
body .vv-interruptor input:focus-visible + span {
outline:3px solid var(--vv-foco);
outline-offset:3px;
}
body .vv-dialogo__botones {
display:flex;
flex-wrap:wrap;
gap:10px;
margin-top:18px;
}
body .vv-cookies-lista__tabla {
overflow-x:auto;
}
body .vv-cookies-lista table {
width:100%;
border-collapse:collapse;
font-size:14px;
}
body .vv-cookies-lista th,
body .vv-cookies-lista td {
padding:8px 10px;
border-bottom:1px solid rgba(0,0,0,.12);
text-align:left;
vertical-align:top;
}
@media only screen and (max-width:767px) {
body .vv-cookies__btn {
flex:1 1 100%;
}
body .vv-cookies-lista thead {
display:none;
}
body .vv-cookies-lista tr,
body .vv-cookies-lista td {
display:block;
}
body .vv-cookies-lista tr {
padding:8px 0;
border-bottom:1px solid rgba(0,0,0,.12);
}
body .vv-cookies-lista td {
border:0;
padding:3px 0;
}
body .vv-cookies-lista td::before {
content:attr(data-l) ": ";
font-weight:700;
}
}

/* 404 y título de página */
body .vv-404 {
padding:120px 6%;
text-align:center;
}
body .vv-404__caja {
max-width:640px;
margin:0 auto;
}
body .vv-titulo-pagina {
max-width:var(--vv-ancho);
margin:0 auto;
padding:56px 3% 8px;
}

/* © Fernando Martínez Marín · VEOVIRTUAL® · veovirtual.com */

/* Tipografía, iconos y botones */
:root {
--fuente-titulos:"Cormorant Garamond",serif;
--fuente-textos:"Manrope",sans-serif;
--texto-xs:.78rem;
--texto-s:.92rem;
--texto-m:1rem;
--texto-l:1.12rem;
--texto-xl:1.25rem;
--titulo-h1:clamp(3rem,6vw,5.8rem);
--titulo-h2:clamp(2.2rem,4vw,4rem);
--titulo-h3:clamp(1.7rem,2vw,2.5rem);
--titulo-h4:clamp(1.25rem,1.6vw,1.7rem);
--titulo-h5:1.05rem;
--titulo-h6:.9rem;
--linea-texto:1.7;
--linea-titulo:.95;
--espacio-titulo:-.035em;
--espacio-subtitulo:.14em;
--espacio-texto:0;
}
body {
font-family:var(--fuente-textos);
font-size:var(--texto-m);
font-weight:400;
line-height:var(--linea-texto);
letter-spacing:var(--espacio-texto);
color:var(--color-texto);
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
text-rendering:optimizeLegibility;
}
body p {
font-family:var(--fuente-textos);
font-size:var(--texto-m);
font-weight:400;
line-height:var(--linea-texto);
letter-spacing:var(--espacio-texto);
margin-bottom:1.4em;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
font-family:var(--fuente-titulos);
font-weight:600;
line-height:var(--linea-titulo);
letter-spacing:var(--espacio-titulo);
color:var(--color-texto);
margin-bottom:.35em;
text-wrap:balance;
}
body h1 {
font-size:var(--titulo-h1);
}
body h2 {
font-size:var(--titulo-h2);
}
body h3 {
font-size:var(--titulo-h3);
}
body h4 {
font-size:var(--titulo-h4);
}
body h5 {
font-size:var(--titulo-h5);
letter-spacing:.04em;
}
body h6 {
font-size:var(--titulo-h6);
letter-spacing:.08em;
text-transform:uppercase;
}
body strong {
font-weight:700;
}
body small {
font-size:var(--texto-s);
}
body .subtitulo {
display:block;
font-family:var(--fuente-textos);
font-size:.78rem;
font-weight:700;
line-height:1.2;
letter-spacing:var(--espacio-subtitulo);
text-transform:uppercase;
color:var(--color-dorado);
margin-bottom:18px;
}
body .texto-grande {
font-size:var(--texto-l);
}
body .texto-pequeno {
font-size:var(--texto-s);
}
body blockquote {
font-family:var(--fuente-titulos);
font-size:clamp(1.5rem,2vw,2.4rem);
line-height:1.15;
letter-spacing:-.02em;
border:none;
padding:0;
margin:0;
color:var(--color-texto);
}
@media only screen and (max-width:767px) {
:root {
--texto-m:.98rem;
--texto-l:1.05rem;
--titulo-h1:clamp(2.5rem,11vw,4rem);
--titulo-h2:clamp(2rem,8vw,3rem);
--titulo-h3:clamp(1.5rem,6vw,2.2rem);
}
body h1,
body h2,
body h3 {
text-wrap:pretty;
}
}
:root {
--icono-cocina-mediterranea:url('https://recursos.veovirtual.net/c/elzaguan/iconos/icono-cocina-mediterranea.svg');
--icono-comedor:url('https://recursos.veovirtual.net/c/elzaguan/iconos/icono-comedor.svg');
--icono-carta:url('https://recursos.veovirtual.net/c/elzaguan/iconos/icono-carta.svg');
--icono-menu:url('https://recursos.veovirtual.net/c/elzaguan/iconos/icono-menu.svg');
--icono-reservas:url('https://recursos.veovirtual.net/c/elzaguan/iconos/icono-reservas.svg');
--icono-celebraciones:url('https://recursos.veovirtual.net/c/elzaguan/iconos/icono-celebraciones.svg');
--icono-horario:url('https://recursos.veovirtual.net/c/elzaguan/iconos/icono-horario.svg');
--icono-telefono:url('https://recursos.veovirtual.net/c/elzaguan/iconos/icono-telefono.svg');
--icono-ubicacion:url('https://recursos.veovirtual.net/c/elzaguan/iconos/icono-ubicacion.svg');
--icono-email:url('https://recursos.veovirtual.net/c/elzaguan/iconos/icono-email.svg');
--icono-vino:url('https://recursos.veovirtual.net/c/elzaguan/iconos/icono-vino.svg');
--icono-producto-temporada:url('https://recursos.veovirtual.net/c/elzaguan/iconos/icono-producto-temporada.svg');
}
.icono-zaguan::before {
content:"";
display:inline-block;
width:1.3em;
height:1.3em;
margin-right:.65em;
background-color:currentColor;
-webkit-mask:center center / contain no-repeat;
mask:center center / contain no-repeat;
vertical-align:-0.2em;
}
.icono-cocina-mediterranea::before {
-webkit-mask-image:var(--icono-cocina-mediterranea);
mask-image:var(--icono-cocina-mediterranea);
}
.icono-comedor::before {
-webkit-mask-image:var(--icono-comedor);
mask-image:var(--icono-comedor);
}
.icono-carta::before {
-webkit-mask-image:var(--icono-carta);
mask-image:var(--icono-carta);
}
.icono-menu::before {
-webkit-mask-image:var(--icono-menu);
mask-image:var(--icono-menu);
}
.icono-reservas::before {
-webkit-mask-image:var(--icono-reservas);
mask-image:var(--icono-reservas);
}
.icono-celebraciones::before {
-webkit-mask-image:var(--icono-celebraciones);
mask-image:var(--icono-celebraciones);
}
.icono-horario::before {
-webkit-mask-image:var(--icono-horario);
mask-image:var(--icono-horario);
}
.icono-telefono::before {
-webkit-mask-image:var(--icono-telefono);
mask-image:var(--icono-telefono);
}
.icono-ubicacion::before {
-webkit-mask-image:var(--icono-ubicacion);
mask-image:var(--icono-ubicacion);
}
.icono-email::before {
-webkit-mask-image:var(--icono-email);
mask-image:var(--icono-email);
}
.icono-vino::before {
-webkit-mask-image:var(--icono-vino);
mask-image:var(--icono-vino);
}
.icono-producto-temporada::before {
-webkit-mask-image:var(--icono-producto-temporada);
mask-image:var(--icono-producto-temporada);
}
:root {
--color-fondo:#f5f1ea;
--color-fondo-suave:#ebe2d6;
--color-texto:#2b241f;
--color-texto-suave:#6d5946;
--color-dorado:#c8a97e;
--color-oscuro:#111111;
--color-blanco:#ffffff;
--fuente-titulos:"Cormorant Garamond",serif;
--fuente-textos:"Manrope",Arial,sans-serif;
--ancho-caja:1240px;
--radio:18px;
--sombra:0 24px 60px rgba(17,17,17,.12);
}
html {
scroll-behavior:smooth;
}
body {
background:var(--color-fondo);
color:var(--color-texto);
}
a {
transition:all .45s cubic-bezier(.22,.61,.36,1);
}
img {
max-width:100%;
height:auto;
}
.wp-block-group {
margin:0 auto;
}
.alignleft,
.alignright,
.aligncenter {
margin-top:0;
}
.caja > div {
max-width:var(--ancho-caja);
margin:0 auto;
box-sizing:border-box;
}
.caja-ancha > div {
max-width:1480px;
margin:0 auto;
box-sizing:border-box;
}
.caja-estrecha > div {
max-width:980px;
margin:0 auto;
box-sizing:border-box;
}
.caja-completa > div {
max-width:inherit;
margin:0 auto;
box-sizing:border-box;
}
.caja-reverso > div {
justify-content:flex-end;
}
a.boton-zaguan {
display:inline-flex;
align-items:center;
justify-content:center;
gap:10px;
padding:13px 24px;
border-radius:999px;
background:var(--color-dorado);
color:var(--color-oscuro) !important;
font-family:var(--fuente-textos);
font-size:14px;
font-weight:700;
line-height:1;
letter-spacing:.04em;
text-transform:uppercase;
text-decoration:none !important;
border:1px solid var(--color-dorado);
box-shadow:none;
cursor:pointer;
}
a.boton-zaguan:hover {
background:var(--color-oscuro);
color:var(--color-blanco) !important;
border-color:var(--color-oscuro);
}
a.boton-zaguan-secundario {
display:inline-flex;
align-items:center;
justify-content:center;
gap:10px;
padding:13px 24px;
border-radius:999px;
background:transparent;
color:var(--color-texto) !important;
font-family:var(--fuente-textos);
font-size:14px;
font-weight:700;
line-height:1;
letter-spacing:.04em;
text-transform:uppercase;
text-decoration:none !important;
border:1px solid rgba(43,36,31,.25);
cursor:pointer;
}
a.boton-zaguan-secundario:hover {
background:var(--color-texto);
color:var(--color-blanco) !important;
border-color:var(--color-texto);
}
.oculto {
display:none !important;
}
.texto-centro {
text-align:center;
}
.texto-derecha {
text-align:right;
}
.sin-margen {
margin:0 !important;
}
.sin-padding {
padding:0 !important;
}
@media only screen and (min-width:1240px) {
.caja > div {
padding:3%;
}
.caja-ancha > div {
padding:3%;
}
.caja-estrecha > div {
padding:3%;
}
}
@media only screen and (min-width:960px) and (max-width:1239px) {
.caja > div {
padding:4%;
}
.caja-ancha > div {
padding:4%;
}
.caja-estrecha > div {
padding:4%;
}
}
@media only screen and (min-width:768px) and (max-width:959px) {
.caja > div {
padding:5%;
}
.caja-ancha > div {
padding:5%;
}
.caja-estrecha > div {
padding:5%;
}
}
@media only screen and (min-width:768px) {
.movil {
display:none !important;
}
}
@media only screen and (max-width:767px) {
.caja > div {
padding:7% 5%;
}
.caja-ancha > div {
padding:7% 5%;
}
.caja-estrecha > div {
padding:7% 5%;
}
.pc-tablet {
display:none !important;
}
.caja-reverso > div {
justify-content:initial;
}
.boton-zaguan,
.boton-zaguan-secundario {
width:100%;
box-sizing:border-box;
}
}

/* Avisos, estado, legales y ventanas */
body .zc-avisos {
position:relative;
z-index:9990;
background-color:transparent;
color:#ffffff;
font-size:14px;
line-height:1.4;
text-align:center;
}
body .zc-avisos-cuerpo {
display:flex;
align-items:center;
justify-content:center;
min-height:40px;
padding:8px 48px;
overflow:hidden;
background-color:#b08a5a;
transition:max-height .45s cubic-bezier(.32,.72,.35,1),min-height .45s cubic-bezier(.32,.72,.35,1),padding .45s cubic-bezier(.32,.72,.35,1),opacity .3s ease;
}
body .zc-avisos.is-plegada .zc-avisos-cuerpo {
min-height:0;
padding-top:0;
padding-bottom:0;
opacity:0;
}
body .zc-avisos[hidden] {
display:none;
}
body .zc-avisos[data-estilo="oscuro"] .zc-avisos-cuerpo {
background-color:#1a1512;
color:#f3ebe0;
}
body .zc-avisos[data-estilo="rojo"] .zc-avisos-cuerpo {
background-color:#8f2d24;
color:#ffffff;
}
body .zc-avisos[data-estilo="verde"] .zc-avisos-cuerpo {
background-color:#3f5b3a;
color:#ffffff;
}
body .zc-avisos-pista {
display:grid;
width:100%;
max-width:1240px;
}
body .zc-aviso {
grid-area:1 / 1;
opacity:0;
visibility:hidden;
transition:opacity .6s ease,visibility .6s ease;
}
body .zc-aviso.is-activo {
opacity:1;
visibility:visible;
}
body .zc-aviso-texto {
font-weight:500;
letter-spacing:.01em;
}
body .zc-aviso-enlace {
margin-left:6px;
color:inherit;
font-weight:700;
text-decoration:underline;
text-underline-offset:3px;
}
body .zc-aviso-enlace:hover {
color:inherit;
opacity:.8;
}
body .zc-avisos-cerrar {
position:absolute;
top:5px;
right:12px;
z-index:2;
display:flex;
align-items:center;
justify-content:center;
width:30px;
height:30px;
padding:0;
border:0;
border-radius:50%;
background-color:rgba(255,255,255,.18);
color:#ffffff;
cursor:pointer;
transition:background-color .25s ease,box-shadow .25s ease,transform .45s cubic-bezier(.32,.72,.35,1);
}
body .zc-avisos-cerrar:hover {
background-color:rgba(255,255,255,.34);
}
body .zc-avisos-cerrar svg {
width:17px;
height:17px;
display:block;
}
body .zc-avisos-cerrar .zc-av-abajo {
display:none;
}
body .zc-avisos.is-plegada .zc-avisos-cerrar {
background-color:#b08a5a;
box-shadow:0 5px 16px rgba(20,14,8,.3);
}
body .zc-avisos.is-plegada[data-estilo="oscuro"] .zc-avisos-cerrar {
background-color:#1a1512;
}
body .zc-avisos.is-plegada[data-estilo="rojo"] .zc-avisos-cerrar {
background-color:#8f2d24;
}
body .zc-avisos.is-plegada[data-estilo="verde"] .zc-avisos-cerrar {
background-color:#3f5b3a;
}
body .zc-avisos.is-plegada .zc-avisos-cerrar:hover {
background-color:#96744a;
}
body .zc-avisos.is-plegada .zc-avisos-cerrar .zc-av-x {
display:none;
}
body .zc-avisos.is-plegada .zc-avisos-cerrar .zc-av-abajo {
display:block;
}
body .zc-estado {
display:inline-flex;
align-items:center;
gap:8px;
font-size:13px;
line-height:1.3;
white-space:nowrap;
}
body .zc-estado-punto {
flex-shrink:0;
width:9px;
height:9px;
border-radius:50%;
background-color:#9a9a9a;
}
body .zc-estado-texto span {
opacity:.75;
}
body .zc-estado--abierto .zc-estado-punto {
background-color:#4caf6a;
box-shadow:0 0 0 4px rgba(76,175,106,.2);
}
body .zc-estado--cierra-pronto .zc-estado-punto,
body .zc-estado--abre-pronto .zc-estado-punto {
background-color:#e0a23b;
box-shadow:0 0 0 4px rgba(224,162,59,.2);
}
body .zc-estado--cerrado .zc-estado-punto,
body .zc-estado--vacaciones .zc-estado-punto {
background-color:#c8553d;
box-shadow:0 0 0 4px rgba(200,85,61,.2);
}
body .zc-estado--barra {
margin-right:14px;
color:#f3ebe0;
}
body .zag-legal {
max-width:1240px;
margin:0 auto;
padding:80px 20px 100px;
}
body .zag-legal > .wp-block-group__inner-container {
display:grid;
grid-template-columns:280px minmax(0,1fr);
gap:64px;
align-items:start;
}
body .zag-legal-menu {
position:sticky;
top:120px;
padding:28px;
border:1px solid #ece4d8;
border-radius:18px;
background-color:#faf6f0;
}
body .zag-legal-menu-titulo {
margin:0 0 14px;
color:#b08a5a;
font-size:12px;
font-weight:600;
letter-spacing:.18em;
text-transform:uppercase;
}
body .zag-legal-menu ul {
margin:0;
padding:0;
list-style:none;
}
body .zag-legal-menu li {
margin:0;
padding:0;
list-style:none;
}
body .zag-legal-menu li a {
display:block;
padding:11px 14px;
border-left:2px solid transparent;
border-radius:0 10px 10px 0;
color:#3a3129;
font-size:15px;
text-decoration:none;
transition:background-color .45s cubic-bezier(.22,.61,.36,1),border-color .45s cubic-bezier(.22,.61,.36,1),color .45s cubic-bezier(.22,.61,.36,1);
}
body .zag-legal-menu li a:hover {
background-color:#f1e8dc;
color:#1a1512;
}
body .zag-legal-menu li a.is-activo {
border-left-color:#b08a5a;
background-color:#ffffff;
color:#1a1512;
font-weight:600;
}
body .zag-legal-menu-contacto {
margin-top:22px;
padding-top:20px;
border-top:1px solid #ece4d8;
font-size:13px;
}
body .zag-legal-menu-contacto p {
margin:0 0 4px;
color:#7a6e62;
}
body .zag-legal-menu-contacto a {
color:#96744a;
font-weight:600;
word-break:break-all;
}
body .zag-legal-texto {
max-width:780px;
}
body .zag-legal-etiqueta {
margin:0 0 6px;
color:#b08a5a;
font-size:12px;
font-weight:600;
letter-spacing:.18em;
text-transform:uppercase;
}
body .zag-legal-fecha {
margin:0 0 34px;
color:#7a6e62;
font-size:14px;
}
body .zag-legal-texto h2 {
margin:42px 0 14px;
color:#1a1512;
font-size:28px;
line-height:1.2;
}
body .zag-legal-texto h2:first-of-type {
margin-top:0;
}
body .zag-legal-texto p,
body .zag-legal-texto li {
color:#4a4038;
font-size:16px;
line-height:1.75;
}
body .zag-legal-texto ul {
margin:0 0 18px;
padding-left:20px;
}
body .zag-legal-texto li {
margin-bottom:6px;
}
body .zag-legal-texto li::marker {
color:#b08a5a;
}
body .zag-legal-texto a {
color:#96744a;
text-decoration:underline;
text-underline-offset:3px;
}
@media only screen and (max-width:959px) {
body .zag-legal {
padding:50px 20px 80px;
}
body .zag-legal > .wp-block-group__inner-container {
grid-template-columns:1fr;
gap:36px;
}
body .zag-legal-menu {
position:static;
padding:20px;
}
body .zag-legal-menu ul {
display:flex;
flex-wrap:wrap;
gap:8px;
}
body .zag-legal-menu li a {
padding:9px 16px;
border:1px solid #e3d8c8;
border-radius:999px;
background-color:#ffffff;
font-size:14px;
}
body .zag-legal-menu li a.is-activo {
border-color:#b08a5a;
background-color:#b08a5a;
color:#ffffff;
}
body .zag-legal-menu-contacto {
display:none;
}
body .zc-estado--barra .zc-estado-texto span {
display:none;
}
}
@media only screen and (max-width:767px) {
body .zag-legal-menu {
text-align:center;
}
body .zag-legal-menu ul {
justify-content:center;
}
body .zag-legal-texto h2 {
font-size:24px;
}
body .zag-legal-texto p,
body .zag-legal-texto li {
font-size:15px;
}
body .zc-avisos {
font-size:13px;
}
body .zc-avisos-cuerpo {
padding:8px 44px 8px 16px;
}
body .zc-estado--barra {
margin-right:8px;
}
body .zc-estado--barra .zc-estado-texto {
display:none;
}
}
body .hero-inicio-zaguan-logo {
display:none;
}
body .zc-sl {
position:relative;
}
body .zc-sl-fotos {
position:relative;
}
body .zc-sl-foto {
display:block;
width:100%;
height:auto;
opacity:0;
transition:opacity 1s ease;
}
body .zc-sl-foto:not(.is-primera) {
position:absolute;
inset:0;
height:100%;
object-fit:cover;
}
body .zc-sl-foto.is-activa {
opacity:1;
}
body .zc-sl-puntos {
position:absolute;
left:50%;
bottom:16px;
z-index:2;
display:flex;
gap:8px;
padding:8px 12px;
border-radius:999px;
background-color:rgba(20,16,13,.35);
transform:translateX(-50%);
backdrop-filter:blur(6px);
-webkit-backdrop-filter:blur(6px);
}
body .zc-sl-punto {
width:8px;
height:8px;
padding:0;
border:0;
border-radius:50%;
background-color:rgba(255,255,255,.5);
cursor:pointer;
transition:background-color .3s ease,transform .3s ease;
}
body .zc-sl-punto.is-activo {
background-color:#b08a5a;
transform:scale(1.3);
}
@media (prefers-reduced-motion:reduce) {
body .zc-sl-foto {
transition:opacity .3s ease;
}
}
body .zc-modal {
position:fixed;
inset:0;
z-index:100000;
display:flex;
align-items:center;
justify-content:center;
padding:20px;
opacity:0;
visibility:hidden;
transition:opacity .28s ease,visibility .28s ease;
}
body .zc-modal.is-visible {
opacity:1;
visibility:visible;
}
body .zc-modal-fondo {
position:absolute;
inset:0;
background-color:rgba(26,21,18,.55);
-webkit-backdrop-filter:blur(7px) saturate(.9);
backdrop-filter:blur(7px) saturate(.9);
}
body .zc-modal-caja {
position:relative;
width:100%;
max-width:392px;
max-height:calc(100dvh - 40px);
box-sizing:border-box;
padding:30px 26px 24px;
border-radius:18px;
background-color:#fffdfa;
box-shadow:0 30px 70px rgba(20,14,8,.3);
transform:translateY(14px) scale(.97);
transition:transform .32s cubic-bezier(.2,.8,.3,1);
}
body .zc-modal.is-visible .zc-modal-caja {
transform:none;
}
body .zc-modal-cerrar {
position:absolute;
top:10px;
right:12px;
width:34px;
height:34px;
padding:0;
border:0;
border-radius:50%;
background:none;
color:#a5988a;
font-size:26px;
line-height:1;
cursor:pointer;
transition:color .2s ease,background-color .2s ease;
}
body .zc-modal-cerrar:hover {
color:#1a1512;
background-color:#f3ece2;
}
body .zc-modal-titulo {
margin:0 0 4px;
color:#1a1512;
font-family:'Cormorant Garamond','Cormorant',serif;
font-size:29px;
line-height:1.15;
letter-spacing:.01em;
}
body .zc-modal-texto {
margin:0 0 18px;
color:#8a7f73;
font-size:12.5px;
line-height:1.5;
}
body .zc-modal-titulo + .zc-modal-opciones {
margin-top:18px;
}
body .zc-modal-opciones {
display:flex;
flex-direction:column;
gap:9px;
max-height:calc(100dvh - 190px);
overflow-x:hidden;
overflow-y:auto;
padding:2px 14px;
margin:0 -14px;
}
body .zc-modal-opcion {
display:flex;
align-items:center;
gap:14px;
padding:13px 14px;
border:1px solid #e9e1d6;
border-radius:12px;
background-color:#fff;
color:#1a1512;
text-decoration:none;
transition:border-color .2s ease,background-color .2s ease,transform .2s ease;
}
body .zc-modal-opcion,
body .zc-modal-opcion:hover,
body .zc-modal-opcion:focus,
body .zc-modal-opcion strong,
body .zc-modal-opcion em {
text-decoration:none;
}
body .zc-modal-opcion:hover {
border-color:#b08a5a;
background-color:#fbf6ef;
box-shadow:0 4px 14px rgba(176,138,90,.18);
}
body .zc-modal-ico {
display:flex;
flex:0 0 auto;
color:#b08a5a;
}
body .zc-modal-ico svg {
width:22px;
height:22px;
display:block;
}
body .zc-modal-txt {
display:flex;
flex-direction:column;
gap:2px;
min-width:0;
}
body .zc-modal-txt strong {
font-size:14.5px;
font-weight:600;
line-height:1.25;
}
body .zc-modal-txt em {
color:#8a7f73;
font-size:12px;
font-style:normal;
line-height:1.3;
}
body .zc-modal-flecha {
margin-left:auto;
color:#c9b79c;
font-size:22px;
line-height:1;
}
body .zc-estado--modal {
display:flex;
justify-content:center;
margin-top:6px;
font-size:12.5px;
}
@media (max-width:480px) {
body .zc-modal {
padding:14px;
}
body .zc-modal-caja {
padding:26px 20px 20px;
}
body .zc-modal-titulo {
font-size:26px;
}
}
body .inicio-espacios-zaguan-tarjeta-cover::after {
content:"";
position:absolute;
inset:0;
z-index:1;
pointer-events:none;
background-image:linear-gradient(to top,rgba(15,11,8,.88) 0%,rgba(15,11,8,.72) 34%,rgba(15,11,8,.42) 58%,rgba(15,11,8,.12) 82%,rgba(15,11,8,0) 100%);
}
body .inicio-espacios-zaguan-tarjeta-cover .wp-block-cover__inner-container {
position:relative;
z-index:2;
}
body .inicio-espacios-zaguan-tarjeta-contenido {
text-shadow:0 1px 14px rgba(12,9,7,.55);
}
body .zc-avisos[data-modo="ticker"] .zc-avisos-pista {
display:flex;
max-width:none;
overflow:hidden;
width:100%;
gap:0;
}
body .zc-avisos[data-modo="ticker"] .zc-tira {
display:flex;
flex:0 0 auto;
align-items:center;
gap:56px;
padding-right:56px;
white-space:nowrap;
animation:zc-desfile var(--zc-dur,22s) linear infinite;
}
body .zc-avisos[data-modo="ticker"] .zc-aviso {
grid-area:auto;
flex:0 0 auto;
opacity:1;
visibility:visible;
transition:none;
white-space:nowrap;
}
body .zc-avisos[data-modo="ticker"] .zc-avisos-cuerpo {
padding-left:16px;
padding-right:48px;
}
body .zc-avisos[data-modo="ticker"]:hover .zc-tira {
animation-play-state:paused;
}
@keyframes zc-desfile {
from { transform:translateX(0); }
to { transform:translateX(calc(var(--zc-tira,1000px) * -1)); }
}
@media (prefers-reduced-motion:reduce) {
body .zc-avisos[data-modo="ticker"] .zc-tira {
animation:none;
}
}
body .zc-estado--barra {
flex-shrink:1;
min-width:0;
}
body .zc-modal-horario {
margin:14px 0 0;
padding:12px 14px;
border:1px dashed #e0d3c0;
border-radius:12px;
background-color:#fbf6ef;
text-align:center;
}
body .zc-modal-horario span {
display:block;
color:#8a7f73;
font-size:11.5px;
letter-spacing:.08em;
text-transform:uppercase;
}
body .zc-modal-horario strong {
display:block;
margin-top:3px;
color:#1a1512;
font-size:14.5px;
}
body .zc-modal-horario em {
display:block;
margin-top:4px;
color:#8a7f73;
font-size:12px;
font-style:normal;
}
body .zc-tema,
body .zc-modal-opcion--tema {
position:relative;
overflow:visible;
}
body .zc-tema-ico {
position:absolute;
top:50%;
left:-14px;
width:46px;
height:46px;
margin-top:-23px;
pointer-events:none;
filter:drop-shadow(0 3px 6px rgba(20,14,8,.35));
}
body .zc-tema-ico svg {
width:100%;
height:100%;
display:block;
}
body .zc-modal-opcion--tema {
display:flex;
align-items:center;
gap:14px;
padding:14px 14px 14px 40px;
border-radius:12px;
border:1px solid transparent;
text-decoration:none;
}
body .zc-modal-opcion--tema .zc-modal-txt strong,
body .zc-modal-opcion--tema .zc-modal-txt em,
body .zc-modal-opcion--tema .zc-modal-flecha {
color:inherit;
}
body .zc-modal-opcion--tema .zc-modal-txt em {
opacity:.78;
}
body .zc-tema[data-tema],
body .zc-modal-opcion--tema[data-tema] {
color:#fff4e3;
}
body [data-tema="navidad"].zc-tema,
body [data-tema="navidad"].zc-modal-opcion--tema {
background-image:linear-gradient(120deg,#6d1526,#8f2035);
border-color:#c8a25b;
color:#fff4e3;
}
body [data-tema="semana-santa"].zc-tema,
body [data-tema="semana-santa"].zc-modal-opcion--tema {
background-image:linear-gradient(120deg,#43285f,#5b3a7e);
border-color:#c7a86b;
color:#f6efff;
}
body [data-tema="feria"].zc-tema,
body [data-tema="feria"].zc-modal-opcion--tema {
background-image:linear-gradient(120deg,#b3271f,#d24a34);
border-color:#f0c04a;
color:#fff6e8;
}
body [data-tema="san-valentin"].zc-tema,
body [data-tema="san-valentin"].zc-modal-opcion--tema {
background-image:linear-gradient(120deg,#9b1436,#c02a52);
border-color:#f2b3c2;
color:#fff0f3;
}
body .zc-tema {
padding-left:42px !important;
}
body .zc-tema .zc-tema-ico {
left:-12px;
width:42px;
height:42px;
margin-top:-21px;
}
body a.zc-tema,
body a.zc-tema span {
color:inherit;
}

/* Inicio */
body .hero-inicio-zaguan {
position:relative;
margin:0;
overflow:hidden;
min-height:880px;
display:flex;
flex-direction:column;
justify-content:flex-end;
background-color:#111;
}
body .hero-inicio-zaguan-fondo {
position:absolute;
inset:0;
z-index:1;
pointer-events:none;
}
body .hero-video-wrapper {
position:absolute;
inset:0;
width:100%;
height:100%;
}
body .hero-video-wrapper--movil {
display:none;
}
body .hero-video-wrapper--pc {
display:block;
}
body .hero-video-wrapper video {
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
object-position:center bottom;
}
body .hero-video-wrapper iframe {
position:absolute;
inset:0;
width:100%;
height:100%;
border:none;
}
body .hero-inicio-zaguan-fondo::before {
content:"";
position:absolute;
inset:0;
z-index:2;
background:linear-gradient(90deg, rgba(0,0,0,.92) 0%, rgba(0,0,0,.62) 38%, rgba(0,0,0,.26) 72%, rgba(0,0,0,.18) 100%);
}
body .hero-inicio-zaguan-fondo::after {
content:"";
position:absolute;
inset:auto 0 0 0;
z-index:2;
height:24%;
background:linear-gradient(0deg, rgba(17,17,17,.82) 0%, rgba(17,17,17,0) 100%);
}
body .hero-inicio-zaguan-grano {
position:absolute;
inset:0;
z-index:3;
opacity:.35;
pointer-events:none;
background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
background-repeat:repeat;
background-size:128px 128px;
mix-blend-mode:overlay;
}
body .hero-inicio-zaguan-contenido {
position:relative;
z-index:4;
max-width:1240px;
margin:0 auto;
padding:7.5rem 3% 6rem;
width:100%;
}
body .hero-inicio-zaguan-logo {
width:170px;
max-width:58vw;
margin:0 0 2.4rem;
}
body .hero-inicio-zaguan-logo img {
display:block;
width:100%;
height:auto;
}
body .hero-inicio-zaguan-etiqueta {
display:flex;
align-items:center;
gap:1rem;
margin:0 0 1rem;
color:#d6c3a5;
font-family:Manrope, Arial, sans-serif;
font-size:.78rem;
font-weight:600;
line-height:1.4;
letter-spacing:.22em;
text-transform:uppercase;
}
body .hero-inicio-zaguan-etiqueta::after {
content:"";
display:block;
width:70px;
height:1px;
background:linear-gradient(90deg, #b08a5a 0%, rgba(176,138,90,.15) 100%);
}
body .hero-inicio-zaguan-titulo {
margin:0;
color:#ffffff;
font-family:"Cormorant Garamond", Georgia, serif;
font-size:clamp(3.2rem,5.5vw,6rem);
font-weight:400;
line-height:1.06;
letter-spacing:-.02em;
}
body .hero-inicio-zaguan-texto {
max-width:520px;
margin:1.6rem 0 0;
color:rgba(255,255,255,.86);
font-family:Manrope, Arial, sans-serif;
font-size:1.05rem;
font-weight:400;
line-height:1.75;
letter-spacing:.01em;
}
body .hero-inicio-zaguan-botones {
display:flex;
gap:.9rem;
margin-top:3.2rem;
}
body .hero-inicio-zaguan-botones .wp-block-button__link {
display:inline-flex;
align-items:center;
justify-content:center;
min-height:48px;
padding:.85rem 2rem;
border-radius:999px;
font-family:Manrope, Arial, sans-serif;
font-size:.8rem;
font-weight:700;
line-height:1;
letter-spacing:.08em;
text-transform:uppercase;
text-decoration:none;
transition:background-color .45s cubic-bezier(.22,.61,.36,1), color .45s cubic-bezier(.22,.61,.36,1), border-color .45s cubic-bezier(.22,.61,.36,1), transform .45s cubic-bezier(.22,.61,.36,1);
}
body .boton-zaguan-principal .wp-block-button__link,
body .boton-zaguan-principal.wp-block-button__link {
background:#b08a5a !important;
color:#ffffff !important;
border:1.5px solid #b08a5a !important;
}
body .boton-zaguan-principal .wp-block-button__link:hover,
body .boton-zaguan-principal.wp-block-button__link:hover {
background:transparent !important;
color:#ffffff !important;
border-color:#ffffff !important;
transform:translateY(-2px);
}
body .hero-inicio-zaguan-botones .boton-zaguan-secundario,
body .hero-inicio-zaguan-botones a.boton-zaguan-secundario,
body .hero-inicio-zaguan-botones .boton-zaguan-secundario .wp-block-button__link,
body .hero-inicio-zaguan-botones .boton-zaguan-secundario.wp-block-button__link {
background:transparent !important;
color:#ffffff !important;
border:1.5px solid rgba(255,255,255,.45) !important;
text-decoration:none !important;
}
body .hero-inicio-zaguan-botones .boton-zaguan-secundario:hover,
body .hero-inicio-zaguan-botones a.boton-zaguan-secundario:hover,
body .hero-inicio-zaguan-botones .boton-zaguan-secundario .wp-block-button__link:hover,
body .hero-inicio-zaguan-botones .boton-zaguan-secundario.wp-block-button__link:hover {
background:rgba(255,255,255,.1) !important;
color:#ffffff !important;
border-color:rgba(255,255,255,.85) !important;
transform:translateY(-2px);
}
body .hero-inicio-zaguan-pie {
display:flex;
flex-direction:row;
align-items:center;
flex-wrap:nowrap;
gap:0;
margin-top:2.4rem;
}
body .hero-inicio-zaguan-datos {
display:flex;
flex-wrap:wrap;
align-items:center;
gap:.6rem 1.8rem;
padding-right:2rem;
}
body .hero-inicio-zaguan-datos p {
margin:0;
font-family:Manrope, Arial, sans-serif;
font-size:.95rem;
line-height:1.5;
color:rgba(255,255,255,.82);
}
body .hero-inicio-zaguan-datos a {
color:inherit;
text-decoration:none;
transition:color .45s cubic-bezier(.22,.61,.36,1);
}
body .hero-inicio-zaguan-datos a:hover {
color:#d6c3a5;
}
body .hero-inicio-zaguan-separador {
width:1px;
height:32px;
background:rgba(255,255,255,.25);
flex-shrink:0;
margin:0 2rem;
}
body .hero-inicio-zaguan-redes {
display:flex;
align-items:center;
flex-wrap:wrap;
gap:.5rem 1.2rem;
}
body .hero-inicio-zaguan-red {
display:inline-flex;
align-items:center;
gap:.4rem;
color:rgba(255,255,255,.62);
text-decoration:none;
transition:color .45s cubic-bezier(.22,.61,.36,1);
}
body .hero-inicio-zaguan-red:hover {
color:#d6c3a5;
}
body .hero-inicio-zaguan-red svg {
flex-shrink:0;
opacity:.75;
transition:opacity .45s cubic-bezier(.22,.61,.36,1);
}
body .hero-inicio-zaguan-red:hover svg {
opacity:1;
}
@media only screen and (max-width: 959px) {
body .hero-inicio-zaguan {
min-height:700px;
}
body .hero-inicio-zaguan-contenido {
padding:7rem 5% 5rem;
}
body .hero-inicio-zaguan-logo {
width:205px;
margin-bottom:2rem;
}
body .hero-inicio-zaguan-titulo {
font-size:clamp(2.8rem,5.5vw,4.8rem);
}
body .hero-inicio-zaguan-texto {
font-size:1rem;
}
body .hero-inicio-zaguan-pie {
flex-wrap:wrap;
flex-direction:column;
align-items:flex-start;
gap:1rem;
}
body .hero-inicio-zaguan-separador {
display:none;
}
body .hero-inicio-zaguan-datos {
padding-right:0;
}
}
@media only screen and (max-width: 767px) {
body .hero-inicio-zaguan {
min-height:680px;
}
body .hero-inicio-zaguan-fondo::before {
background:linear-gradient(180deg, rgba(0,0,0,.72) 0%, rgba(0,0,0,.62) 42%, rgba(0,0,0,.82) 100%);
}
body .hero-video-wrapper--pc {
display:none;
}
body .hero-video-wrapper--movil {
display:block;
}
body .hero-inicio-zaguan-contenido {
padding:6.5rem 6% 4.5rem;
}
body .hero-inicio-zaguan-logo {
width:170px;
}
body .hero-inicio-zaguan-etiqueta {
font-size:.7rem;
letter-spacing:.18em;
}
body .hero-inicio-zaguan-etiqueta::after {
width:42px;
}
body .hero-inicio-zaguan-titulo {
font-size:clamp(2.4rem,12vw,3.4rem);
line-height:1.08;
}
body .hero-inicio-zaguan-texto {
font-size:.96rem;
line-height:1.68;
}
body .hero-inicio-zaguan-botones {
flex-direction:column;
align-items:flex-start;
gap:.75rem;
margin-top:2.4rem;
}
body .hero-inicio-zaguan-botones .wp-block-button {
width:100%;
}
body .hero-inicio-zaguan-botones .wp-block-button__link {
width:100%;
}
}
body .inicio-presentacion-zaguan {
position:relative;
background:var(--color-fondo);
margin:0;
overflow:hidden;
}
body .inicio-presentacion-zaguan::before {
content:"";
position:absolute;
top:0;
right:0;
width:48%;
height:100%;
background:radial-gradient(circle at 50% 28%, rgba(176,138,90,.16) 0%, rgba(176,138,90,.06) 42%, rgba(176,138,90,0) 72%);
pointer-events:none;
}
body .inicio-presentacion-zaguan-contenedor {
position:relative;
max-width:1180px;
margin:0 auto;
padding:7rem 3% 6.5rem;
}
body .inicio-presentacion-zaguan-columnas {
align-items:center;
gap:4.2rem;
margin:0;
}
body .inicio-presentacion-zaguan-texto {
flex-basis:50%;
}
body .inicio-presentacion-zaguan-imagen {
flex-basis:50%;
}
body .inicio-presentacion-zaguan-etiqueta {
display:flex;
align-items:center;
gap:1rem;
margin:0 0 1.15rem;
color:var(--color-dorado);
font-family:var(--fuente-textos);
font-size:.72rem;
font-weight:800;
line-height:1.4;
letter-spacing:.24em;
text-transform:uppercase;
}
body .inicio-presentacion-zaguan-etiqueta::after {
content:"";
display:block;
width:70px;
height:1px;
background:linear-gradient(90deg, var(--color-dorado) 0%, rgba(200,169,126,0) 100%);
}
body .inicio-presentacion-zaguan-titulo {
max-width:540px;
margin:0;
color:var(--color-texto);
font-family:var(--fuente-titulos);
font-size:clamp(2.65rem,4vw,4.55rem);
font-weight:500;
line-height:.92;
letter-spacing:-.04em;
}
body .inicio-presentacion-zaguan-parrafo {
max-width:590px;
margin:1.45rem 0 0;
color:var(--color-texto-suave);
font-family:var(--fuente-textos);
font-size:.98rem;
font-weight:400;
line-height:1.78;
letter-spacing:.005em;
}
body .inicio-presentacion-zaguan-destacados > .wp-block-group__inner-container {
display:grid;
grid-template-columns:repeat(3,1fr);
gap:.85rem;
max-width:680px;
margin-top:2.15rem;
}
body .inicio-presentacion-zaguan-destacados p {
display:flex;
align-items:center;
justify-content:flex-start;
gap:.75rem;
min-height:58px;
margin:0;
padding:.95rem 1.2rem;
border:1px solid rgba(200,169,126,.25);
border-radius:999px;
background:rgba(255,255,255,.52);
color:var(--color-texto);
font-family:var(--fuente-textos);
font-size:.78rem;
font-weight:800;
line-height:1.25;
letter-spacing:.01em;
text-align:left;
box-shadow:0 12px 30px rgba(43,36,31,.05);
word-break:keep-all;
overflow-wrap:normal;
hyphens:none;
white-space:normal;
}
body .inicio-presentacion-zaguan-destacados .icono-zaguan::before {
width:28px !important;
height:28px !important;
min-width:28px;
background-color:var(--color-dorado) !important;
margin-right:0;
flex-shrink:0;
}
body .inicio-presentacion-zaguan-imagen-wrap {
position:relative;
max-width:520px;
margin:0 0 0 auto;
}
body .inicio-presentacion-zaguan-imagen-wrap::before {
content:"";
position:absolute;
inset:1rem -1rem -1rem 1rem;
border:1px solid rgba(200,169,126,.28);
border-radius:28px;
pointer-events:none;
}
body .inicio-presentacion-zaguan-foto {
position:relative;
margin:0;
}
body .inicio-presentacion-zaguan-foto img {
display:block;
width:100%;
height:auto;
aspect-ratio:4/4.7;
object-fit:cover;
border-radius:28px;
box-shadow:0 34px 80px rgba(17,17,17,.14), 0 10px 22px rgba(17,17,17,.07);
}
@media only screen and (max-width: 959px) {
body .inicio-presentacion-zaguan-contenedor {
padding:5.8rem 5%;
}
body .inicio-presentacion-zaguan-columnas {
gap:3rem;
}
body .inicio-presentacion-zaguan-destacados > .wp-block-group__inner-container {
grid-template-columns:1fr;
max-width:380px;
}
body .inicio-presentacion-zaguan-destacados p {
justify-content:flex-start;
}
}
@media only screen and (max-width: 767px) {
body .inicio-presentacion-zaguan-contenedor {
padding:4.2rem 6%;
}
body .inicio-presentacion-zaguan-columnas {
display:flex;
flex-direction:column;
gap:2.5rem;
}
body .inicio-presentacion-zaguan-texto {
order:2;
width:100%;
}
body .inicio-presentacion-zaguan-imagen {
order:1;
width:100%;
}
body .inicio-presentacion-zaguan-etiqueta {
font-size:.68rem;
letter-spacing:.18em;
}
body .inicio-presentacion-zaguan-etiqueta::after {
width:40px;
}
body .inicio-presentacion-zaguan-titulo {
font-size:clamp(2.25rem,10vw,3.1rem);
}
body .inicio-presentacion-zaguan-parrafo {
font-size:.94rem;
line-height:1.72;
}
body .inicio-presentacion-zaguan-imagen-wrap {
max-width:100%;
margin:0;
}
body .inicio-presentacion-zaguan-imagen-wrap::before {
inset:.7rem -.7rem -.7rem .7rem;
border-radius:22px;
}
body .inicio-presentacion-zaguan-foto img {
aspect-ratio:4/3.6;
border-radius:22px;
}
}
body .inicio-espacios-zaguan {
background:var(--color-fondo-suave);
margin:0;
padding:6rem 3%;
}
body .inicio-espacios-zaguan-contenedor {
max-width:1180px;
margin:0 auto;
}
body .inicio-espacios-zaguan-etiqueta {
margin:0 0 .6rem;
}
body .inicio-espacios-zaguan-titulo {
max-width:520px;
margin:0 0 3.5rem;
color:var(--color-texto);
font-family:var(--fuente-titulos);
font-size:clamp(2rem,3.2vw,3.4rem);
font-weight:500;
line-height:.95;
letter-spacing:-.035em;
}
body .inicio-espacios-zaguan-columnas {
gap:1.4rem;
margin:0;
align-items:stretch;
}
body .inicio-espacios-zaguan-tarjeta {
position:relative;
border-radius:22px;
overflow:hidden;
}
body .inicio-espacios-zaguan-tarjeta-cover {
position:relative;
min-height:620px !important;
border-radius:22px;
overflow:hidden;
}
body .inicio-espacios-zaguan-tarjeta-cover .wp-block-cover__image-background {
object-position:center center;
transition:transform 1.1s cubic-bezier(.22,.61,.36,1);
}
body .inicio-espacios-zaguan-tarjeta:hover .wp-block-cover__image-background {
transform:scale(1.04);
}
body .inicio-espacios-zaguan-tarjeta-cover::after {
content:"";
position:absolute;
inset:0;
background:linear-gradient(to top, rgba(17,11,6,.88) 0%, rgba(17,11,6,.42) 42%, rgba(17,11,6,.08) 70%, rgba(17,11,6,0) 100%);
border-radius:22px;
pointer-events:none;
z-index:1;
transition:opacity .6s cubic-bezier(.22,.61,.36,1);
}
body .inicio-espacios-zaguan-tarjeta:hover .inicio-espacios-zaguan-tarjeta-cover::after {
opacity:.82;
}
body .inicio-espacios-zaguan-tarjeta-cover .wp-block-cover__inner-container {
position:absolute;
inset:0;
display:flex;
align-items:flex-end;
z-index:2;
padding:0;
}
body .inicio-espacios-zaguan-tarjeta-contenido {
width:100%;
padding:2.2rem 2rem;
}
body .inicio-espacios-zaguan-tarjeta-contenido > .wp-block-group__inner-container {
display:flex;
flex-direction:column;
gap:.55rem;
}
body .inicio-espacios-zaguan-tarjeta-titulo {
margin:0;
color:var(--color-blanco);
font-family:var(--fuente-titulos);
font-size:clamp(1.9rem,2.4vw,2.7rem);
font-weight:500;
line-height:1;
letter-spacing:-.03em;
transition:color .45s cubic-bezier(.22,.61,.36,1);
}
body .inicio-espacios-zaguan-tarjeta:hover .inicio-espacios-zaguan-tarjeta-titulo {
color:var(--color-dorado);
}
body .inicio-espacios-zaguan-tarjeta-texto {
margin:0;
color:rgba(255,255,255,.72);
font-family:var(--fuente-textos);
font-size:.85rem;
font-weight:400;
line-height:1.6;
letter-spacing:.01em;
}
body .inicio-espacios-zaguan-tarjeta-enlace {
display:flex;
align-items:center;
margin:.5rem 0 0;
}
body .inicio-espacios-zaguan-tarjeta-enlace a {
position:static;
display:flex;
align-items:center;
gap:.5rem;
color:var(--color-dorado);
font-family:var(--fuente-textos);
font-size:.75rem;
font-weight:700;
letter-spacing:.12em;
text-transform:uppercase;
text-decoration:none;
transition:gap .45s cubic-bezier(.22,.61,.36,1);
}
body .inicio-espacios-zaguan-tarjeta-enlace a::after {
content:"";
position:absolute;
inset:0;
z-index:3;
border-radius:22px;
}
body .inicio-espacios-zaguan-tarjeta:hover .inicio-espacios-zaguan-tarjeta-enlace a {
gap:.9rem;
}
@media only screen and (max-width: 959px) {
body .inicio-espacios-zaguan {
padding:5rem 5%;
}
body .inicio-espacios-zaguan-tarjeta-cover {
min-height:480px !important;
}
}
@media only screen and (max-width: 767px) {
body .inicio-espacios-zaguan {
padding:4rem 6%;
}
body .inicio-espacios-zaguan-titulo {
margin-bottom:2.5rem;
}
body .inicio-espacios-zaguan-columnas {
display:flex;
flex-direction:column;
gap:1.2rem;
}
body .inicio-espacios-zaguan-tarjeta-cover {
min-height:320px !important;
}
body .inicio-espacios-zaguan-tarjeta-contenido {
padding:1.8rem 1.6rem;
}
}
body .inicio-cartas-zaguan {
background:var(--color-blanco);
margin:0;
padding:6rem 3%;
}
body .inicio-cartas-zaguan-contenedor {
max-width:1180px;
margin:0 auto;
}
body .inicio-cartas-zaguan-etiqueta {
margin:0 0 .6rem;
}
body .inicio-cartas-zaguan-titulo {
max-width:520px;
margin:0 0 3rem;
color:var(--color-texto);
font-family:var(--fuente-titulos);
font-size:clamp(2rem,3.2vw,3.4rem);
font-weight:500;
line-height:.95;
letter-spacing:-.035em;
}
body .inicio-cartas-zaguan-grid {
width:100%;
}
body .inicio-cartas-zaguan-grid > .wp-block-group__inner-container {
display:grid;
grid-template-columns:1fr 1fr;
grid-template-rows:400px 400px;
gap:1.8rem;
width:100%;
}
body .inicio-cartas-zaguan-item {
position:relative;
border-radius:16px;
overflow:hidden;
background:var(--color-blanco);
border:1px solid rgba(200,169,126,.25);
transition:border-color .6s cubic-bezier(.22,.61,.36,1), box-shadow .6s cubic-bezier(.22,.61,.36,1), transform .6s cubic-bezier(.22,.61,.36,1);
box-shadow:0 4px 20px rgba(17,11,6,.06);
height:400px;
}
body .inicio-cartas-zaguan-item:hover {
border-color:rgba(200,169,126,.65);
box-shadow:0 12px 40px rgba(17,11,6,.12);
transform:translateY(-4px);
}
body .inicio-cartas-zaguan-item > .wp-block-group__inner-container {
display:flex;
flex-direction:column;
height:100%;
}
body .inicio-cartas-zaguan-item ._3d-flip-book.inicio-cartas-zaguan-trigger {
position:absolute;
inset:0;
z-index:10;
display:block;
width:100%;
height:100%;
opacity:0;
cursor:pointer;
}
body .inicio-cartas-zaguan-foto {
margin:0;
overflow:hidden;
flex-shrink:0;
}
body .inicio-cartas-zaguan-foto img {
display:block;
width:100%;
height:220px;
object-fit:cover;
transition:transform .9s cubic-bezier(.22,.61,.36,1);
}
body .inicio-cartas-zaguan-item:hover .inicio-cartas-zaguan-foto img {
transform:scale(1.04);
}
body .inicio-cartas-zaguan-foto.wp-block-image {
width:100%;
max-width:100%;
margin:0;
}
body .inicio-cartas-zaguan-foto.wp-block-image img {
width:100%;
max-width:100%;
}
body .inicio-cartas-zaguan-item {
width:100%;
max-width:100%;
box-sizing:border-box;
}
body .inicio-cartas-zaguan-item > .wp-block-group__inner-container {
width:100%;
max-width:100%;
box-sizing:border-box;
}
body .inicio-cartas-zaguan-foto {
position:relative;
}
body .inicio-cartas-zaguan-foto img {
display:block;
width:100%;
height:220px;
object-fit:cover;
object-position:center center;
transition:transform .9s cubic-bezier(.22,.61,.36,1);
}
body .inicio-cartas-zaguan-foto::after {
content:"";
display:block;
width:100%;
height:2px;
background:linear-gradient(90deg, var(--color-dorado) 0%, rgba(200,169,126,.15) 100%);
}
body .inicio-cartas-zaguan-foto figcaption {
display:none;
}
body .inicio-cartas-zaguan-info {
padding:1.6rem 1.8rem 1.8rem;
flex:1;
overflow:hidden;
}
body .inicio-cartas-zaguan-info > .wp-block-group__inner-container {
display:flex;
flex-direction:column;
gap:.5rem;
height:100%;
}
body .inicio-cartas-zaguan-item-titulo {
margin:0;
color:var(--color-texto);
font-family:var(--fuente-titulos);
font-size:clamp(1.4rem,1.8vw,1.9rem);
font-weight:600;
line-height:1.05;
letter-spacing:-.025em;
transition:color .45s cubic-bezier(.22,.61,.36,1);
}
body .inicio-cartas-zaguan-item:hover .inicio-cartas-zaguan-item-titulo {
color:var(--color-dorado);
}
body .inicio-cartas-zaguan-item-texto {
margin:0;
color:var(--color-texto-suave);
font-family:var(--fuente-textos);
font-size:.84rem;
font-weight:400;
line-height:1.6;
flex:1;
}
body .inicio-cartas-zaguan-item-cta {
margin:.4rem 0 0;
}
body .inicio-cartas-zaguan-btn {
display:inline-flex;
align-items:center;
gap:.45rem;
color:var(--color-dorado);
font-family:var(--fuente-textos);
font-size:.75rem;
font-weight:700;
letter-spacing:.12em;
text-transform:uppercase;
text-decoration:none;
transition:gap .45s cubic-bezier(.22,.61,.36,1), color .45s cubic-bezier(.22,.61,.36,1);
cursor:pointer;
position:relative;
z-index:11;
}
body .inicio-cartas-zaguan-item:hover .inicio-cartas-zaguan-btn {
gap:.8rem;
color:var(--color-texto);
}
@media only screen and (max-width: 959px) {
body .inicio-cartas-zaguan {
padding:5rem 5%;
}
body .inicio-cartas-zaguan-grid > .wp-block-group__inner-container {
grid-template-rows:360px 360px;
gap:1.2rem;
}
body .inicio-cartas-zaguan-item {
height:360px;
}
body .inicio-cartas-zaguan-foto img {
height:190px;
}
}
@media only screen and (max-width: 767px) {
body .inicio-cartas-zaguan {
padding:4rem 6%;
}
body .inicio-cartas-zaguan-titulo {
margin-bottom:2rem;
}
body .inicio-cartas-zaguan-grid > .wp-block-group__inner-container {
grid-template-columns:1fr 1fr;
grid-template-rows:auto;
gap:1rem;
}
body .inicio-cartas-zaguan-item {
height:auto;
}
body .inicio-cartas-zaguan-foto img {
height:140px;
}
body .inicio-cartas-zaguan-info {
padding:1.2rem 1.2rem 1.4rem;
}
body .inicio-cartas-zaguan-item-titulo {
font-size:clamp(1.1rem,4.5vw,1.4rem);
}
body .inicio-cartas-zaguan-item-texto {
display:none;
}
}
body .inicio-galeria-zaguan {
background:var(--color-fondo);
margin:0;
padding:6rem 3%;
}
body .inicio-galeria-zaguan-cabecera {
max-width:1180px;
margin:0 auto 3rem;
}
body .inicio-galeria-zaguan-titulo {
margin:0;
color:var(--color-texto);
font-family:var(--fuente-titulos);
font-size:clamp(2rem,3.2vw,3.4rem);
font-weight:500;
line-height:.95;
letter-spacing:-.035em;
}
body .inicio-galeria-zaguan-mosaico {
max-width:1180px;
margin:0 auto;
}
body .inicio-galeria-zaguan-mosaico > .wp-block-group__inner-container {
display:grid;
grid-template-columns:1.2fr 1fr 0.8fr;
grid-template-rows:320px 280px;
gap:1rem;
}
body .inicio-galeria-zaguan-foto {
margin:0;
overflow:hidden;
border-radius:14px;
}
body .inicio-galeria-zaguan-foto.foto-1 {
grid-column:1;
grid-row:1;
}
body .inicio-galeria-zaguan-foto.foto-2 {
grid-column:2;
grid-row:1;
}
body .inicio-galeria-zaguan-foto.foto-3 {
grid-column:3;
grid-row:1 / 3;
}
body .inicio-galeria-zaguan-foto.foto-4 {
grid-column:1;
grid-row:2;
}
body .inicio-galeria-zaguan-foto.foto-5 {
grid-column:2;
grid-row:2;
}
body .inicio-galeria-zaguan-foto.foto-6 {
display:none;
}
body .inicio-galeria-zaguan-foto img {
display:block;
width:100%;
height:100%;
object-fit:cover;
object-position:center;
transition:transform .9s cubic-bezier(.22,.61,.36,1);
}
body .inicio-galeria-zaguan-foto a {
display:block;
width:100%;
height:100%;
overflow:hidden;
border-radius:14px;
}
body .inicio-galeria-zaguan-foto a:hover img {
transform:scale(1.04);
}
body .inicio-galeria-zaguan-foto a::after {
content:"";
position:absolute;
inset:0;
background:rgba(17,11,6,.25);
opacity:0;
transition:opacity .6s cubic-bezier(.22,.61,.36,1);
border-radius:14px;
}
body .inicio-galeria-zaguan-foto a:hover::after {
opacity:1;
}
body .inicio-galeria-zaguan-foto {
position:relative;
}
body .inicio-galeria-zaguan-foto a {
position:relative;
}
@media only screen and (max-width: 959px) {
body .inicio-galeria-zaguan {
padding:5rem 5%;
}
body .inicio-galeria-zaguan-mosaico > .wp-block-group__inner-container {
grid-template-columns:1fr 1fr;
grid-template-rows:240px 240px 240px;
}
body .inicio-galeria-zaguan-foto.foto-1 {
grid-column:1;
grid-row:1;
}
body .inicio-galeria-zaguan-foto.foto-2 {
grid-column:2;
grid-row:1;
}
body .inicio-galeria-zaguan-foto.foto-3 {
grid-column:1;
grid-row:2;
}
body .inicio-galeria-zaguan-foto.foto-4 {
grid-column:2;
grid-row:2;
}
body .inicio-galeria-zaguan-foto.foto-5 {
grid-column:1 / 3;
grid-row:3;
}
body .inicio-galeria-zaguan-foto.foto-6 {
display:none;
}
}
@media only screen and (max-width: 767px) {
body .inicio-galeria-zaguan {
padding:4rem 6%;
}
body .inicio-galeria-zaguan-cabecera {
margin-bottom:2rem;
}
body .inicio-galeria-zaguan-mosaico > .wp-block-group__inner-container {
grid-template-columns:1fr 1fr;
grid-template-rows:180px 180px 180px;
gap:.7rem;
}
}
body .inicio-reservas-zaguan {
margin:0;
overflow:hidden;
}
body .inicio-reservas-zaguan-fondo {
position:relative;
min-height:520px !important;
}
body .inicio-reservas-zaguan-fondo::before {
content:"";
position:absolute;
inset:0;
z-index:1;
background:linear-gradient(135deg, rgba(17,11,6,.88) 0%, rgba(17,11,6,.65) 50%, rgba(17,11,6,.78) 100%);
}
body .inicio-reservas-zaguan-fondo .wp-block-cover__image-background {
transform:scale(1.06);
filter:saturate(.8);
}
body .inicio-reservas-zaguan-fondo .wp-block-cover__inner-container {
position:relative;
z-index:2;
width:100%;
}
body .inicio-reservas-zaguan-contenido {
max-width:780px;
margin:0 auto;
padding:7rem 3%;
text-align:center;
}
body .inicio-reservas-zaguan-contenido > .wp-block-group__inner-container {
display:flex;
flex-direction:column;
align-items:center;
gap:1.4rem;
}
body .inicio-reservas-zaguan-etiqueta {
margin:0;
color:var(--color-dorado) !important;
}
body .inicio-reservas-zaguan-titulo {
margin:0;
color:var(--color-blanco);
font-family:var(--fuente-titulos);
font-size:clamp(2.2rem,4vw,4rem);
font-weight:400;
line-height:1.1;
letter-spacing:-.025em;
text-align:center;
}
body .inicio-reservas-zaguan-texto {
margin:0;
color:rgba(255,255,255,.72);
font-family:var(--fuente-textos);
font-size:.95rem;
font-weight:400;
line-height:1.7;
text-align:center;
}
body .inicio-reservas-zaguan-acciones {
display:flex;
flex-direction:column;
align-items:center;
gap:.8rem;
margin-top:.6rem;
}
body .inicio-reservas-zaguan-acciones > .wp-block-group__inner-container {
display:flex;
flex-direction:column;
align-items:center;
gap:.8rem;
}
body .inicio-reservas-zaguan-telefono {
margin:0;
}
body .inicio-reservas-zaguan-telefono a {
display:inline-flex;
align-items:center;
justify-content:center;
padding:.95rem 3rem;
border-radius:999px;
background:var(--color-dorado);
color:var(--color-oscuro) !important;
font-family:var(--fuente-textos);
font-size:1.35rem;
font-weight:700;
letter-spacing:.04em;
text-decoration:none;
transition:background .45s cubic-bezier(.22,.61,.36,1), transform .45s cubic-bezier(.22,.61,.36,1);
}
body .inicio-reservas-zaguan-telefono a:hover {
background:var(--color-blanco);
transform:translateY(-2px);
}
body .inicio-reservas-zaguan-horario {
margin:0;
color:rgba(255,255,255,.5);
font-family:var(--fuente-textos);
font-size:.8rem;
font-weight:400;
line-height:1.7;
text-align:center;
letter-spacing:.02em;
}
@media only screen and (max-width: 959px) {
body .inicio-reservas-zaguan-fondo {
min-height:460px !important;
}
body .inicio-reservas-zaguan-contenido {
padding:6rem 5%;
}
}
@media only screen and (max-width: 767px) {
body .inicio-reservas-zaguan-fondo {
min-height:420px !important;
}
body .inicio-reservas-zaguan-contenido {
padding:5rem 6%;
}
body .inicio-reservas-zaguan-titulo {
font-size:clamp(1.9rem,8vw,2.8rem);
}
body .inicio-reservas-zaguan-telefono a {
font-size:1.15rem;
padding:.85rem 2.2rem;
width:100%;
}
}
body .inicio-opiniones-zaguan {
background:var(--color-fondo-suave);
margin:0;
padding:6rem 3% 5rem;
}
body .inicio-opiniones-zaguan-cabecera {
max-width:1180px;
margin:0 auto 3rem;
}
body .inicio-opiniones-zaguan-titulo {
margin:0 .5rem 0 0;
color:var(--color-texto);
font-family:var(--fuente-titulos);
font-size:clamp(2rem,3.2vw,3.4rem);
font-weight:500;
line-height:.95;
letter-spacing:-.035em;
}
body .inicio-opiniones-zaguan-texto {
margin:.8rem 0 0;
color:var(--color-texto-suave);
font-family:var(--fuente-textos);
font-size:.95rem;
font-weight:400;
line-height:1.6;
}
body .inicio-opiniones-zaguan-widget {
max-width:1180px;
margin:0 auto;
}
@media only screen and (max-width: 959px) {
body .inicio-opiniones-zaguan {
padding:5rem 5% 4rem;
}
}
@media only screen and (max-width: 767px) {
body .inicio-opiniones-zaguan {
padding:4rem 6% 3.5rem;
}
body .inicio-opiniones-zaguan-cabecera {
margin-bottom:2rem;
}
}
body .inicio-contacto-zaguan {
background:var(--color-fondo);
margin:0;
padding:0;
}
body .inicio-contacto-zaguan-contenedor {
max-width:100%;
margin:0;
}
body .inicio-contacto-zaguan-columnas {
gap:0;
margin:0;
align-items:stretch;
}
body .inicio-contacto-zaguan-mapa {
flex-basis:55% !important;
min-height:520px;
position:relative;
}
body .inicio-contacto-zaguan-mapa iframe {
position:absolute;
inset:0;
width:100%;
height:100%;
display:block;
}
body .inicio-contacto-zaguan-info {
flex-basis:45% !important;
display:flex;
flex-direction:column;
justify-content:center;
padding:5rem 5rem 5rem 6rem;
background:var(--color-fondo);
}
body .inicio-contacto-zaguan-info > .wp-block-column__inner-container {
display:flex;
flex-direction:column;
gap:0;
}
body .inicio-contacto-zaguan-titulo {
margin:.2rem 0 2.4rem;
color:var(--color-texto);
font-family:var(--fuente-titulos);
font-size:clamp(1.9rem,2.8vw,3rem);
font-weight:500;
line-height:1;
letter-spacing:-.03em;
}
body .inicio-contacto-zaguan-datos {
display:flex;
flex-direction:column;
gap:1.2rem;
margin:0;
}
body .inicio-contacto-zaguan-datos > .wp-block-group__inner-container {
display:flex;
flex-direction:column;
gap:1.2rem;
}
body .inicio-contacto-zaguan-dato {
margin:0;
font-family:var(--fuente-textos);
font-size:.95rem;
line-height:1.6;
color:var(--color-texto-suave);
}
body .inicio-contacto-zaguan-dato a {
color:var(--color-texto-suave);
text-decoration:none;
transition:color .45s cubic-bezier(.22,.61,.36,1);
}
body .inicio-contacto-zaguan-dato a:hover {
color:var(--color-dorado);
}
body .inicio-contacto-zaguan-dato.icono-zaguan::before {
color:var(--color-dorado);
width:20px !important;
height:20px !important;
}
body .inicio-contacto-zaguan-redes {
display:flex;
align-items:center;
gap:1rem;
margin-top:2.4rem;
padding-top:2rem;
border-top:1px solid rgba(200,169,126,.2);
}
body .inicio-contacto-zaguan-redes > .wp-block-group__inner-container {
display:flex;
align-items:center;
gap:1rem;
}
body .inicio-contacto-zaguan-red {
display:inline-flex;
align-items:center;
justify-content:center;
width:40px;
height:40px;
border-radius:50%;
border:1px solid rgba(200,169,126,.3);
color:var(--color-texto-suave);
transition:border-color .45s cubic-bezier(.22,.61,.36,1), color .45s cubic-bezier(.22,.61,.36,1), background .45s cubic-bezier(.22,.61,.36,1);
}
body .inicio-contacto-zaguan-red:hover {
border-color:var(--color-dorado);
color:var(--color-dorado);
background:rgba(200,169,126,.08);
}
body .inicio-contacto-zaguan-dato.icono-zaguan {
display:flex;
align-items:flex-start;
gap:.7rem;
}
body .inicio-contacto-zaguan-dato.icono-zaguan::before {
flex-shrink:0;
margin-top:.2rem;
}
@media only screen and (max-width: 959px) {
body .inicio-contacto-zaguan-mapa {
min-height:400px;
}
body .inicio-contacto-zaguan-info {
padding:4rem 4rem 4rem 4rem;
}
}
@media only screen and (max-width: 767px) {
body .inicio-contacto-zaguan-columnas {
display:flex;
flex-direction:column;
}
body .inicio-contacto-zaguan-mapa {
min-height:300px;
flex-basis:auto !important;
}
body .inicio-contacto-zaguan-info {
flex-basis:auto !important;
padding:3rem 6%;
}
}

/* Restaurante */
body:where(.page-id-16) .hero-restaurante-contenido {
position:relative;
z-index:4;
max-width:1240px;
margin:0 auto;
padding:8rem 3% 7rem;
width:100%;
}
body:where(.page-id-16) .hero-restaurante-etiqueta {
display:flex;
align-items:center;
gap:1rem;
margin:0 0 1rem;
color:#d6c3a5;
font-family:Manrope, Arial, sans-serif;
font-size:.78rem;
font-weight:600;
line-height:1.4;
letter-spacing:.22em;
text-transform:uppercase;
}
body:where(.page-id-16) .hero-restaurante-etiqueta::after {
content:"";
display:block;
width:70px;
height:1px;
background:linear-gradient(90deg, #b08a5a 0%, rgba(176,138,90,.15) 100%);
}
body:where(.page-id-16) .hero-restaurante-titulo {
max-width:700px;
margin:0;
color:#ffffff;
font-family:"Cormorant Garamond", Georgia, serif;
font-size:clamp(2.8rem,4.5vw,5.2rem);
font-weight:400;
line-height:1.06;
letter-spacing:-.02em;
}
body:where(.page-id-16) .hero-restaurante-slogan {
max-width:520px;
margin:1.4rem 0 0;
color:rgba(255,255,255,.85);
font-family:Manrope, Arial, sans-serif;
font-size:1.05rem;
font-weight:400;
line-height:1.75;
letter-spacing:.01em;
}
body:where(.page-id-16) .hero-restaurante-botones {
display:flex;
gap:.9rem;
margin-top:2.8rem;
}
body:where(.page-id-16) .hero-restaurante-btn {
display:inline-flex;
align-items:center;
justify-content:center;
min-height:48px;
padding:.85rem 2rem;
border-radius:999px;
font-family:Manrope, Arial, sans-serif;
font-size:.8rem;
font-weight:700;
line-height:1;
letter-spacing:.08em;
text-transform:uppercase;
text-decoration:none;
transition:background-color .45s cubic-bezier(.22,.61,.36,1), color .45s cubic-bezier(.22,.61,.36,1), border-color .45s cubic-bezier(.22,.61,.36,1), transform .45s cubic-bezier(.22,.61,.36,1);
}
body:where(.page-id-16) .hero-restaurante-btn--principal {
background:#b08a5a;
color:#ffffff;
border:1.5px solid #b08a5a;
}
body:where(.page-id-16) .hero-restaurante-btn--principal:hover {
background:transparent;
color:#ffffff;
border-color:#ffffff;
transform:translateY(-2px);
text-decoration:none;
}
body:where(.page-id-16) .zag-seccion-etiqueta {
display:flex;
align-items:center;
gap:1rem;
margin:0 0 1rem;
color:#b08a5a;
font-family:Manrope, Arial, sans-serif;
font-size:.78rem;
font-weight:600;
line-height:1.4;
letter-spacing:.22em;
text-transform:uppercase;
}
body:where(.page-id-16) .zag-seccion-etiqueta::after {
content:"";
display:block;
width:70px;
height:1px;
background:linear-gradient(90deg, #b08a5a 0%, rgba(176,138,90,.15) 100%);
}
body:where(.page-id-16) .zag-seccion-titulo {
margin:0 0 1.6rem;
color:#1a1a1a;
font-family:"Cormorant Garamond", Georgia, serif;
font-size:clamp(2rem,3vw,3rem);
font-weight:400;
line-height:1.12;
letter-spacing:-.01em;
}
body:where(.page-id-16) .zag-seccion-texto {
margin:0 0 1.2rem;
color:#444444;
font-family:Manrope, Arial, sans-serif;
font-size:1rem;
font-weight:400;
line-height:1.8;
letter-spacing:.01em;
}
body:where(.page-id-16) a.zag-btn {
display:inline-flex;
align-items:center;
justify-content:center;
min-height:48px;
padding:.85rem 2rem;
border-radius:999px;
font-family:Manrope, Arial, sans-serif;
font-size:.8rem;
font-weight:700;
line-height:1;
letter-spacing:.08em;
text-transform:uppercase;
text-decoration:none;
margin-top:1.6rem;
transition:background-color .45s cubic-bezier(.22,.61,.36,1), color .45s cubic-bezier(.22,.61,.36,1), border-color .45s cubic-bezier(.22,.61,.36,1), transform .45s cubic-bezier(.22,.61,.36,1);
}
body:where(.page-id-16) a.zag-btn--principal {
background:#b08a5a;
color:#ffffff;
border:1.5px solid #b08a5a;
}
body:where(.page-id-16) a.zag-btn--principal:hover {
background:transparent;
color:#b08a5a;
border-color:#b08a5a;
transform:translateY(-2px);
}
body:where(.page-id-16) a.zag-btn--secundario {
background:transparent;
color:#1a1a1a;
border:1.5px solid rgba(26,26,26,.35);
}
body:where(.page-id-16) a.zag-btn--secundario:hover {
background:#1a1a1a;
color:#ffffff;
border-color:#1a1a1a;
transform:translateY(-2px);
}
body:where(.page-id-16) .zag-presentacion {
background:#faf8f5;
padding:6rem 3%;
}
body:where(.page-id-16) .zag-presentacion-inner {
max-width:1240px;
margin:0 auto !important;
gap:5rem !important;
align-items:center !important;
}
body:where(.page-id-16) .zag-presentacion-texto {
display:flex;
flex-direction:column;
align-items:flex-start;
}
body:where(.page-id-16) .zag-presentacion-imagen {
position:relative;
overflow:visible;
border-radius:4px;
}
body:where(.page-id-16) .zag-presentacion-imagen::after {
content:"";
position:absolute;
bottom:-16px;
right:-16px;
width:100%;
height:100%;
border:2px solid #b08a5a;
border-radius:4px;
z-index:0;
pointer-events:none;
}
body:where(.page-id-16) .zag-presentacion-foto {
display:block;
width:100%;
height:100%;
object-fit:cover;
object-position:center;
border-radius:4px;
position:relative;
z-index:1;
box-shadow:-8px 8px 32px rgba(0,0,0,.18);
}
@media only screen and (max-width: 959px) {
body:where(.page-id-16) .hero-restaurante-contenido {
padding:7rem 5% 5rem;
}
body:where(.page-id-16) .hero-restaurante-titulo {
font-size:clamp(2.4rem,5vw,3.8rem);
}
body:where(.page-id-16) .hero-restaurante-slogan {
font-size:1rem;
}
body:where(.page-id-16) .zag-presentacion {
padding:5rem 5%;
}
body:where(.page-id-16) .zag-presentacion-inner {
gap:3rem !important;
}
body:where(.page-id-16) .zag-seccion-titulo {
font-size:clamp(1.8rem,4vw,2.6rem);
}
}
@media only screen and (max-width: 767px) {
body:where(.page-id-16) .hero-restaurante-contenido {
padding:6.5rem 6% 4.5rem;
}
body:where(.page-id-16) .hero-restaurante-titulo {
font-size:clamp(2.2rem,10vw,3rem);
line-height:1.08;
}
body:where(.page-id-16) .hero-restaurante-slogan {
font-size:.96rem;
line-height:1.68;
}
body:where(.page-id-16) .hero-restaurante-botones {
flex-direction:column;
align-items:flex-start;
gap:.75rem;
margin-top:2rem;
}
body:where(.page-id-16) .hero-restaurante-btn {
width:100%;
}
body:where(.page-id-16) .zag-presentacion {
padding:4rem 6%;
}
body:where(.page-id-16) .zag-presentacion-inner {
grid-template-columns:1fr;
}
body:where(.page-id-16) .zag-presentacion-foto {
max-height:320px;
}
body:where(.page-id-16) .zag-seccion-titulo {
font-size:clamp(1.8rem,8vw,2.4rem);
}
}
body:where(.page-id-16) .zag-especialidades {
background:#ffffff;
padding:6rem 3%;
}
body:where(.page-id-16) .zag-especialidades-inner {
max-width:1240px;
margin:0 auto;
}
body:where(.page-id-16) .zag-especialidades-cabecera {
margin-bottom:3.5rem;
text-align:center;
}
body:where(.page-id-16) .zag-especialidades-cabecera .zag-seccion-etiqueta {
justify-content:center;
}
body:where(.page-id-16) .zag-especialidades-cabecera .zag-seccion-etiqueta::before {
content:"";
display:block;
width:70px;
height:1px;
background:linear-gradient(270deg, #b08a5a 0%, rgba(176,138,90,.15) 100%);
}
body:where(.page-id-16) .zag-especialidades-cabecera .zag-seccion-etiqueta::after {
content:"";
display:block;
width:70px;
height:1px;
background:linear-gradient(90deg, #b08a5a 0%, rgba(176,138,90,.15) 100%);
}
body:where(.page-id-16) .zag-especialidades-cabecera .zag-seccion-titulo {
text-align:center;
}
body:where(.page-id-16) .zag-especialidades-grid {
display:grid;
grid-template-columns:repeat(3, 1fr);
gap:2.5rem;
}
body:where(.page-id-16) .zag-especialidades-grid > div {
display:contents;
}
body:where(.page-id-16) .zag-especialidad-card {
display:flex;
flex-direction:column;
align-items:center;
text-align:center;
}
body:where(.page-id-16) .zag-especialidad-foto-wrap {
overflow:hidden;
border-radius:4px;
aspect-ratio:3/4;
width:100%;
}
body:where(.page-id-16) .zag-especialidad-foto {
display:block;
width:100%;
height:100% !important;
object-fit:cover;
object-position:center;
transition:transform .9s cubic-bezier(.22,.61,.36,1);
}
body:where(.page-id-16) .zag-especialidad-card:hover .zag-especialidad-foto {
transform:scale(1.04);
}
body:where(.page-id-16) .zag-especialidad-texto {
padding:1.4rem 0 0;
display:flex;
flex-direction:column;
align-items:center;
}
body:where(.page-id-16) .zag-especialidad-nombre {
margin:0 0 .8rem;
color:#1a1a1a;
font-family:"Cormorant Garamond", Georgia, serif;
font-size:1.8rem;
font-weight:600;
line-height:1.2;
letter-spacing:-.01em;
}
body:where(.page-id-16) .zag-especialidad-nombre::after {
content:"";
display:block;
width:32px;
height:1.5px;
background:#b08a5a;
margin:.7rem auto 0;
}
body:where(.page-id-16) .zag-especialidad-desc {
margin:.8rem 0 0;
color:#666666;
font-family:Manrope, Arial, sans-serif;
font-size:.92rem;
font-weight:400;
line-height:1.7;
}
@media only screen and (max-width: 959px) {
body:where(.page-id-16) .zag-especialidades {
padding:5rem 5%;
}
body:where(.page-id-16) .zag-especialidades-grid {
gap:2rem;
}
}
@media only screen and (max-width: 767px) {
body:where(.page-id-16) .zag-especialidades {
padding:4rem 6%;
}
body:where(.page-id-16) .zag-especialidades-grid {
grid-template-columns:1fr;
gap:2.4rem;
}
body:where(.page-id-16) .zag-especialidad-foto-wrap {
aspect-ratio:4/3;
}
}
body:where(.page-id-16) .zag-ambiente {
background:#1e1e1e;
padding:6rem 3%;
}
body:where(.page-id-16) .zag-ambiente-inner {
max-width:1240px;
margin:0 auto;
}
body:where(.page-id-16) .zag-ambiente-cabecera {
text-align:center;
margin-bottom:3.5rem;
}
body:where(.page-id-16) .zag-ambiente-cabecera .zag-seccion-etiqueta {
justify-content:center;
color:#d6c3a5;
}
body:where(.page-id-16) .zag-ambiente-cabecera .zag-seccion-etiqueta::before {
content:"";
display:block;
width:70px;
height:1px;
background:linear-gradient(270deg, #b08a5a 0%, rgba(176,138,90,.15) 100%);
}
body:where(.page-id-16) .zag-ambiente-cabecera .zag-seccion-etiqueta::after {
content:"";
display:block;
width:70px;
height:1px;
background:linear-gradient(90deg, #b08a5a 0%, rgba(176,138,90,.15) 100%);
}
body:where(.page-id-16) .zag-seccion-titulo--claro {
color:#ffffff !important;
}
body:where(.page-id-16) .zag-seccion-texto--claro {
color:rgba(255,255,255,.75) !important;
max-width:560px;
margin-left:auto;
margin-right:auto;
text-align:center;
}
body:where(.page-id-16) .zag-ambiente-mosaico {
display:grid;
grid-template-columns:1fr 1fr;
grid-template-rows:1fr 1fr;
gap:1.2rem;
height:800px;
}
body:where(.page-id-16) .zag-ambiente-foto-wrap {
display:block;
overflow:hidden;
border-radius:4px;
height:100%;
}
body:where(.page-id-16) .zag-ambiente-foto-wrap--grande {
grid-row:span 2;
height:100%;
}
body:where(.page-id-16) .zag-ambiente-columna {
display:contents;
}
body:where(.page-id-16) .zag-ambiente-foto {
display:block;
width:100%;
height:100%;
object-fit:cover;
object-position:center;
transition:transform .9s cubic-bezier(.22,.61,.36,1);
}
body:where(.page-id-16) .zag-ambiente-foto-wrap:hover .zag-ambiente-foto {
transform:scale(1.04);
}
@media only screen and (max-width: 959px) {
body:where(.page-id-16) .zag-ambiente {
padding:5rem 5%;
}
body:where(.page-id-16) .zag-ambiente-mosaico {
height:520px;
}
}
@media only screen and (max-width: 767px) {
body:where(.page-id-16) .zag-ambiente {
padding:4rem 6%;
}
body:where(.page-id-16) .zag-ambiente-mosaico {
grid-template-columns:1fr;
grid-template-rows:auto;
height:auto;
}
body:where(.page-id-16) .zag-ambiente-foto-wrap--grande {
grid-row:span 1;
height:320px;
}
body:where(.page-id-16) .zag-ambiente-foto-wrap {
height:240px;
}
}
body:where(.page-id-16) .zag-cta-reservas {
background:#faf8f5;
padding:6rem 3%;
}
body:where(.page-id-16) .zag-cta-reservas-inner {
max-width:720px;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
text-align:center;
}
body:where(.page-id-16) .zag-cta-reservas-etiqueta {
justify-content:center;
}
body:where(.page-id-16) .zag-cta-reservas-etiqueta::before {
content:"";
display:block;
width:70px;
height:1px;
background:linear-gradient(270deg, #b08a5a 0%, rgba(176,138,90,.15) 100%);
}
body:where(.page-id-16) .zag-cta-reservas .zag-seccion-titulo {
text-align:center;
max-width:580px;
}
body:where(.page-id-16) .zag-cta-reservas-desc {
text-align:center;
max-width:480px;
margin:0 auto;
color:#444444;
font-family:Manrope, Arial, sans-serif;
font-size:1rem;
font-weight:400;
line-height:1.8;
letter-spacing:.01em;
}
body:where(.page-id-16) .zag-cta-reservas-botones {
display:flex;
gap:1rem;
justify-content:center;
margin-top:1.4rem;
flex-wrap:wrap;
}
body:where(.page-id-16) .zag-btn-icono {
width:18px;
height:18px;
display:inline-block;
vertical-align:middle;
margin-right:.5rem;
}
body:where(.page-id-16) .zag-btn--cta-principal .zag-btn-icono {
filter:brightness(0) invert(1);
}
body:where(.page-id-16) .zag-btn--cta-secundario .zag-btn-icono {
filter:brightness(0) saturate(100%) invert(58%) sepia(30%) saturate(500%) hue-rotate(5deg) brightness(90%);
}
body:where(.page-id-16) .zag-btn--cta-principal {
background:#b08a5a;
color:#ffffff;
border:1.5px solid #b08a5a;
display:inline-flex;
align-items:center;
justify-content:center;
min-height:52px;
padding:.9rem 2.2rem;
border-radius:999px;
font-family:Manrope, Arial, sans-serif;
font-size:.9rem;
font-weight:700;
letter-spacing:.06em;
text-transform:uppercase;
text-decoration:none;
transition:background .45s cubic-bezier(.22,.61,.36,1), color .45s cubic-bezier(.22,.61,.36,1), border-color .45s cubic-bezier(.22,.61,.36,1), transform .45s cubic-bezier(.22,.61,.36,1);
}
body:where(.page-id-16) .zag-btn--cta-principal:hover {
background:transparent;
color:#b08a5a;
border-color:#b08a5a;
transform:translateY(-2px);
}
body:where(.page-id-16) .zag-btn--cta-secundario {
background:transparent;
color:#1a1a1a;
border:1.5px solid rgba(26,26,26,.35);
display:inline-flex;
align-items:center;
justify-content:center;
min-height:52px;
padding:.9rem 2.2rem;
border-radius:999px;
font-family:Manrope, Arial, sans-serif;
font-size:.9rem;
font-weight:700;
letter-spacing:.06em;
text-transform:uppercase;
text-decoration:none;
transition:background .45s cubic-bezier(.22,.61,.36,1), color .45s cubic-bezier(.22,.61,.36,1), border-color .45s cubic-bezier(.22,.61,.36,1), transform .45s cubic-bezier(.22,.61,.36,1);
}
body:where(.page-id-16) .zag-btn--cta-secundario:hover {
background:#1a1a1a;
color:#ffffff;
border-color:#1a1a1a;
transform:translateY(-2px);
}
body:where(.page-id-16) .zag-cta-reservas-horario {
margin-top:2.4rem;
padding-top:2rem;
border-top:1px solid rgba(26,26,26,.12);
width:100%;
display:flex;
flex-direction:column;
align-items:center;
}
body:where(.page-id-16) .zag-cta-reservas-horario-label {
font-family:Manrope, Arial, sans-serif;
font-size:.7rem;
font-weight:600;
letter-spacing:.2em;
text-transform:uppercase;
color:#b08a5a;
margin-bottom:.8rem;
}
body:where(.page-id-16) .zag-cta-reservas .zaguan-horario--compacto {
align-items:center;
}
body:where(.page-id-16) .zag-cta-reservas .zaguan-horario-dias {
font-size:.88rem;
font-weight:600;
color:#1a1a1a;
display:block;
}
body:where(.page-id-16) .zag-cta-reservas .zaguan-horario-turnos {
font-size:.84rem;
color:#555555;
display:block;
}
body:where(.page-id-16) .zag-cta-reservas .zaguan-horario-cerrado {
font-size:.78rem;
color:#888888;
display:block;
margin-top:.3rem;
}
@media only screen and (max-width: 767px) {
body:where(.page-id-16) .zag-cta-reservas {
padding:4rem 6%;
}
body:where(.page-id-16) .zag-cta-reservas-botones {
flex-direction:column;
align-items:center;
}
body:where(.page-id-16) .zag-btn--cta-principal,
body:where(.page-id-16) .zag-btn--cta-secundario {
width:100%;
max-width:320px;
}
}
body:where(.page-id-16) .zag-galeria {
background:#ffffff;
padding:6rem 3%;
}
body:where(.page-id-16) .zag-galeria-inner {
max-width:1240px;
margin:0 auto;
}
body:where(.page-id-16) .zag-galeria-cabecera {
text-align:center;
margin-bottom:3.5rem;
}
body:where(.page-id-16) .zag-galeria-cabecera .zag-seccion-etiqueta {
justify-content:center;
}
body:where(.page-id-16) .zag-galeria-cabecera .zag-seccion-etiqueta::before {
content:"";
display:block;
width:70px;
height:1px;
background:linear-gradient(270deg, #b08a5a 0%, rgba(176,138,90,.15) 100%);
}
body:where(.page-id-16) .zag-galeria-cabecera .zag-seccion-etiqueta::after {
content:"";
display:block;
width:70px;
height:1px;
background:linear-gradient(90deg, #b08a5a 0%, rgba(176,138,90,.15) 100%);
}
body:where(.page-id-16) .zag-galeria-cabecera .zag-seccion-titulo {
text-align:center;
}
body:where(.page-id-16) .zag-galeria-platos {
display:grid;
grid-template-columns:repeat(5, 1fr);
gap:.8rem;
}
body:where(.page-id-16) .zag-galeria-item {
display:block;
overflow:hidden;
border-radius:4px;
aspect-ratio:1/1;
}
body:where(.page-id-16) .zag-galeria-foto {
display:block;
width:100%;
height:100% !important;
object-fit:cover;
object-position:center;
transition:transform .9s cubic-bezier(.22,.61,.36,1);
}
body:where(.page-id-16) .zag-galeria-item:hover .zag-galeria-foto {
transform:scale(1.04);
}
@media only screen and (max-width: 959px) {
body:where(.page-id-16) .zag-galeria {
padding:5rem 5%;
}
body:where(.page-id-16) .zag-galeria-platos {
grid-template-columns:repeat(3, 1fr);
}
}
@media only screen and (max-width: 767px) {
body:where(.page-id-16) .zag-galeria {
padding:4rem 6%;
}
body:where(.page-id-16) .zag-galeria-platos {
grid-template-columns:repeat(2, 1fr);
gap:.5rem;
}
}

/* Bar */
body:where(.page-id-17) .hero-bar-contenido {
position:relative;
z-index:4;
max-width:1240px;
margin:0 auto;
padding:8rem 3% 7rem;
width:100%;
}
body:where(.page-id-17) .hero-bar-etiqueta {
display:flex;
align-items:center;
gap:1rem;
margin:0 0 1rem;
color:#d6c3a5;
font-family:Manrope, Arial, sans-serif;
font-size:.78rem;
font-weight:600;
line-height:1.4;
letter-spacing:.22em;
text-transform:uppercase;
}
body:where(.page-id-17) .hero-bar-etiqueta::after {
content:"";
display:block;
width:70px;
height:1px;
background:linear-gradient(90deg, #b08a5a 0%, rgba(176,138,90,.15) 100%);
}
body:where(.page-id-17) .hero-bar-titulo {
max-width:700px;
margin:0;
color:#ffffff;
font-family:"Cormorant Garamond", Georgia, serif;
font-size:clamp(2.8rem,4.5vw,5.2rem);
font-weight:400;
line-height:1.06;
letter-spacing:-.02em;
}
body:where(.page-id-17) .hero-bar-slogan {
max-width:520px;
margin:1.4rem 0 0;
color:rgba(255,255,255,.85);
font-family:Manrope, Arial, sans-serif;
font-size:1.05rem;
font-weight:400;
line-height:1.75;
letter-spacing:.01em;
}
body:where(.page-id-17) .hero-bar-botones {
display:flex;
gap:.9rem;
margin-top:2.8rem;
}
body:where(.page-id-17) .hero-bar-btn {
display:inline-flex;
align-items:center;
justify-content:center;
min-height:48px;
padding:.85rem 2rem;
border-radius:999px;
font-family:Manrope, Arial, sans-serif;
font-size:.8rem;
font-weight:700;
line-height:1;
letter-spacing:.08em;
text-transform:uppercase;
text-decoration:none;
transition:background-color .45s cubic-bezier(.22,.61,.36,1), color .45s cubic-bezier(.22,.61,.36,1), border-color .45s cubic-bezier(.22,.61,.36,1), transform .45s cubic-bezier(.22,.61,.36,1);
}
body:where(.page-id-17) .hero-bar-btn--principal {
background:#b08a5a;
color:#ffffff;
border:1.5px solid #b08a5a;
}
body:where(.page-id-17) .hero-bar-btn--principal:hover {
background:transparent;
color:#ffffff;
border-color:#ffffff;
transform:translateY(-2px);
text-decoration:none;
}
body:where(.page-id-17) .zag-seccion-etiqueta {
display:flex;
align-items:center;
gap:1rem;
margin:0 0 1rem;
color:#b08a5a;
font-family:Manrope, Arial, sans-serif;
font-size:.78rem;
font-weight:600;
line-height:1.4;
letter-spacing:.22em;
text-transform:uppercase;
}
body:where(.page-id-17) .zag-seccion-etiqueta::after {
content:"";
display:block;
width:70px;
height:1px;
background:linear-gradient(90deg, #b08a5a 0%, rgba(176,138,90,.15) 100%);
}
body:where(.page-id-17) .zag-seccion-titulo {
margin:0 0 1.6rem;
color:#1a1a1a;
font-family:"Cormorant Garamond", Georgia, serif;
font-size:clamp(2rem,3vw,3rem);
font-weight:400;
line-height:1.12;
letter-spacing:-.01em;
}
body:where(.page-id-17) .zag-seccion-texto {
margin:0 0 1.2rem;
color:#444444;
font-family:Manrope, Arial, sans-serif;
font-size:1rem;
font-weight:400;
line-height:1.8;
letter-spacing:.01em;
}
body:where(.page-id-17) .zag-seccion-titulo--claro {
color:#ffffff !important;
}
body:where(.page-id-17) .zag-seccion-texto--claro {
color:rgba(255,255,255,.75) !important;
}
body:where(.page-id-17) a.zag-btn {
display:inline-flex;
align-items:center;
justify-content:center;
min-height:48px;
padding:.85rem 2rem;
border-radius:999px;
font-family:Manrope, Arial, sans-serif;
font-size:.8rem;
font-weight:700;
line-height:1;
letter-spacing:.08em;
text-transform:uppercase;
text-decoration:none;
margin-top:1.6rem;
transition:background-color .45s cubic-bezier(.22,.61,.36,1), color .45s cubic-bezier(.22,.61,.36,1), border-color .45s cubic-bezier(.22,.61,.36,1), transform .45s cubic-bezier(.22,.61,.36,1);
}
body:where(.page-id-17) a.zag-btn--principal {
background:#b08a5a;
color:#ffffff;
border:1.5px solid #b08a5a;
}
body:where(.page-id-17) a.zag-btn--principal:hover {
background:transparent;
color:#b08a5a;
border-color:#b08a5a;
transform:translateY(-2px);
}
body:where(.page-id-17) a.zag-btn--secundario {
background:transparent;
color:#1a1a1a;
border:1.5px solid rgba(26,26,26,.35);
}
body:where(.page-id-17) a.zag-btn--secundario:hover {
background:#1a1a1a;
color:#ffffff;
border-color:#1a1a1a;
transform:translateY(-2px);
}
body:where(.page-id-17) .zag-presentacion {
background:#ffffff;
padding:6rem 3%;
}
body:where(.page-id-17) .zag-presentacion-inner {
max-width:1240px;
margin:0 auto !important;
gap:5rem !important;
align-items:center !important;
}
body:where(.page-id-17) .zag-presentacion--invertida .zag-presentacion-inner {
direction:rtl;
}
body:where(.page-id-17) .zag-presentacion--invertida .zag-presentacion-inner > * {
direction:ltr;
}
body:where(.page-id-17) .zag-presentacion-texto {
display:flex;
flex-direction:column;
align-items:flex-start;
}
body:where(.page-id-17) .zag-presentacion-imagen {
position:relative;
overflow:visible;
border-radius:4px;
}
body:where(.page-id-17) .zag-presentacion-foto--izq {
display:block;
width:100%;
height:100%;
object-fit:cover;
object-position:center;
border-radius:4px;
position:relative;
z-index:1;
box-shadow:8px 8px 32px rgba(0,0,0,.18);
}
body:where(.page-id-17) .zag-presentacion--invertida .zag-presentacion-imagen::after {
content:"";
position:absolute;
bottom:-16px;
left:-16px;
right:auto;
width:100%;
height:100%;
border:2px solid #b08a5a;
border-radius:4px;
z-index:0;
pointer-events:none;
}
body:where(.page-id-17) .zag-tapas {
background:#1e1e1e;
padding:6rem 3%;
}
body:where(.page-id-17) .zag-tapas-inner {
max-width:1240px;
margin:0 auto;
}
body:where(.page-id-17) .zag-tapas-cabecera {
margin-bottom:3.5rem;
text-align:center;
}
body:where(.page-id-17) .zag-tapas-cabecera .zag-seccion-etiqueta {
justify-content:center;
color:#d6c3a5;
}
body:where(.page-id-17) .zag-tapas-cabecera .zag-seccion-etiqueta::before {
content:"";
display:block;
width:70px;
height:1px;
background:linear-gradient(270deg, #b08a5a 0%, rgba(176,138,90,.15) 100%);
}
body:where(.page-id-17) .zag-tapas-cabecera .zag-seccion-etiqueta::after {
content:"";
display:block;
width:70px;
height:1px;
background:linear-gradient(90deg, #b08a5a 0%, rgba(176,138,90,.15) 100%);
}
body:where(.page-id-17) .zag-tapas-cabecera .zag-seccion-titulo {
text-align:center;
}
body:where(.page-id-17) .zag-tapas-cabecera .zag-seccion-texto--claro {
max-width:560px;
margin-left:auto;
margin-right:auto;
text-align:center;
}
body:where(.page-id-17) .zag-tapas-grid {
display:grid;
grid-template-columns:repeat(3, 1fr);
gap:2.5rem;
}
body:where(.page-id-17) .zag-tapas-grid > div {
display:contents;
}
body:where(.page-id-17) .zag-tapas-card {
display:flex;
flex-direction:column;
align-items:center;
text-align:center;
}
body:where(.page-id-17) .zag-tapas-foto-wrap {
overflow:hidden;
border-radius:4px;
aspect-ratio:4/3;
width:100%;
}
body:where(.page-id-17) .zag-tapas-foto {
display:block;
width:100%;
height:100% !important;
object-fit:cover;
object-position:center;
transition:transform .9s cubic-bezier(.22,.61,.36,1);
}
body:where(.page-id-17) .zag-tapas-card:hover .zag-tapas-foto {
transform:scale(1.04);
}
body:where(.page-id-17) .zag-tapas-texto {
padding:1.4rem 0 0;
display:flex;
flex-direction:column;
align-items:center;
}
body:where(.page-id-17) .zag-tapas-nombre {
margin:0 0 .8rem;
color:#ffffff;
font-family:"Cormorant Garamond", Georgia, serif;
font-size:1.8rem;
font-weight:600;
line-height:1.2;
letter-spacing:-.01em;
}
body:where(.page-id-17) .zag-tapas-nombre::after {
content:"";
display:block;
width:32px;
height:1.5px;
background:#b08a5a;
margin:.7rem auto 0;
}
body:where(.page-id-17) .zag-tapas-desc {
margin:.8rem 0 0;
color:rgba(255,255,255,.65);
font-family:Manrope, Arial, sans-serif;
font-size:.92rem;
font-weight:400;
line-height:1.7;
}
body:where(.page-id-17) .zag-bar-ambiente {
background:#faf8f5;
padding:6rem 3%;
}
body:where(.page-id-17) .zag-bar-ambiente-inner {
max-width:1240px;
margin:0 auto;
}
body:where(.page-id-17) .zag-bar-ambiente-cabecera {
text-align:center;
margin-bottom:3.5rem;
}
body:where(.page-id-17) .zag-bar-ambiente-cabecera .zag-seccion-etiqueta {
justify-content:center;
}
body:where(.page-id-17) .zag-bar-ambiente-cabecera .zag-seccion-etiqueta::before {
content:"";
display:block;
width:70px;
height:1px;
background:linear-gradient(270deg, #b08a5a 0%, rgba(176,138,90,.15) 100%);
}
body:where(.page-id-17) .zag-bar-ambiente-cabecera .zag-seccion-etiqueta::after {
content:"";
display:block;
width:70px;
height:1px;
background:linear-gradient(90deg, #b08a5a 0%, rgba(176,138,90,.15) 100%);
}
body:where(.page-id-17) .zag-bar-ambiente-cabecera .zag-seccion-titulo {
text-align:center;
}
body:where(.page-id-17) .zag-bar-ambiente-intro {
text-align:center;
max-width:520px;
margin-left:auto !important;
margin-right:auto !important;
}
body:where(.page-id-17) .zag-bar-ambiente-mosaico {
display:grid;
grid-template-columns:1fr 1fr;
grid-template-rows:1fr 1fr;
gap:1.2rem;
height:680px;
}
body:where(.page-id-17) .zag-bar-foto-wrap {
display:block;
overflow:hidden;
border-radius:4px;
height:100%;
}
body:where(.page-id-17) .zag-bar-foto-wrap--grande {
grid-row:span 2;
height:100%;
}
body:where(.page-id-17) .zag-bar-columna {
display:contents;
}
body:where(.page-id-17) .zag-bar-foto {
display:block;
width:100%;
height:100% !important;
object-fit:cover;
object-position:center;
transition:transform .9s cubic-bezier(.22,.61,.36,1);
}
body:where(.page-id-17) .zag-bar-foto-wrap:hover .zag-bar-foto {
transform:scale(1.04);
}
body:where(.page-id-17) .zag-cta-reservas {
background:#1a1a1a;
padding:6rem 3%;
}
body:where(.page-id-17) .zag-cta-reservas-inner {
max-width:720px;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
text-align:center;
}
body:where(.page-id-17) .zag-cta-reservas-etiqueta {
justify-content:center;
color:#d6c3a5;
}
body:where(.page-id-17) .zag-cta-reservas-etiqueta::before {
content:"";
display:block;
width:70px;
height:1px;
background:linear-gradient(270deg, #b08a5a 0%, rgba(176,138,90,.15) 100%);
}
body:where(.page-id-17) .zag-cta-reservas-etiqueta::after {
content:"";
display:block;
width:70px;
height:1px;
background:linear-gradient(90deg, #b08a5a 0%, rgba(176,138,90,.15) 100%);
}
body:where(.page-id-17) .zag-cta-reservas .zag-seccion-titulo {
text-align:center;
max-width:580px;
color:#ffffff !important;
}
body:where(.page-id-17) .zag-cta-reservas-desc {
text-align:center;
max-width:480px;
margin:0 auto;
color:rgba(255,255,255,.75);
font-family:Manrope, Arial, sans-serif;
font-size:1rem;
font-weight:400;
line-height:1.8;
letter-spacing:.01em;
}
body:where(.page-id-17) .zag-cta-reservas-botones {
display:flex;
gap:1rem;
justify-content:center;
margin-top:1.4rem;
flex-wrap:wrap;
}
body:where(.page-id-17) .zag-btn-icono {
width:18px;
height:18px;
display:inline-block;
vertical-align:middle;
margin-right:.5rem;
}
body:where(.page-id-17) .zag-btn--cta-principal .zag-btn-icono {
filter:brightness(0) invert(1);
}
body:where(.page-id-17) .zag-btn--cta-secundario .zag-btn-icono {
filter:brightness(0) saturate(100%) invert(58%) sepia(30%) saturate(500%) hue-rotate(5deg) brightness(90%);
}
body:where(.page-id-17) .zag-btn--cta-principal {
background:#b08a5a;
color:#ffffff;
border:1.5px solid #b08a5a;
display:inline-flex;
align-items:center;
justify-content:center;
min-height:52px;
padding:.9rem 2.2rem;
border-radius:999px;
font-family:Manrope, Arial, sans-serif;
font-size:.9rem;
font-weight:700;
letter-spacing:.06em;
text-transform:uppercase;
text-decoration:none;
transition:background .45s cubic-bezier(.22,.61,.36,1), color .45s cubic-bezier(.22,.61,.36,1), border-color .45s cubic-bezier(.22,.61,.36,1), transform .45s cubic-bezier(.22,.61,.36,1);
}
body:where(.page-id-17) .zag-btn--cta-principal:hover {
background:transparent;
color:#b08a5a;
border-color:#b08a5a;
transform:translateY(-2px);
}
body:where(.page-id-17) .zag-btn--cta-secundario {
background:transparent;
color:#ffffff;
border:1.5px solid rgba(255,255,255,.35);
display:inline-flex;
align-items:center;
justify-content:center;
min-height:52px;
padding:.9rem 2.2rem;
border-radius:999px;
font-family:Manrope, Arial, sans-serif;
font-size:.9rem;
font-weight:700;
letter-spacing:.06em;
text-transform:uppercase;
text-decoration:none;
transition:background .45s cubic-bezier(.22,.61,.36,1), color .45s cubic-bezier(.22,.61,.36,1), border-color .45s cubic-bezier(.22,.61,.36,1), transform .45s cubic-bezier(.22,.61,.36,1);
}
body:where(.page-id-17) .zag-btn--cta-secundario:hover {
background:rgba(255,255,255,.1);
color:#ffffff;
border-color:rgba(255,255,255,.8);
transform:translateY(-2px);
}
body:where(.page-id-17) .zag-cta-reservas-horario {
margin-top:2.4rem;
padding-top:2rem;
border-top:1px solid rgba(255,255,255,.12);
width:100%;
display:flex;
flex-direction:column;
align-items:center;
}
body:where(.page-id-17) .zag-cta-reservas-horario-label {
font-family:Manrope, Arial, sans-serif;
font-size:.7rem;
font-weight:600;
letter-spacing:.2em;
text-transform:uppercase;
color:#b08a5a;
margin-bottom:.8rem;
}
body:where(.page-id-17) .zag-cta-reservas .zaguan-horario--compacto {
align-items:center;
}
body:where(.page-id-17) .zag-cta-reservas .zaguan-horario-dias {
font-size:.88rem;
font-weight:600;
color:#ffffff;
display:block;
}
body:where(.page-id-17) .zag-cta-reservas .zaguan-horario-turnos {
font-size:.84rem;
color:rgba(255,255,255,.65);
display:block;
}
body:where(.page-id-17) .zag-cta-reservas .zaguan-horario-cerrado {
font-size:.78rem;
color:rgba(255,255,255,.45);
display:block;
margin-top:.3rem;
}
body:where(.page-id-17) .zag-galeria--bar {
background:#ffffff;
padding:6rem 3%;
}
body:where(.page-id-17) .zag-galeria--bar .zag-galeria-inner {
max-width:1240px;
margin:0 auto;
}
body:where(.page-id-17) .zag-galeria--bar .zag-galeria-cabecera {
text-align:center;
margin-bottom:3.5rem;
}
body:where(.page-id-17) .zag-galeria--bar .zag-galeria-cabecera .zag-seccion-etiqueta {
justify-content:center;
}
body:where(.page-id-17) .zag-galeria--bar .zag-galeria-cabecera .zag-seccion-etiqueta::before {
content:"";
display:block;
width:70px;
height:1px;
background:linear-gradient(270deg, #b08a5a 0%, rgba(176,138,90,.15) 100%);
}
body:where(.page-id-17) .zag-galeria--bar .zag-galeria-cabecera .zag-seccion-etiqueta::after {
content:"";
display:block;
width:70px;
height:1px;
background:linear-gradient(90deg, #b08a5a 0%, rgba(176,138,90,.15) 100%);
}
body:where(.page-id-17) .zag-galeria--bar .zag-galeria-cabecera .zag-seccion-titulo {
text-align:center;
}
body:where(.page-id-17) .zag-galeria-bar {
display:grid;
grid-template-columns:repeat(5, 1fr);
gap:.8rem;
}
body:where(.page-id-17) .zag-galeria-item {
display:block;
overflow:hidden;
border-radius:4px;
aspect-ratio:1/1;
}
body:where(.page-id-17) .zag-galeria-foto {
display:block;
width:100%;
height:100% !important;
object-fit:cover;
object-position:center;
transition:transform .9s cubic-bezier(.22,.61,.36,1);
}
body:where(.page-id-17) .zag-galeria-item:hover .zag-galeria-foto {
transform:scale(1.04);
}
@media only screen and (max-width: 959px) {
body:where(.page-id-17) .hero-bar-contenido {
padding:7rem 5% 5rem;
}
body:where(.page-id-17) .hero-bar-titulo {
font-size:clamp(2.4rem,5vw,3.8rem);
}
body:where(.page-id-17) .hero-bar-slogan {
font-size:1rem;
}
body:where(.page-id-17) .zag-presentacion {
padding:5rem 5%;
}
body:where(.page-id-17) .zag-presentacion-inner {
gap:3rem !important;
}
body:where(.page-id-17) .zag-seccion-titulo {
font-size:clamp(1.8rem,4vw,2.6rem);
}
body:where(.page-id-17) .zag-tapas {
padding:5rem 5%;
}
body:where(.page-id-17) .zag-tapas-grid {
gap:2rem;
}
body:where(.page-id-17) .zag-bar-ambiente {
padding:5rem 5%;
}
body:where(.page-id-17) .zag-bar-ambiente-mosaico {
height:520px;
}
body:where(.page-id-17) .zag-cta-reservas {
padding:5rem 5%;
}
body:where(.page-id-17) .zag-galeria--bar {
padding:5rem 5%;
}
body:where(.page-id-17) .zag-galeria-bar {
grid-template-columns:repeat(3, 1fr);
}
}
@media only screen and (max-width: 767px) {
body:where(.page-id-17) .hero-bar-contenido {
padding:6.5rem 6% 4.5rem;
}
body:where(.page-id-17) .hero-bar-titulo {
font-size:clamp(2.2rem,10vw,3rem);
line-height:1.08;
}
body:where(.page-id-17) .hero-bar-slogan {
font-size:.96rem;
line-height:1.68;
}
body:where(.page-id-17) .hero-bar-botones {
flex-direction:column;
align-items:flex-start;
gap:.75rem;
margin-top:2rem;
}
body:where(.page-id-17) .hero-bar-btn {
width:100%;
}
body:where(.page-id-17) .zag-presentacion {
padding:4rem 6%;
}
body:where(.page-id-17) .zag-presentacion--invertida .zag-presentacion-inner {
direction:ltr;
}
body:where(.page-id-17) .zag-presentacion-inner {
grid-template-columns:1fr;
}
body:where(.page-id-17) .zag-presentacion-foto--izq {
max-height:320px;
}
body:where(.page-id-17) .zag-seccion-titulo {
font-size:clamp(1.8rem,8vw,2.4rem);
}
body:where(.page-id-17) .zag-tapas {
padding:4rem 6%;
}
body:where(.page-id-17) .zag-tapas-grid {
grid-template-columns:1fr;
gap:2rem;
}
body:where(.page-id-17) .zag-tapas-foto-wrap {
aspect-ratio:3/2;
}
body:where(.page-id-17) .zag-bar-ambiente {
padding:4rem 6%;
}
body:where(.page-id-17) .zag-bar-ambiente-mosaico {
grid-template-columns:1fr;
grid-template-rows:auto;
height:auto;
}
body:where(.page-id-17) .zag-bar-foto-wrap--grande {
grid-row:span 1;
height:320px;
}
body:where(.page-id-17) .zag-bar-foto-wrap {
height:240px;
}
body:where(.page-id-17) .zag-cta-reservas {
padding:4rem 6%;
}
body:where(.page-id-17) .zag-cta-reservas-botones {
flex-direction:column;
align-items:center;
}
body:where(.page-id-17) .zag-btn--cta-principal,
body:where(.page-id-17) .zag-btn--cta-secundario {
width:100%;
max-width:320px;
}
body:where(.page-id-17) .zag-galeria--bar {
padding:4rem 6%;
}
body:where(.page-id-17) .zag-galeria-bar {
grid-template-columns:repeat(2, 1fr);
gap:.5rem;
}
}

/* Galerías */
.zc-gal {
display:grid;
grid-template-columns:repeat(var(--zc-gal-cols,4),minmax(0,1fr));
gap:.8rem;
}
.zc-gal-foto {
position:relative;
display:block;
overflow:hidden;
aspect-ratio:1/1;
border-radius:4px;
background-color:#e9e2d8;
}
.zc-gal-foto img {
display:block;
width:100%;
height:100%;
object-fit:cover;
transition:transform 1.1s cubic-bezier(.22,.61,.36,1);
}
.zc-gal-foto:hover img {
transform:scale(1.04);
}
.zc-gals-pestanas {
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:8px;
margin:0 0 26px;
}
.zc-gals-pestana {
padding:10px 20px;
border:1px solid #b08a5a;
border-radius:999px;
background:none;
color:#1a1512;
font-family:inherit;
font-size:14px;
font-weight:600;
letter-spacing:.04em;
cursor:pointer;
transition:background-color .45s cubic-bezier(.22,.61,.36,1),color .45s cubic-bezier(.22,.61,.36,1);
}
.zc-gals-pestana:hover,
.zc-gals-pestana.is-activa {
background-color:#b08a5a;
color:#ffffff;
}
html.zc-lb-activo {
overflow:hidden;
}
.zc-lb {
position:fixed;
inset:0;
z-index:100000;
display:flex;
align-items:center;
justify-content:center;
background-color:rgba(20,16,13,.94);
opacity:0;
visibility:hidden;
transition:opacity .3s ease,visibility .3s ease;
}
.zc-lb.is-abierta {
opacity:1;
visibility:visible;
}
.zc-lb-fig {
box-sizing:border-box;
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
margin:0;
padding:0;
}
.zc-lb-fig img {
width:auto;
height:auto;
max-width:calc(100vw - 140px);
max-height:calc(100vh - 120px);
max-height:calc(100dvh - 120px);
border-radius:4px;
box-shadow:0 20px 60px rgba(0,0,0,.5);
opacity:0;
transition:opacity .45s cubic-bezier(.22,.61,.36,1);
}
.zc-lb-fig img.is-lista {
opacity:1;
}
.zc-lb-cerrar,
.zc-lb-ant,
.zc-lb-sig {
position:absolute;
z-index:2;
width:48px;
height:48px;
border:0;
border-radius:50%;
background:rgba(255,255,255,.1) center / 22px no-repeat;
cursor:pointer;
transition:background-color .4s cubic-bezier(.22,.61,.36,1);
}
.zc-lb-cerrar:hover,
.zc-lb-ant:hover,
.zc-lb-sig:hover {
background-color:rgba(176,138,90,.85);
}
.zc-lb-cerrar {
top:14px;
right:14px;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E");
}
.zc-lb-ant,
.zc-lb-sig {
top:50%;
margin-top:-24px;
}
.zc-lb-ant {
left:14px;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 6l-6 6 6 6'/%3E%3C/svg%3E");
}
.zc-lb-sig {
right:14px;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E");
}
.zc-lb.is-una .zc-lb-ant,
.zc-lb.is-una .zc-lb-sig {
display:none;
}
.zc-lb-cont {
position:absolute;
bottom:18px;
left:50%;
color:rgba(255,255,255,.75);
font-size:13px;
letter-spacing:.1em;
transform:translateX(-50%);
}
@media only screen and (max-width:1023px) {
.zc-gal {
grid-template-columns:repeat(min(var(--zc-gal-cols,4),3),minmax(0,1fr));
}
}
@media only screen and (max-width:767px) {
.zc-gal {
grid-template-columns:repeat(2,minmax(0,1fr));
gap:6px;
}
.zc-lb-fig img {
max-width:calc(100vw - 20px);
max-height:calc(100dvh - 150px);
}
.zc-lb-ant,
.zc-lb-sig {
top:auto;
bottom:10px;
margin-top:0;
}
.zc-lb-ant {
left:calc(50% - 110px);
}
.zc-lb-sig {
right:calc(50% - 110px);
}
.zc-lb-cont {
bottom:26px;
}
}


/* Fuentes */
@font-face {
font-family:"Cormorant Garamond";
font-style:normal;
font-weight:300 700;
font-display:swap;
src:url("https://recursos.veovirtual.net/comun/fuentes/cormorant-garamond-latin.woff2") format("woff2");
}
@font-face {
font-family:"Cormorant Garamond";
font-style:italic;
font-weight:300 700;
font-display:swap;
src:url("https://recursos.veovirtual.net/comun/fuentes/cormorant-garamond-italic-latin.woff2") format("woff2");
}
@font-face {
font-family:"Manrope";
font-style:normal;
font-weight:200 800;
font-display:swap;
src:url("https://recursos.veovirtual.net/comun/fuentes/manrope-latin.woff2") format("woff2");
}

/* Variables */
:root {
--vv-ancho:1240px;
--vv-fondo:#f5f1ea;
--vv-texto:#2b241f;
--vv-acento:#b08a5a;
--vv-oscuro:#1a1512;
--vv-claro:#ffffff;
--vv-foco:#b08a5a;
--vv-cab-fondo:#ffffff;
--vv-cab-texto:#111111;
--vv-pie-fondo:#111111;
--vv-pie-texto:rgba(255,255,255,.62);
--vv-barra-fondo:rgba(17,17,17,.96);
--vv-radio:18px;
--vv-fuente-titulos:"Cormorant Garamond",Georgia,serif;
--vv-fuente-textos:"Manrope",Arial,sans-serif;
--zg-dorado:#b08a5a;
--zg-dorado-claro:#d6c3a5;
--zg-crema:#f5f1ea;
--zg-oscuro:#111111;
}
:where(body.vv) a {
color:inherit;
}
body :where(.wp-block-group) {
margin-left:auto;
margin-right:auto;
}

/* Cabecera */
body .vv-cabecera__caja {
padding-top:12px;
padding-bottom:12px;
}
body .vv-cabecera__logo {
height:62px;
}
body .vv-nav__enlace {
color:#111111;
font:600 .82rem/1 var(--vv-fuente-textos);
letter-spacing:.06em;
text-transform:uppercase;
transition:color .45s cubic-bezier(.22,.61,.36,1);
}
body .vv-nav__enlace:hover,
body .vv-nav__item.is-actual .vv-nav__enlace {
color:var(--zg-dorado);
}
body .vv-nav__ico {
color:var(--zg-dorado);
}
body .vv-nav__item--destacado {
margin-left:14px;
}
body .vv-nav__item--destacado .vv-nav__enlace {
padding:12px 24px;
border-radius:999px;
background:var(--zg-dorado-claro);
color:#111111;
font-weight:700;
letter-spacing:.04em;
transition:background-color .45s cubic-bezier(.22,.61,.36,1),color .45s cubic-bezier(.22,.61,.36,1);
}
body .vv-nav__item--destacado .vv-nav__ico {
color:inherit;
}
body .vv-nav__item--destacado .vv-nav__enlace:hover {
background:#111111;
color:#ffffff;
}
body .vv-cabecera__menu {
border-color:rgba(17,17,17,.2);
color:#111111;
text-transform:uppercase;
letter-spacing:.08em;
font-size:13px;
}
@media only screen and (min-width:768px) and (max-width:1100px) {
body .vv-cabecera__menu {
background:var(--zg-dorado-claro);
border-color:var(--zg-dorado-claro);
}
}

/* Menú móvil */
body .vv-menu-movil__panel {
background:#15110e;
background-image:radial-gradient(120% 60% at 100% 0%,rgba(176,138,90,.18) 0%,rgba(176,138,90,0) 60%);
}
body .vv-menu-movil__panel::before {
content:"";
position:absolute;
right:-60px;
bottom:90px;
width:320px;
height:320px;
background:url("https://recursos.veovirtual.net/c/elzaguan/logo/ornamento-el-zaguan-dorado.svg") center / contain no-repeat;
opacity:.06;
pointer-events:none;
}
body .vv-menu-movil__cab {
border-bottom:1px solid rgba(176,138,90,.25);
}
body .vv-menu-movil__logo {
height:56px;
}
body .vv-menu-movil__cerrar {
border-color:rgba(214,195,165,.4);
color:var(--zg-dorado-claro);
}
body .vv-menu-movil__enlace {
position:relative;
border-bottom-color:rgba(214,195,165,.12);
color:#f3ebe0;
font:500 1.5rem/1.1 var(--vv-fuente-titulos);
letter-spacing:.01em;
}
body .vv-menu-movil__ico {
display:inline-flex;
align-items:center;
justify-content:center;
width:40px;
height:40px;
border:1px solid rgba(176,138,90,.35);
border-radius:50%;
color:var(--zg-dorado);
}
body .vv-menu-movil__item.is-actual .vv-menu-movil__enlace {
color:var(--zg-dorado-claro);
}
body .vv-menu-movil__item--destacado .vv-menu-movil__ico {
background:var(--zg-dorado);
border-color:var(--zg-dorado);
color:#15110e;
}
body .vv-menu-movil__pie {
position:relative;
display:flex;
flex-direction:column;
gap:14px;
padding-bottom:calc(var(--vv-barra-alto) + 24px);
color:rgba(243,235,224,.8);
}
body .vv-menu-movil__pie .vv-tel {
color:var(--zg-dorado-claro);
font:600 1.1rem/1 var(--vv-fuente-textos);
text-decoration:none;
}
body .vv-menu-movil__redes {
display:flex;
gap:12px;
}

/* Iconos de redes */
body .vv-ico {
display:block;
width:18px;
height:18px;
background-color:currentColor;
-webkit-mask:center / contain no-repeat;
mask:center / contain no-repeat;
}
body .vv-ico--instagram {
-webkit-mask-image:url("https://recursos.veovirtual.net/comun/iconos/redes/instagram.svg");
mask-image:url("https://recursos.veovirtual.net/comun/iconos/redes/instagram.svg");
}
body .vv-ico--facebook {
-webkit-mask-image:url("https://recursos.veovirtual.net/comun/iconos/redes/facebook.svg");
mask-image:url("https://recursos.veovirtual.net/comun/iconos/redes/facebook.svg");
}
body .vv-ico--tripadvisor {
-webkit-mask-image:url("https://recursos.veovirtual.net/comun/iconos/redes/tripadvisor.svg");
mask-image:url("https://recursos.veovirtual.net/comun/iconos/redes/tripadvisor.svg");
}
body .vv-ico--google {
-webkit-mask-image:url("https://recursos.veovirtual.net/comun/iconos/redes/google-maps.svg");
mask-image:url("https://recursos.veovirtual.net/comun/iconos/redes/google-maps.svg");
}
body .vv-ico--andalucia {
-webkit-mask-image:url("https://recursos.veovirtual.net/comun/iconos/redes/andalucia.svg");
mask-image:url("https://recursos.veovirtual.net/comun/iconos/redes/andalucia.svg");
}
body.vv .vv-red {
display:inline-flex;
align-items:center;
justify-content:center;
width:40px;
height:40px;
border:1px solid rgba(255,255,255,.2);
border-radius:50%;
color:rgba(255,255,255,.7);
transition:border-color .45s cubic-bezier(.22,.61,.36,1),color .45s cubic-bezier(.22,.61,.36,1),background-color .45s cubic-bezier(.22,.61,.36,1);
}
body.vv .vv-red:hover {
border-color:var(--zg-dorado);
color:var(--zg-dorado);
background:rgba(176,138,90,.1);
}
body.vv .zc-gal-foto img {
height:100%;
}
body.vv .inicio-contacto-zaguan-redes-lista {
display:flex;
align-items:center;
justify-content:center;
gap:1rem;
}
body.vv .inicio-contacto-zaguan-redes-lista .vv-red {
border-color:rgba(200,169,126,.3);
color:var(--color-texto-suave);
}
body.vv .inicio-contacto-zaguan-redes-lista .vv-red:hover {
border-color:var(--color-dorado);
color:var(--color-dorado);
background:rgba(200,169,126,.08);
}

/* Pie */
body .vv-pie__col {
display:flex;
flex-direction:column;
align-items:center;
gap:14px;
text-align:center;
}
body .vv-pie__logo {
display:block;
width:200px;
height:auto;
}
body .vv-pie__descripcion {
max-width:340px;
margin:0;
font-size:.88rem;
line-height:1.7;
}
body .vv-pie__redes {
display:flex;
justify-content:center;
gap:12px;
}
body .vv-pie__registro {
display:flex;
flex-direction:column;
align-items:center;
gap:2px;
width:100%;
margin:6px 0 0;
padding-top:18px;
border-top:1px solid rgba(255,255,255,.08);
}
body .vv-registro {
display:flex;
flex-direction:column;
gap:2px;
}
body .vv-registro__nombre {
color:rgba(255,255,255,.4);
font-size:.68rem;
font-weight:600;
letter-spacing:.14em;
text-transform:uppercase;
}
body .vv-registro__numero {
color:rgba(255,255,255,.62);
font-size:.82rem;
font-weight:700;
letter-spacing:.08em;
}
body .vv-pie__titulo {
margin:0 0 6px;
color:#ffffff;
font:800 .72rem/1.2 var(--vv-fuente-textos);
letter-spacing:.18em;
text-transform:uppercase;
}
body .vv-pie__nav {
display:flex;
flex-direction:column;
width:100%;
max-width:320px;
margin:0;
padding:0;
list-style:none;
}
body .vv-pie__nav li {
border-bottom:1px solid rgba(255,255,255,.08);
}
body .vv-pie__nav li:first-child {
border-top:1px solid rgba(255,255,255,.08);
}
body .vv-pie__nav a {
display:block;
padding:11px 0;
color:rgba(255,255,255,.62);
font-size:.88rem;
letter-spacing:.04em;
text-decoration:none;
transition:color .45s cubic-bezier(.22,.61,.36,1),letter-spacing .45s cubic-bezier(.22,.61,.36,1);
}
body .vv-pie__nav a:hover {
color:var(--zg-dorado);
letter-spacing:.08em;
}
body .vv-pie__dato {
display:flex;
align-items:flex-start;
justify-content:center;
gap:10px;
margin:0;
font-size:.88rem;
line-height:1.6;
}
body .vv-pie__dato a {
text-decoration:none;
transition:color .45s cubic-bezier(.22,.61,.36,1);
}
body .vv-pie__dato a:hover {
color:var(--zg-dorado);
}
body .vv-pie__ico {
flex-shrink:0;
width:18px;
height:18px;
margin-top:2px;
color:var(--zg-dorado);
}
body .vv-pie__dato--horario {
width:100%;
max-width:320px;
padding-top:16px;
border-top:1px solid rgba(255,255,255,.08);
}
body .vv-pie .zaguan-horario--compacto {
display:flex;
flex-direction:column;
align-items:center;
gap:2px;
}
body .vv-pie .zaguan-horario-dias {
color:rgba(255,255,255,.8);
font-weight:600;
}
body .vv-pie .zaguan-horario-cerrado {
margin-top:4px;
opacity:.75;
}
body .vv-pie__legal {
background:#0a0a0a;
font-size:.8rem;
color:rgba(255,255,255,.62);
}
body .vv-pie__legales a,
body .vv-pie__boton {
color:rgba(255,255,255,.62);
text-decoration:none;
}
body .vv-pie__legales a:hover,
body .vv-pie__boton:hover {
color:var(--zg-dorado-claro);
}
body .vv-pie__boton {
text-decoration:none;
}
body .vv-pie__copy {
color:rgba(255,255,255,.8);
font-weight:700;
}
body .vv-pie__credito {
color:rgba(255,255,255,.5);
}

/* Barra inferior */
body .vv-barra {
border-top:1px solid rgba(176,138,90,.3);
}
body .vv-barra__caja {
justify-content:space-between;
padding-top:10px;
padding-bottom:10px;
}
body .vv-barra__caja {
max-width:1400px;
}
body .vv-barra__grupo {
flex:0 0 auto;
}
@media only screen and (max-width:1380px) {
body .vv-barra__etiqueta {
display:none;
}
}
@media only screen and (max-width:1280px) {
body .vv-barra .zc-estado-texto span {
display:none;
}
}
body .vv-barra__etiqueta {
color:var(--zg-dorado);
font:600 .62rem/1.2 var(--vv-fuente-textos);
letter-spacing:.18em;
text-transform:uppercase;
white-space:nowrap;
}
body .vv-barra__etiqueta-movil {
padding-right:8px;
border-right:1px solid rgba(176,138,90,.4);
color:var(--zg-dorado);
font:700 .56rem/1.2 var(--vv-fuente-textos);
letter-spacing:.06em;
text-transform:uppercase;
white-space:nowrap;
}
body .vv-barra__btn {
border:1px solid rgba(255,255,255,.2);
color:rgba(255,255,255,.82);
font:600 .75rem/1 var(--vv-fuente-textos);
letter-spacing:.04em;
transition:background-color .4s cubic-bezier(.22,.61,.36,1),color .4s cubic-bezier(.22,.61,.36,1),border-color .4s cubic-bezier(.22,.61,.36,1);
}
body .vv-barra__btn:hover {
border-color:var(--zg-dorado);
background:rgba(176,138,90,.15);
color:var(--zg-dorado-claro);
}
body .vv-barra__btn--tel {
border-color:var(--zg-dorado);
background:var(--zg-dorado);
color:#ffffff;
}
body .vv-barra__btn--tel:hover {
background:transparent;
color:var(--zg-dorado-claro);
}
body .vv-barra__ico svg {
width:16px;
height:16px;
}
body .vv-barra__separador {
background:rgba(176,138,90,.3);
}
@media only screen and (max-width:959px) {
body .vv-barra__etiqueta {
display:none;
}
body .vv-barra__btn {
padding:8px 11px;
}
}
@media only screen and (max-width:767px) {
body .vv-barra__btn {
width:40px;
height:40px;
min-height:40px;
padding:0;
}
body .vv-barra__ico svg {
width:17px;
height:17px;
}
}
@media only screen and (max-width:374px) {
body .vv-barra__etiqueta-movil {
display:none;
}
}

/* Título de página y legales */
body .vv-titulo-pagina {
padding:64px 3% 0;
color:var(--vv-texto);
font:500 clamp(2.4rem,5vw,4rem)/1.05 var(--vv-fuente-titulos);
letter-spacing:-.02em;
}
body .zag-legal {
padding-top:40px;
}
body .zag-legal-menu-contacto a,
body .zag-legal-menu li a {
text-decoration:none;
}
body .zag-legal-menu button {
display:block;
width:100%;
padding:11px 14px;
border:0;
border-left:2px solid transparent;
background:none;
color:#3a3129;
font:inherit;
font-size:15px;
text-align:left;
cursor:pointer;
}

/* Heros */
body .hero-inicio-zaguan > .wp-block-group__inner-container,
body .zg-hero > .wp-block-group__inner-container {
position:static;
width:100%;
}
body .hero-inicio-zaguan-fondo,
body .zg-hero-fondo {
position:absolute;
inset:0;
z-index:1;
}
body .hero-inicio-zaguan-fondo-grano,
body .zg-hero-fondo-grano {
position:absolute;
inset:0;
z-index:3;
opacity:.3;
pointer-events:none;
background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
background-size:128px 128px;
mix-blend-mode:overlay;
}
body .zg-hero {
position:relative;
display:flex;
flex-direction:column;
justify-content:center;
min-height:620px;
margin:0;
overflow:hidden;
background:#111111;
}
body .zg-hero-fondo::before {
content:"";
position:absolute;
inset:0;
z-index:2;
background:linear-gradient(90deg,rgba(17,17,17,.94) 0%,rgba(17,17,17,.7) 38%,rgba(17,17,17,.2) 100%);
pointer-events:none;
}
body .zg-hero .hero-restaurante-contenido,
body .zg-hero .hero-bar-contenido {
position:relative;
z-index:4;
}
@media only screen and (max-width:767px) {
body .zg-hero {
min-height:560px;
justify-content:flex-end;
}
body .zg-hero-fondo::before {
background:linear-gradient(180deg,rgba(17,17,17,.55) 0%,rgba(17,17,17,.55) 40%,rgba(17,17,17,.9) 100%);
}
}

/* Pase de fotos */
body .hero-inicio-zaguan-fondo .zc-sl,
body .zg-hero-fondo .zc-sl,
body .hero-inicio-zaguan-fondo .zc-sl-fotos,
body .zg-hero-fondo .zc-sl-fotos {
position:absolute;
inset:0;
overflow:hidden;
}
body .hero-inicio-zaguan-fondo .zc-sl-foto,
body .zg-hero-fondo .zc-sl-foto {
position:absolute;
inset:0;
width:100%;
height:100%;
max-width:none;
object-fit:cover;
opacity:0;
transform:scale(1.08);
transition:opacity 1.4s ease,transform 7s ease-out;
}
body .hero-inicio-zaguan-fondo .zc-sl-foto.is-activa,
body .zg-hero-fondo .zc-sl-foto.is-activa {
opacity:1;
transform:scale(1);
}
body .zc-sl-controles {
position:absolute;
left:50%;
bottom:14px;
z-index:6;
display:flex;
align-items:center;
gap:8px;
padding:0 6px;
border-radius:999px;
background:rgba(20,16,13,.4);
translate:-50% 0;
-webkit-backdrop-filter:blur(6px);
backdrop-filter:blur(6px);
}
body .hero-inicio-zaguan-fondo .zc-sl-controles,
body .zg-hero-fondo .zc-sl-controles {
left:auto;
right:3%;
bottom:28px;
translate:none;
padding:0;
background:none;
-webkit-backdrop-filter:none;
backdrop-filter:none;
}
body .zc-sl-flecha,
body .zc-sl-pausa {
display:flex;
align-items:center;
justify-content:center;
width:44px;
height:44px;
padding:0;
border:1px solid rgba(255,255,255,.35);
border-radius:50%;
background:rgba(17,17,17,.35);
color:#ffffff;
cursor:pointer;
transition:background-color .25s ease,border-color .25s ease;
}
body .zc-sl-flecha:hover,
body .zc-sl-pausa:hover {
border-color:var(--zg-dorado);
background:rgba(176,138,90,.35);
}
body .zc-sl-flecha svg,
body .zc-sl-pausa svg {
width:18px;
height:18px;
fill:none;
stroke:currentColor;
stroke-width:2;
stroke-linecap:round;
stroke-linejoin:round;
}
body .zc-sl-pausa .zc-sl-play-ico {
display:none;
fill:currentColor;
stroke:none;
}
body .zc-sl-pausa[aria-pressed="true"] .zc-sl-pausa-ico {
display:none;
}
body .zc-sl-pausa[aria-pressed="true"] .zc-sl-play-ico {
display:block;
}
body .zc-sl-puntos {
position:static;
display:flex;
align-items:center;
gap:0;
padding:0;
background:none;
transform:none;
-webkit-backdrop-filter:none;
backdrop-filter:none;
}
body .zc-sl-punto,
body .zc-sl-punto.is-activo {
position:relative;
width:26px;
height:44px;
padding:0;
border:0;
border-radius:0;
background:transparent;
transform:none;
cursor:pointer;
}
body .zc-sl-punto::before {
content:"";
position:absolute;
top:50%;
left:50%;
width:8px;
height:8px;
border-radius:50%;
background:rgba(255,255,255,.5);
translate:-50% -50%;
transition:background-color .3s ease,width .3s ease;
}
body .zc-sl-punto.is-activo::before {
width:20px;
border-radius:6px;
background:var(--zg-dorado);
}
@media only screen and (max-width:767px) {
body .hero-inicio-zaguan-fondo .zc-sl-controles,
body .zg-hero-fondo .zc-sl-controles {
top:16px;
bottom:auto;
right:4%;
}
body .zc-sl-flecha {
display:none;
}
body .zc-sl-punto,
body .zc-sl-punto.is-activo {
width:22px;
}
}
@media (prefers-reduced-motion:reduce) {
body .hero-inicio-zaguan-fondo .zc-sl-foto,
body .zg-hero-fondo .zc-sl-foto {
transition:opacity .01s linear;
transform:none;
}
}

/* Aviso superior */
body .zc-avisos-pausa {
position:absolute;
top:5px;
right:48px;
z-index:2;
display:flex;
align-items:center;
justify-content:center;
width:30px;
height:30px;
padding:0;
border:0;
border-radius:50%;
background:rgba(255,255,255,.18);
color:#ffffff;
cursor:pointer;
}
body .zc-avisos-pausa[hidden] {
display:none;
}
body .zc-avisos-pausa svg {
width:15px;
height:15px;
fill:none;
stroke:currentColor;
stroke-width:2.4;
stroke-linecap:round;
}
body .zc-avisos[data-modo="ticker"].is-pausado .zc-tira {
animation-play-state:paused;
}

/* Mapa */
body .vv-mapa {
background:#e9e1d4;
}
body .vv-mapa__aviso p {
max-width:420px;
margin:0;
color:#4a4038;
font-size:.92rem;
line-height:1.6;
}
body .vv-mapa__btn {
background:var(--zg-dorado);
color:#ffffff;
text-transform:uppercase;
letter-spacing:.06em;
font-size:.78rem;
}
body .vv-mapa__enlace {
color:#6d5946;
font-weight:600;
font-size:.9rem;
}

/* Cookies */
body .vv-cookies {
border-top:3px solid var(--zg-dorado);
background:#faf6f0;
color:#2b241f;
}
body .vv-cookies__texto a {
color:#8a6a43;
font-weight:600;
}
body .vv-cookies__btn {
border-color:#1a1512;
background:#1a1512;
color:#ffffff;
text-transform:uppercase;
letter-spacing:.05em;
font-size:.78rem;
}
body .vv-cookies__btn:hover {
border-color:var(--zg-dorado);
background:var(--zg-dorado);
}
body .vv-interruptor input:checked + span {
background:var(--zg-dorado);
}

/* Entradas al hacer scroll */
html.zg-anima body .vv-contenido > .wp-block-group:not(:first-child) {
opacity:0;
translate:0 28px;
transition:opacity .8s ease,translate .8s ease;
}
html.zg-anima body .vv-contenido > .wp-block-group.is-visto {
opacity:1;
translate:none;
}

/* 404 */
body .vv-404__etiqueta {
color:var(--zg-dorado);
font-weight:700;
letter-spacing:.18em;
text-transform:uppercase;
font-size:.78rem;
}
body .vv-404__titulo {
font:500 clamp(2.4rem,5vw,4rem)/1.05 var(--vv-fuente-titulos);
}
body .vv-boton {
display:inline-flex;
align-items:center;
justify-content:center;
min-height:48px;
padding:.85rem 2rem;
border-radius:999px;
background:var(--zg-dorado);
color:#ffffff;
font:700 .8rem/1 var(--vv-fuente-textos);
letter-spacing:.08em;
text-transform:uppercase;
text-decoration:none;
}