/* ============================================================ Restaurante El Cortijo — VERSIÓN NUEVA (preview) Estilo cortijo andaluz: blanco encalado, terracota, ocre, verde oliva, hierro forjado y guiños de azulejo. ============================================================ */ :root{ --blanco: #faf5ea; /* encalado */ --blanco-2: #f1e9d8; /* encalado sombreado */ --hueso: #efe5cf; --terracota: #a04e2c; --terracota-2: #93441f; --ocre: #c99b4a; --ocre-claro: #e2c78b; --oliva: #5c6b43; --oliva-osc: #3d4a2c; --hierro: #2e2922; --hierro-2: #211d17; --texto: #41392e; --texto-suave: #6f6453; --geranio: #b23a2c; --serif: 'Cormorant Garamond', Georgia, 'Times New Roman', serif; --sans: 'Montserrat', 'Segoe UI', system-ui, -apple-system, sans-serif; --sombra: 0 10px 30px rgba(46, 41, 34, .12); --radio: 14px; } *{margin:0;padding:0;box-sizing:border-box;} html{scroll-behavior:smooth;} html:focus-within{scroll-behavior:smooth;} body{ font-family:var(--sans); color:var(--texto); background:var(--blanco); line-height:1.6; font-size:16px; -webkit-font-smoothing:antialiased; } img{max-width:100%;display:block;} a{color:var(--terracota);text-decoration:none;transition:color .25s ease;} a:hover{color:var(--terracota-2);} em{font-style:italic;} ul{list-style:none;} .contenedor{width:min(1120px, 92%);margin-inline:auto;} /* ---------- alternancia de idioma ES/EN ---------- Por defecto (ES): los bloques .lang-en están ocultos. En modo EN (body.lang-en): se ocultan los .lang-es y se muestran los .lang-en. Nota: la regla de ocultado va con descendiente (body .lang-en) para que la clase lang-en del no oculte la página entera. */ body .lang-en{display:none !important;} body.lang-en .lang-es{display:none !important;} body.lang-en .lang-en{display:block !important;} body.lang-en .lang-en-col{display:block !important;} body.lang-en .lang-en-enlinea{display:inline !important;} body.lang-en .idioma-boton{color:#d9cfb8;} body.lang-en .idioma-boton.activo{color:#fff;} .saltar{ position:absolute;left:-9999px;top:0;z-index:1000; background:var(--oliva-osc);color:#fff;padding:.6rem 1rem; } .saltar:focus{left:0;color:#fff;} .btn{ display:inline-block; font-family:var(--sans); font-weight:600; font-size:.85rem; letter-spacing:.12em; text-transform:uppercase; padding:.85rem 1.6rem; border:2px solid transparent; border-radius:999px; transition:background .25s ease, color .25s ease, border-color .25s ease, transform .25s ease; cursor:pointer; } .btn:hover{transform:translateY(-2px);} .btn-primario{background:var(--terracota);color:#fff;} .btn-primario:hover{background:var(--terracota-2);color:#fff;} .btn-secundario{border-color:#fff;color:#fff;background:rgba(46,41,34,.15);backdrop-filter:blur(2px);} .btn-secundario:hover{background:#fff;color:var(--terracota);} .btn-reserva{background:var(--terracota);color:#fff;padding:.6rem 1.2rem;font-size:.75rem;} .btn-reserva:hover{background:var(--terracota-2);color:#fff;} .btn-grande{padding:1rem 2rem;font-size:.95rem;} /* ---------- texturas y ornamentos ---------- */ /* azulejo: rombos sobre fondo encalado */ .azulejo-fondo{ background: repeating-linear-gradient(45deg, transparent 0 10px, rgba(201,155,74,.10) 10px 11px), repeating-linear-gradient(-45deg, transparent 0 10px, rgba(201,155,74,.10) 10px 11px), var(--blanco); } /* ---------- cabecera ---------- */ .cabecera{ position:fixed;inset:0 0 auto 0;z-index:900; background:linear-gradient(to bottom, rgba(33,29,23,.85), rgba(33,29,23,0)); transition:background .3s ease, box-shadow .3s ease; } .cabecera.compacta{ background:rgba(33,29,23,.96); box-shadow:0 4px 20px rgba(0,0,0,.25); } .cabecera-inner{ display:flex;align-items:center;justify-content:space-between; gap:1rem;padding-block:.9rem;transition:padding .3s ease; } .cabecera.compacta .cabecera-inner{padding-block:.55rem;} .logo{display:flex;flex-direction:column;line-height:1.1;color:#fff;} .logo-nombre{ font-family:var(--serif);font-weight:700;font-size:1.55rem;letter-spacing:.05em; color:var(--ocre-claro); } .logo-sub{font-size:.62rem;letter-spacing:.32em;text-transform:uppercase;color:#d9cfb8;} .menu{display:flex;align-items:center;gap:1.4rem;} .menu-lista{display:flex;gap:1.3rem;} /* ---------- selector de idioma ES/EN ---------- */ .btn-idioma{ display:inline-flex;align-items:center;gap:.45rem; background:rgba(250,245,234,.12);border:1px solid rgba(250,245,234,.28); border-radius:999px;padding:.35rem .85rem; font-family:var(--sans);font-weight:700;font-size:.72rem;letter-spacing:.08em; color:#d9cfb8;text-decoration:none; transition:background .25s ease, color .25s ease; } .btn-idioma:hover{background:var(--terracota);color:#fff;} .btn-idioma .flag{font-size:1rem;line-height:1;} .menu-lista a{ color:#f3ead7;font-size:.8rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase; position:relative;padding-block:.3rem; } .menu-lista a::after{ content:"";position:absolute;left:0;bottom:0;height:2px;width:0; background:var(--ocre);transition:width .25s ease; } .menu-lista a:hover{color:#fff;} .menu-lista a:hover::after{width:100%;} .menu-boton{display:none;background:none;border:0;cursor:pointer;padding:.4rem;z-index:920;} .menu-boton-barra{display:block;width:26px;height:2px;background:#fff;margin:5px 0;transition:transform .3s ease, opacity .3s ease;} .menu-boton.abierto .menu-boton-barra:nth-child(1){transform:translateY(7px) rotate(45deg);} .menu-boton.abierto .menu-boton-barra:nth-child(2){opacity:0;} .menu-boton.abierto .menu-boton-barra:nth-child(3){transform:translateY(-7px) rotate(-45deg);} /* ---------- hero ---------- */ .hero{ position:relative;min-height:100vh;min-height:100svh; display:flex;align-items:center;justify-content:center;text-align:center; overflow:hidden;color:#fff; } .hero-fondo{ position:absolute;inset:-8% 0 0 0; background:url("../img/panorama/salon1.jpg") center/cover no-repeat; background-image:url("../img/panorama/salon1.webp"); animation:heroZoom 18s ease-out both; } @keyframes heroZoom{ from{transform:scale(1.12);} to{transform:scale(1);} } .hero-velo{ position:absolute;inset:0; background: radial-gradient(120% 90% at 50% 30%, rgba(46,41,34,0) 0%, rgba(46,41,34,.55) 70%, rgba(33,29,23,.85) 100%), linear-gradient(to bottom, rgba(33,29,23,.55) 0%, rgba(61,74,44,.35) 50%, rgba(33,29,23,.8) 100%); } .hero-contenido{position:relative;z-index:2;padding:6rem 1rem 4rem;} .hero-eticheta{ font-size:.78rem;letter-spacing:.42em;text-transform:uppercase;color:var(--ocre-claro); margin-bottom:1.2rem; } .hero-titulo{ font-family:var(--serif);font-weight:600; font-size:clamp(2.6rem, 8vw, 5rem); line-height:1.05;margin-bottom:.4rem; } .hero-titulo span{color:var(--ocre-claro);} .hero-subtitulo{ font-size:.95rem;letter-spacing:.3em;text-transform:uppercase;color:#efe6d2; margin-bottom:1.4rem; } .hero-texto{ max-width:560px;margin:0 auto 2rem;font-size:1.05rem;color:#f4ecdc; font-family:var(--serif);font-size:1.25rem;font-style:italic; } .hero-cta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;position:relative;z-index:3;} .hero-flecha{ position:absolute;bottom:1.6rem;left:50%;transform:translateX(-50%);z-index:1; width:34px;height:54px;border:2px solid rgba(255,255,255,.7);border-radius:18px; display:flex;justify-content:center;padding-top:8px; } .hero-flecha span{ width:4px;height:10px;border-radius:2px;background:#fff; animation:flota 1.8s ease-in-out infinite; } @keyframes flota{ 0%,100%{transform:translateY(0);opacity:1;} 50%{transform:translateY(10px);opacity:.4;} } /* ---------- secciones ---------- */ .seccion{padding:5.5rem 0;} .seccion:nth-of-type(even){background:var(--blanco-2);} .seccion-cabecera{text-align:center;margin-bottom:3rem;} .seccion-tic{ font-size:.72rem;letter-spacing:.38em;text-transform:uppercase;color:var(--terracota); margin-bottom:.5rem; } .seccion-titulo{ font-family:var(--serif);font-weight:600;font-size:clamp(2rem, 5vw, 2.8rem); color:var(--hierro);line-height:1.1; display:inline-flex;align-items:center;gap:1rem; } /* ornamento azulejo bajo el título */ .seccion-titulo::after{ content:"";display:block;height:10px;width:10px; background:var(--terracota);transform:rotate(45deg); box-shadow:16px 0 0 var(--ocre), 8px 8px 0 var(--oliva); margin-left:.4rem; } .seccion-intro{ max-width:640px;margin:1rem auto 0;color:var(--texto-suave); font-family:var(--serif);font-style:italic;font-size:1.15rem; } /* ---------- nosotros ---------- */ .nosotros-grid{ display:grid;grid-template-columns:1.05fr .95fr;gap:3.5rem;align-items:start; } .nosotros-texto .destacado{ font-family:var(--serif);font-size:1.4rem;line-height:1.35;color:var(--oliva-osc); margin-bottom:1.2rem; } .nosotros-texto .destacado strong{color:var(--terracota);} .nosotros-texto p{margin-bottom:1rem;color:var(--texto);} .nosotros-datos{margin:1.6rem 0 2rem;display:grid;gap:.6rem;} .nosotros-datos li{ padding:.8rem 1rem .8rem 2.6rem;position:relative; background:#fff;border:1px solid var(--hueso);border-left:4px solid var(--ocre); border-radius:10px;font-size:.95rem; } .nosotros-datos li::before{ content:"✦";position:absolute;left:1rem;top:.75rem;color:var(--terracota); } .nosotros-datos strong{color:var(--oliva-osc);} .nosotros-media{display:grid;gap:1.4rem;} .foto-marco{ position:relative;border-radius:var(--radio);overflow:hidden; box-shadow:var(--sombra); } .foto-marco::before{ content:"";position:absolute;inset:12px;border:1px solid rgba(255,255,255,.55); border-radius:10px;z-index:1;pointer-events:none; } .foto-marco img{width:100%;height:340px;object-fit:cover;transition:transform .6s ease;} .foto-marco:hover img{transform:scale(1.04);} .nosotros-video{border-radius:var(--radio);overflow:hidden;box-shadow:var(--sombra);} .nosotros-video iframe{width:100%;height:240px;border:0;display:block;} /* ---------- frases ---------- */ .frase{ background: linear-gradient(rgba(46,41,34,.86), rgba(46,41,34,.86)), url("/img/1400/separador_terraza_BW.webp") center/cover fixed no-repeat; padding:4rem 1rem;text-align:center;color:#f3ead7; } .frase-texto{ font-family:var(--serif);font-style:italic;font-size:clamp(1.4rem, 4vw, 2.1rem); max-width:760px;margin-inline:auto;line-height:1.35; } .frase-oscura{ background: linear-gradient(rgba(61,74,44,.88), rgba(61,74,44,.88)), url("/img/1400/separador_salon2_BW.webp") center/cover fixed no-repeat; } /* ---------- preguntas frecuentes (FAQ acordeón) ---------- */ .faq-lista{display:grid;gap:1rem;} .faq-item{ background:var(--blanco); border:1px solid rgba(47,44,38,.12); border-radius:.9rem; overflow:hidden; transition:border-color .25s ease, box-shadow .25s ease; } .faq-item[open]{border-color:rgba(160,78,44,.35);box-shadow:0 10px 26px rgba(47,44,38,.09);} .faq-item summary{ display:flex;align-items:center;justify-content:space-between;gap:1rem; cursor:pointer;list-style:none; padding:1.05rem 1.25rem; font-family:var(--serif);font-size:1.18rem;font-weight:700;color:var(--hierro); transition:color .2s ease; } .faq-item summary::-webkit-details-marker{display:none;} .faq-item summary::after{ content:"+";flex:none;display:grid;place-items:center; width:1.9rem;height:1.9rem;border-radius:50%; background:var(--terracota);color:#fff; font-family:var(--sans);font-size:1.35rem;font-weight:700;line-height:1; transition:transform .25s ease, background .25s ease; } .faq-item summary:hover{color:var(--terracota);} .faq-item summary:hover::after{background:var(--hierro);} .faq-item[open] summary::after{content:"\2212";transform:rotate(180deg);} .faq-item[open] summary{color:var(--terracota);} .faq-item p{margin:0;padding:0 1.25rem 1.2rem;color:var(--texto);font-size:1rem;line-height:1.7;} /* ---------- carta ---------- */ .carta{background:var(--blanco);} .carta-grupo{margin-bottom:2.6rem;max-width:900px;margin-inline:auto;} .carta-titulo{ font-family:var(--serif);font-weight:600;font-size:1.55rem;color:var(--terracota); text-transform:uppercase;letter-spacing:.14em; display:flex;align-items:center;gap:.9rem;margin-bottom:1rem; } .carta-titulo::before{ content:"";width:26px;height:2px;background:var(--terracota);flex:none; } .carta-titulo::after{ content:"";height:7px;width:7px;background:var(--ocre);transform:rotate(45deg);flex:none; } .carta-lista{ display:grid;grid-template-columns:1fr 1fr;column-gap:2.6rem;row-gap:.1rem; } .carta-lista li{ display:flex;justify-content:space-between;align-items:baseline;gap:.8rem; padding:.42rem 0;border-bottom:1px dotted rgba(147,68,31,.25);font-size:.98rem; } .carta-lista li::before{ content:"";flex:1;order:2;border-bottom:1px dotted rgba(147,68,31,.28); transform:translateY(-3px); } .carta-nombre{order:1;} .carta-precio{order:3;white-space:nowrap;font-weight:700;color:var(--terracota);font-size:.95rem;} .carta-sm{font-size:.72rem;letter-spacing:.06em;color:var(--texto-suave);font-weight:600;text-transform:uppercase;} .carta-nombre em{color:var(--texto-suave);font-size:.88rem;} .carta-nota{font-size:.85rem;color:var(--texto-suave);font-style:italic;margin-top:.5rem;} .carta-nota-precios{ font-size:.8rem;color:var(--geranio);font-style:italic;margin-top:.6rem; } .carta-alergenos{ max-width:900px;margin:0 auto 2rem; background:linear-gradient(135deg, #f6efdc, #efe3c4); border:1px solid var(--ocre-claro);border-left:5px solid var(--ocre); border-radius:12px;padding:1.4rem 1.6rem; } .carta-alergenos h4{ font-size:.85rem;letter-spacing:.16em;text-transform:uppercase;color:var(--oliva-osc); margin-bottom:.5rem; } .carta-alergenos p{font-size:.88rem;color:var(--texto);} .carta-alergenos-lista{margin-top:.6rem;display:flex;flex-wrap:wrap;gap:.4rem;} .carta-alergenos-lista span{ background:#fff;border:1px solid var(--ocre-claro);border-radius:999px; padding:.22rem .75rem;font-size:.78rem;color:var(--texto); } .carta-ver-original{ text-align:center;font-size:.85rem;color:var(--texto-suave); } .carta-ver-original a{font-weight:600;} /* ---------- menú del día ---------- */ .menu-dia{ padding:5rem 0; } /* Header de la sección: mismo estilo oscuro que el resto de secciones (fondo crema) */ .menu-dia .seccion-tic{color:var(--terracota);} .menu-dia .seccion-titulo{color:var(--hierro);} .menu-dia .seccion-intro{color:var(--texto);} /* Tarjeta: fondo claro, texto marrón oscuro */ .menu-dia-tarjeta{ max-width:980px;margin-inline:auto; background:#fdf6ec; border:1px solid rgba(178,92,51,.35); border-radius:18px;padding:2.2rem 2.4rem; box-shadow:0 24px 60px rgba(0,0,0,.18); } .menu-dia-columnas{ display:grid;grid-template-columns:1.1fr 1.1fr .8fr;gap:2rem;margin-bottom:2rem; } .menu-dia-col h3{ font-family:var(--serif);font-size:1.35rem;color:#5a3a1e; text-transform:uppercase;letter-spacing:.12em;margin-bottom:.9rem; padding-bottom:.5rem;border-bottom:1px solid rgba(178,92,51,.4); } .menu-dia-col ul{display:grid;gap:.35rem;} .menu-dia-col li{ font-size:.92rem;color:#4a3a24;padding-left:1.1rem;position:relative; } .menu-dia-col li::before{ content:"◆";position:absolute;left:0;top:.05rem;font-size:.6rem;color:var(--terracota); } .menu-dia-col li em{color:#6f5a3c;font-size:.85rem;} .menu-dia-migas{ margin-top:1.2rem;background:rgba(178,92,51,.12); border:1px solid rgba(178,92,51,.4);border-radius:10px; padding:.9rem 1rem;font-size:.9rem;color:#5a3a1e; } .menu-dia-migas strong{color:#5a3a1e;} .menu-dia-precios{ display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.4rem; } .menu-dia-precio{ background:rgba(250,245,234,.95);border-radius:12px;padding:1.1rem 1rem;text-align:center; border-top:4px solid var(--terracota); } .menu-dia-precio-valor{ display:block;font-family:var(--serif);font-weight:700;font-size:1.7rem;color:var(--terracota); } .menu-dia-precio-nombre{ display:block;font-weight:700;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase; color:#6b4a2a;margin-top:.15rem; } .menu-dia-precio-detalle{ display:block;font-size:.75rem;color:#6f5a3c;margin-top:.35rem;line-height:1.4; } .menu-dia-nota{text-align:center;font-size:.85rem;color:#5a3a1e;font-style:italic;margin-bottom:.4rem;} /* ---------- galería (visor panorámico) ---------- */ .galeria{background:var(--blanco);} /* ---------- visor de panorámicas "vídeo panorámico" ---------- */ .panorama-vista{ max-width:1080px;margin:0 auto 2.6rem; border-radius:16px;overflow:hidden;position:relative; box-shadow:0 20px 50px rgba(46,41,34,.28); border:1px solid rgba(178,92,51,.25); } .panorama-window{ position:relative;overflow:hidden; height:clamp(240px, 44vw, 400px); background:var(--hierro); cursor:grab; } .panorama-window:active{cursor:grabbing;} .panorama-forma{position:absolute;inset:10px;border:1px solid rgba(255,255,255,.4);border-radius:10px;pointer-events:none;z-index:3;} .panorama-img{ position:absolute;top:0;left:0; height:100%;width:auto;max-width:none; will-change:transform; animation:panoramaCamina 26s ease-in-out infinite alternate; } .panorama-window:hover .panorama-img{animation-play-state:paused;} .panorama-window:focus-within .panorama-img{animation-play-state:paused;} @keyframes panoramaCamina{ from{transform:translateX(0);} to{transform:translateX(var(--pano-fin, -60%));} /* recorrido calculado por JS según el formato de cada panorámica */ } @media (prefers-reduced-motion: reduce){ .panorama-img{animation:none !important;} } .panorama-velo{ position:absolute;inset:0;z-index:2;pointer-events:none; background: linear-gradient(to bottom, rgba(33,29,23,.18) 0%, transparent 30%, transparent 70%, rgba(33,29,23,.4) 100%); } .panorama-leyenda{ position:absolute;left:1.4rem;bottom:1.1rem;z-index:4;pointer-events:none; font-family:var(--serif);font-style:italic;font-size:1.3rem;color:#f6efdc; text-shadow:0 2px 10px rgba(0,0,0,.55); } .panorama-controles{ position:absolute;right:1rem;top:1rem;z-index:4; display:flex;flex-wrap:wrap;gap:.4rem;justify-content:flex-end; } .panorama-boton{ background:rgba(33,29,23,.55);border:1px solid rgba(250,245,234,.4); color:#f6efdc;font-family:var(--sans);font-weight:600; font-size:.72rem;letter-spacing:.08em;text-transform:uppercase; padding:.42rem .85rem;border-radius:999px;cursor:pointer; backdrop-filter:blur(3px); transition:background .25s ease, color .25s ease, border-color .25s ease; } .panorama-boton:hover{background:rgba(178,92,51,.8);border-color:#fff;} .panorama-boton.activo{background:var(--terracota);border-color:var(--terracota);color:#fff;} .panorama-boton:focus-visible{outline:2px solid var(--ocre-claro);outline-offset:2px;} .panorama-marca{ position:absolute;right:1rem;bottom:.8rem;z-index:3;pointer-events:none; font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;color:#e9dfc2; text-shadow:0 1px 6px rgba(0,0,0,.6); } /* ---------- contacto ---------- */ .contacto{background:var(--blanco-2);} .contacto-grid{ display:grid;grid-template-columns:.9fr 1.1fr;gap:2.5rem;align-items:stretch; } .contacto-info{ background:#fff;border:1px solid var(--hueso);border-radius:var(--radio); padding:2rem;box-shadow:var(--sombra); display:flex;flex-direction:column;gap:1.4rem; } .contacto-info h3{ font-family:var(--serif);font-size:1.7rem;color:var(--oliva-osc); } .contacto-lista{display:grid;gap:1.1rem;} .contacto-lista li{display:flex;gap:.9rem;align-items:flex-start;} .contacto-ico{font-size:1.3rem;line-height:1.3;} .contacto-lista strong{color:var(--hierro);} .contacto-lista a{font-weight:700;font-size:1.15rem;color:var(--terracota);} .contacto-lista a:hover{color:var(--terracota-2);} .contacto-cta{margin-top:.3rem;} .contacto-horario-nota{ font-size:.85rem;color:var(--texto-suave);font-style:italic;line-height:1.55; } .contacto-redes{display:flex;gap:1rem;flex-wrap:wrap;} .contacto-redes a{ font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase; color:var(--oliva-osc);border:1px solid var(--hueso);border-radius:999px; padding:.5rem 1.1rem;transition:all .25s ease; } .contacto-redes a:hover{background:var(--oliva-osc);color:#fff;border-color:var(--oliva-osc);} .contacto-mapa{border-radius:var(--radio);overflow:hidden;box-shadow:var(--sombra);min-height:380px;} .contacto-mapa iframe{width:100%;height:100%;min-height:380px;border:0;display:block;} /* ---------- pie ---------- */ .pie{ background: repeating-linear-gradient(45deg, transparent 0 14px, rgba(255,255,255,.02) 14px 15px), repeating-linear-gradient(-45deg, transparent 0 14px, rgba(255,255,255,.02) 14px 15px), var(--hierro); color:#c9bd9f; } .pie-grid{ display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:2rem;padding:3.2rem 0 2.2rem; } .pie-nombre{ font-family:var(--serif);font-weight:700;font-size:1.6rem;color:var(--ocre-claro); margin-bottom:.3rem; } .pie-lema{font-size:.9rem;color:#b3a683;font-style:italic;font-family:var(--serif);font-size:1.05rem;} .pie-nap p{margin-bottom:.4rem;font-size:.92rem;} .pie-nap a{color:var(--ocre-claro);font-weight:600;} .pie-redes{display:flex;flex-direction:column;gap:.5rem;} .pie-redes a{ color:#c9bd9f;font-size:.85rem;font-weight:600;letter-spacing:.06em; } .pie-redes a:hover{color:#fff;} .pie-base{ border-top:1px solid rgba(255,255,255,.08); padding:1.3rem 0 1.6rem;text-align:center; } .pie-base p{font-size:.8rem;color:#9d9176;margin-bottom:.2rem;} .pie-credito{font-size:.75rem;} .pie-credito a{color:var(--ocre-claro);text-decoration:underline;text-underline-offset:2px;} .pie-credito a:hover{color:#fff;} /* ---------- aparición suave ---------- */ [data-reveal]{ opacity:0;transform:translateY(26px); transition:opacity .7s ease, transform .7s ease; } [data-reveal].visible{opacity:1;transform:none;} /* ---------- responsive ---------- */ @media (max-width: 920px){ .nosotros-grid{grid-template-columns:1fr;gap:2rem;} .panorama-window{height:clamp(220px, 36vw, 340px);} .menu-dia-columnas{grid-template-columns:1fr 1fr;} .menu-dia-col:last-child{grid-column:1 / -1;} .menu-dia-precios{grid-template-columns:1fr 1fr;} .contacto-grid{grid-template-columns:1fr;} .pie-grid{grid-template-columns:1fr;gap:1.6rem;padding:2.6rem 0 1.6rem;} } @media (max-width: 680px){ .menu-boton{display:block;} .menu{ position:fixed;inset:0;z-index:910; background:rgba(33,29,23,.98); flex-direction:column;justify-content:center;gap:2rem; opacity:0;visibility:hidden;transform:translateY(-12px); transition:opacity .3s ease, transform .3s ease, visibility .3s; } .menu.abierto{opacity:1;visibility:visible;transform:none;} .menu-lista{flex-direction:column;text-align:center;gap:1.4rem;} .menu-lista a{font-size:1.05rem;} .carta-lista{grid-template-columns:1fr;} .menu-dia-columnas{grid-template-columns:1fr;} .menu-dia-col:last-child{grid-column:auto;} .menu-dia-precios{grid-template-columns:1fr;} .menu-dia-tarjeta{padding:1.6rem 1.2rem;} .panorama-window{height:clamp(190px, 42vw, 240px);} .panorama-leyenda{font-size:1.05rem;left:1rem;bottom:.9rem;} .panorama-controles{ position:static;justify-content:center;gap:.35rem;padding:.7rem; background:linear-gradient(to top, rgba(33,29,23,.92), rgba(33,29,23,.55)); } .panorama-boton{font-size:.66rem;padding:.36rem .7rem;} .panorama-marca{display:none;} .hero-cta{flex-direction:column;align-items:center;} .seccion{padding:4rem 0;} /* Idioma siempre visible en cabecera: título + bandera a la izquierda, hamburguesa a la derecha */ .cabecera-inner .logo{order:0;} .cabecera-inner .btn-idioma{order:1;} .cabecera-inner .menu-boton{order:2;margin-left:auto;} .frase{background:linear-gradient(rgba(46,41,34,.88), rgba(46,41,34,.88)), url("/img/780/separador_terraza_BW.webp") center/cover no-repeat;} .frase-oscura{background:linear-gradient(rgba(61,74,44,.9), rgba(61,74,44,.9)), url("/img/780/separador_salon2_BW.webp") center/cover no-repeat;} .faq-item summary{font-size:1.05rem;padding:1rem 1.1rem;} .faq-item summary::after{width:1.7rem;height:1.7rem;font-size:1.2rem;} }