:root{
  --amarillo:#FCEA02; --rojo:#E3010E; --negro:#141414;
  --fondo:#FFF8E1; --tarjeta:#FFFFFF; --texto:#2A2522; --suave:#6B5F57;
  color-scheme: light;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{
  min-height:100vh; min-height:100dvh;
  display:flex; flex-direction:column; align-items:center;
  background:var(--fondo);
  border-top:10px solid var(--rojo);
  color:var(--texto);
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  line-height:1.5; padding:28px 16px 24px;
}
.tarjeta{
  width:100%; max-width:440px; flex:1;
  display:flex; flex-direction:column; align-items:center; text-align:center;
}
.logo{width:min(78vw,300px); height:auto; margin:8px 0 18px}
h1{
  font-family:Georgia,"Times New Roman",serif; font-weight:700;
  font-size:clamp(1.9rem,8vw,2.4rem); line-height:1.1; color:var(--negro);
}
.bajada{
  margin-top:6px; font-size:.85rem; font-weight:700; letter-spacing:.18em;
  text-transform:uppercase; color:var(--rojo);
}
.aviso{
  margin-top:26px; width:100%;
  background:var(--tarjeta); border-radius:18px; padding:24px 20px;
  box-shadow:0 1px 0 rgba(0,0,0,.04),0 8px 24px rgba(120,80,0,.10);
  border-bottom:5px solid var(--amarillo);
}
.pronto{
  font-family:Georgia,"Times New Roman",serif; font-style:italic;
  font-size:1.6rem; color:var(--negro); margin-bottom:6px;
}
.aviso p{font-size:1.02rem}
.comidas{list-style:none; display:flex; justify-content:center; flex-wrap:wrap; gap:8px; margin-top:18px}
.comidas li{
  padding:6px 14px; border-radius:999px; font-size:.9rem; font-weight:600;
  background:var(--amarillo); color:var(--negro);
}
footer{margin-top:28px; text-align:center; font-size:.85rem; color:var(--suave)}
footer .url{margin-top:2px; font-weight:600; color:var(--texto)}