/* lareservaya.com · capa común de pantalla. No añade llamadas ni scripts.
   Solo pantalla. Reservar, cita y tarjeta de cada negocio conservan su estilo.

   ⛔ 15/10/2026 · Vuelve la identidad propia. La versión del 11/10 vestía La Reserva Ya
   de noche morada, con una letra y una estructura que no eran las suyas. Su identidad de SIEMPRE sigue dentro de cada página (papel
   crema #F7F0E3, tinta, rojo teja #8B3A2E, dorado #C4994A; Cormorant Garamond,
   Lato e IBM Plex Mono). Aquí ya NO se redefine ningún color ni ninguna fuente:
   solo la tarjeta de ejemplo de la portada, en ese papel, y lo que no es color. */
@media screen {
  html[data-future] [hidden] {display:none!important;}
  html[data-future] a:focus-visible,html[data-future] button:focus-visible,
  html[data-future] input:focus-visible,html[data-future] select:focus-visible,
  html[data-future] textarea:focus-visible,html[data-future] summary:focus-visible {
    outline:3px solid var(--terra,#8B3A2E);outline-offset:3px;
  }

  /* Portada: el texto a la izquierda y una vista de ejemplo a la derecha, RECTA. */
  html[data-page="home"] .hero>.wrap {display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:52px;}
  html[data-page="home"] .future-reservations {
    position:relative;background:var(--card,#fff);color:var(--ink,#1A1410);
    border:1px solid var(--line,#e3d9c6);border-radius:18px;padding:25px;
    box-shadow:0 18px 48px rgba(26,20,16,.09);
  }
  html[data-page="home"] .future-reservations-top {
    display:flex;justify-content:space-between;gap:12px;margin-bottom:22px;
    font:700 .66rem/1.4 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.08em;
    text-transform:uppercase;color:var(--terra,#8B3A2E);
  }
  html[data-page="home"] .future-reservations-top span:last-child {color:var(--t3,#6b6053);letter-spacing:0;text-transform:none;}
  html[data-page="home"] .future-reservations h2 {
    font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;font-size:1.8rem;
    line-height:1.1;margin:0 0 5px;color:var(--ink,#1A1410);
  }
  html[data-page="home"] .future-reservations p {font-size:.88rem;color:var(--t2,#4a4038);margin:0 0 20px;}
  html[data-page="home"] .future-reservations-row {display:grid;grid-template-columns:56px 1fr;gap:16px;padding:14px 0;border-top:1px solid var(--line,#e3d9c6);}
  html[data-page="home"] .future-reservations-row time {font:700 .85rem/1.8 "IBM Plex Mono",ui-monospace,monospace;color:var(--terra,#8B3A2E);}
  html[data-page="home"] .future-reservations-row strong {font-size:.92rem;display:block;color:var(--ink,#1A1410);}
  html[data-page="home"] .future-reservations-row small {color:var(--ok,#2f6b4a);font-size:.76rem;font-weight:700;}
  html[data-page="home"] .future-reservations-row:last-of-type small {color:#8a6420;}
  html[data-page="home"] .future-reservations a {
    display:block;padding-top:14px;margin-top:2px;border-top:1px solid var(--line,#e3d9c6);
    color:var(--terra,#8B3A2E);font-size:.86rem;font-weight:900;text-decoration:none;
  }
  html[data-page="home"] .future-reservations a:hover {color:var(--terra-l,#B05040);text-decoration:underline;}
  @media(max-width:900px) {
    html[data-page="home"] .hero>.wrap {grid-template-columns:1fr;gap:32px;}
    html[data-page="home"] .future-reservations {max-width:560px;width:100%;}
  }
  @media(max-width:560px) {
    html[data-page="home"] .future-reservations {padding:22px;}
  }
  @media(prefers-reduced-motion:reduce) {
    html[data-future] {scroll-behavior:auto;}
    html[data-future] *,html[data-future] *::before,html[data-future] *::after {transition:none!important;animation:none!important;}
  }
}