/* styles.css — tema de Goofy Burger: claro, colores de la carta impresa, liquid glass puro */
/* Custom properties */
:root {
  /* Tema CLARO con los colores de la carta impresa: azul en títulos y descripciones, negro en nombres y precios */
  --fondo-interior: url(/images/fondo.webp);
  --logo-fondo: url(/images/logo_fondo.webp);
  --color-degradado2: none;
  --blanco: #ffffff;
  --negro: #111111;
  --azul-carta: #01309d;
  --fondo-negro: #f5ebdc;
  --fondo-app: #f5ebdc;
  --color-texto-tema: var(--negro);
  --color-icono-nav: var(--azul-carta);
  --halo-texto: none;
  --color-primario: var(--azul-carta);
  --color-secundario: #001a5c;
  --color-titulo: var(--azul-carta);
  --color-nombre-plato: var(--negro);
  --color-acento-carta: var(--azul-carta);
  --color-precio: var(--negro);
  --color-footer-acento: var(--azul-carta);
  --alergenos-titulo: var(--color-titulo);
  --alto-logo-header: 3rem;
  --lg-bg-color: rgba(255, 255, 255, 0.4);
  --lg-brightness: 1;
  --lg-highlight: rgba(255, 255, 255, 0.15);
  --lg-blur: 0.25rem;
  --color-form-borde: rgba(0, 0, 0, 0.25);
  --color-form-borde-focus: rgba(0, 0, 0, 0.15);
  --form-fondo: linear-gradient(rgba(255, 255, 255, 0.55), rgba(255, 255, 255, 0.55)),
    url(/images/fondo.webp) center / cover no-repeat;
  --form-texto: var(--negro);
  --form-input-fondo: rgba(0, 0, 0, 0.04);
  --form-placeholder: rgba(0, 0, 0, 0.45);
  --form-warning: var(--color-secundario);
  --form-datepicker-filtro: none;
  --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;
}

/* Goofy del index: entra desde arriba a la derecha, aterriza con un rebote y late suave */
.movimiento {
  --movimiento-animacion: goofy-entrada 1.6s cubic-bezier(0.25, 0.8, 0.3, 1) both,
    goofy-pulso 2.4s ease-in-out 1.6s infinite;
}
@keyframes goofy-pulso {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.04); }
}
@keyframes goofy-entrada {
  0% { transform: translate(70dvw, -80dvh) rotate(25deg) scale(0.6); opacity: 0; }
  60% { transform: translate(-3dvw, 2dvh) rotate(-6deg) scale(1.03); opacity: 1; }
  80% { transform: translate(1dvw, -1dvh) rotate(2deg) scale(0.99); }
  100% { transform: none; opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
  .movimiento { --movimiento-animacion: none; }
}

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

/* Barra superior con 7 iconos (4 cartas): más compacta para que quepa el logo apaisado */
.allergens__header-iconos,
.reviews__header-iconos {
  gap: 0.45rem;
}
.allergens__header-iconos .icono,
.reviews__header-iconos .icono {
  width: 1.6rem;
  height: 1.6rem;
}

/* Nombres de plato tal como están escritos, sin versales (Goofy) */
html body :is(#comidas, #postres, #bebidas, #desayunos) .container h4:not(.nombre-en-versales) {
  text-transform: none;
}