/* styles.css — tema de Vino+ Lanzarote: oscuro, rojo de marca con degradado y rosa en títulos y precios */
:root {
  /* Interior negro con la marca de agua del «+»; el index lleva las parras */
  --fondo-interior: none;
  --logo-fondo: url(/images/logo3.webp);
  --fondo-index-img: url(/images/fondo3.webp);
  /* Degradado de marca (se conserva: decisión de Manu, 12 oct 2026) */
  --color-degradado2: linear-gradient(-45deg, var(--color-primario) 0%, transparent 45%);
  --blanco: #ffffff;
  --negro: #111111;
  --fondo-negro: #000;
  --color-nombre-plato: var(--blanco);
  --color-acento-carta: var(--color-titulo);
  --color-footer-acento: var(--color-titulo);
  --fondo-app: #000;

  --color-texto-tema: var(--blanco);
  --color-icono-nav: var(--blanco);
  --halo-texto: 0 0 0.25rem var(--negro), 0 0 0.625rem var(--negro),
    0 0 1.25rem var(--negro);
  /* Rojo del logo; el rosa de títulos y precios se lee sobre negro (el rojo no llega a 4,5:1) */
  --color-primario: #a61f1a;
  --color-secundario: #5c110e;
  --color-titulo: #fea9a6;
  --alergenos-titulo: var(--color-titulo);
  /* Pastilla de idioma sobre las parras claras del index: fondo oscuro para que se lea */
  --selector-idiomas-fondo: rgba(0, 0, 0, 0.65);
  --color-form-borde: rgba(255, 255, 255, 0.4);
  --color-form-borde-focus: rgba(255, 255, 255, 0.3);
  --form-texto: var(--blanco);
  --form-input-fondo: rgba(255, 255, 255, 0.08);
  --form-placeholder: rgba(249, 239, 218, 0.4);
  --form-warning: color-mix(in srgb, var(--color-primario) 55%, #fff);
  --form-datepicker-filtro: invert(1);
  --lg-bg-color: rgba(0, 0, 0, 0.4);
  --lg-highlight: rgba(255, 255, 255, 0.75);
  --lg-blur: 0.25rem;

  --sombra: 0.1875rem 0.1875rem 0.25rem #fff, -0.1875rem -0.1875rem 0.25rem var(--negro);
  --border-radius: 1.25rem;
  --tipo-principal: "Roboto", sans-serif;
}

/* Hoja impresa de alérgenos: papel blanco, logo oscuro */
@media print {
  .allergens__header-logo-img {
    content: url(/images/logo.webp);
  }
}

/* TEMA CLARO — ESTÁNDAR DE FLOTA (Manu, 9 ago 2026, criterio The Vu) */

/* Las REGLAS de componentes (formulario de reservas, botones, WhatsApp, luces, */

/* Index: el «+» animado con las medidas de la app de siempre */
.index {
  --movimiento-width: 17rem;
  --movimiento-bottom: 2rem;
  --movimiento-left: calc(100% - 17rem);
}