/* La Piazza — ajustes comunes a las 36 páginas (velocidad, móvil y diseño).
   Se carga después del <style> propio de cada página, así que estas reglas
   mandan sobre las de igual especificidad. */

/* Gris corporativo de La Piazza (oficial: CMYK 0/0/0/85 · RGB 74/74/73 · #4A4A49).
   Se usa en las dos cartas, la sección de producto y el cierre de Nosotros,
   y la cabecera de las páginas legales y la 404. */
:root{--lp-gris:#4A4A49;--lp-gris-claro:#EFEEEC;--lp-gris-suave:#ECECEB;--lp-rojo-sobre-gris:#FF8A8E}
/* --lp-gris-suave = el gris de La Piazza al ~10 % sobre blanco: fondo de la página Carta (intro y tarjetas). */

/* Sobre el gris, el rojo corporativo pierde contraste en textos pequeños (antetítulos,
   precios, cifras): ahí se usa el rojo claro que ya llevaba la cabecera de la carta delivery. */
.lp-gris-bg .eyebrow,
.lp-gris-bg [style*="color:#D8232A"],
.lp-carta-gris .menu-item-p,
.lp-carta-gris #lp-menu [style*="color:#D8232A"]{color:var(--lp-rojo-sobre-gris) !important}

/* Efectos de entrada: más cortos y rápidos, sin dejar huecos en blanco */
.reveal{transform:translateY(18px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}
.legal.reveal{opacity:1;transform:none;transition:none}

/* Inicio en móvil: el antetítulo del hero cabe en una línea */
@media(max-width:640px){.lp-eyebrow-text{font-size:11.5px;letter-spacing:.16em}}

/* Botón flotante de delivery: icono de bolsa, más compacto en móvil y oculto al llegar al pie */
.wa-fab svg{width:20px;height:20px}
.wa-fab.is-hidden,body.lp-consent-open .wa-fab{animation:none;opacity:0;pointer-events:none;transform:translateY(12px)}
.wa-fab{transition:opacity .25s,transform .25s,background .15s}
@media(max-width:640px){.wa-fab{right:12px;bottom:12px;padding:10px 14px 10px 11px;font-size:12px;gap:7px}}

/* Fotos del equipo (polaroids). La foto del equipo (equip-facana-2026-completa.webp,
   sacada de FOTOS/CARTA/Equipo2.jpg) se muestra entera, sin recortes, en ordenador y móvil. */
.nosaltres-frame--front img{height:auto !important;aspect-ratio:1000/1081;object-fit:contain}
@media(max-width:640px){
.nosaltres-stack{max-width:100%;padding-bottom:12px}
.nosaltres-frame{width:88%}
.nosaltres-frame img{height:220px}
.nosaltres-frame--back{transform:rotate(-2.5deg)}
.nosaltres-frame--front{margin-top:-26px;transform:rotate(2.5deg)}
}

/* Inicio en móvil: las tres fotos de la carta se deslizan en horizontal y se ven grandes */
@media(max-width:640px){
.picks-mosaic{grid-template-columns:none !important;grid-auto-flow:column;grid-auto-columns:68%;overflow-x:auto;scroll-snap-type:x mandatory;margin-right:-20px;padding-right:20px;scrollbar-width:none}
.picks-mosaic::-webkit-scrollbar{display:none}
.picks-mosaic img{margin-top:0 !important;scroll-snap-align:start;opacity:1 !important;transform:none !important}
}

/* Selector de idioma visible junto al menú en las páginas interiores (móvil) */
.lp-lang-inner{display:flex;align-items:center;gap:3px;margin-left:auto}
.lp-lang-inner a,.lp-lang-inner span{font-family:"Saira Condensed",sans-serif;font-size:12.5px;font-weight:700;letter-spacing:.02em;color:rgba(21,21,21,.55);padding:4px 8px;border-radius:12px}
.lp-lang-inner span{background:#D8232A;color:#fff}
.lp-lang-inner + .nav-toggle{margin-left:4px}
@media(min-width:900px){.lp-lang-inner{display:none}}

/* Mapa: imagen ligera hasta que se toca; entonces carga Google Maps */
.lp-map{width:100%;height:100%;min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#ECEAE6;border:0;cursor:pointer;font-family:Barlow,system-ui,sans-serif;color:#151515;text-align:center;padding:24px}
.lp-map svg{width:34px;height:34px;color:#D8232A}
.lp-map .lp-map-cta{font-family:"Saira Condensed",sans-serif;font-size:15px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:#D8232A;color:#fff;padding:11px 18px;border-radius:2px;transition:background .15s}
.lp-map:hover .lp-map-cta{background:#151515}
.lp-map .lp-map-addr{font-size:14px;color:#4a4a4a}
.lp-map-frame{border:0;display:block;width:100%;height:100%;min-height:320px}

/* Aviso de cookies */
.lp-consent{position:fixed;left:12px;right:12px;bottom:12px;z-index:200;max-width:560px;margin:0 auto;background:#151515;color:#fff;border-radius:6px;padding:16px 18px;box-shadow:0 16px 40px -12px rgba(0,0,0,.6);font-family:Barlow,system-ui,sans-serif;font-size:14px;line-height:1.5}
.lp-consent p{margin:0 0 12px}
.lp-consent a{color:#fff;text-decoration:underline}
.lp-consent-btns{display:flex;gap:8px;flex-wrap:wrap}
.lp-consent button{font-family:"Saira Condensed",sans-serif;font-size:13px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;padding:10px 18px;border-radius:2px;cursor:pointer;border:1.5px solid rgba(255,255,255,.5);background:transparent;color:#fff}
.lp-consent button.lp-ok{background:#D8232A;border-color:#D8232A}