/* NUEVA IDENTIDAD · PASO 1
   Añadir después de todos los estilos existentes.
   Los componentes se migran en los pasos 2–5, sin alterar su lógica. */
:root {
 --color-fondo:#0D0D0D;
 --color-superficie:#1A1A1A;
 --color-borde:#2A2A2A;
 --color-rojo:#E10600;
 --color-rojo-hover:#B80500;
 --color-mostaza:#F2B705;
 --color-mostaza-hover:#FFD04A;
 --color-texto:#F5EBDD;
 --color-texto-secundario:#B8AFA3;
 --color-sobre-rojo:#FFFFFF;
 --color-sobre-mostaza:var(--color-fondo);
 --color-foco:var(--color-mostaza);
}
html,body {background:var(--color-fondo);color:var(--color-texto);color-scheme:dark}
/* Texto base de secciones sobre el nuevo fondo. */
.hero-copy,.section-top,.about,.location>div:last-child {color:var(--color-texto)}
.hero-copy .intro,.hero-note,.section-aside,.photo-note,.price-note,
.about>.muted,.location dt,.contact-note,.location>.payment-note {
 color:var(--color-texto-secundario);
}
.hero-copy h1 em {color:var(--color-mostaza)}
/* Protección temporal de lectura en componentes claros aún no migrados. */
.menu-card,.promo,.empty-search {color:var(--ink)}
.menu-card h3,.promo h2,.empty-search h3 {color:var(--ink)}
/* No cambia las fuentes, medidas, contenido, imágenes o eventos existentes. */
#results,#search-hint,.location .business-hours>.payment-note{color:var(--color-texto-secundario)}
.motion-pause{color:var(--color-texto);border-color:var(--color-texto-secundario)}
/* Ajuste solicitado: categorías legibles sobre la identidad oscura. */
.filters{background:var(--color-fondo);border-color:var(--color-borde);scrollbar-color:var(--color-mostaza) var(--color-superficie)}
.filters button{background:var(--color-superficie);color:var(--color-texto);border:1px solid var(--color-texto-secundario);box-shadow:none}
.filters button[aria-pressed='true']{background:var(--color-rojo);border-color:var(--color-rojo);color:var(--color-sobre-rojo)}
@media(hover:hover){.filters button:not([aria-pressed='true']):hover{background:var(--color-mostaza-hover);color:var(--color-sobre-mostaza);border-color:var(--color-mostaza-hover)}.filters button[aria-pressed='true']:hover{background:var(--color-rojo-hover);border-color:var(--color-rojo-hover)}}
.filters button:focus-visible{outline:3px solid var(--color-foco);outline-offset:-4px;box-shadow:none!important}
.filters button:not(:disabled):active{background:var(--color-rojo-hover);color:var(--color-sobre-rojo)}
.filters button:disabled{background:var(--color-superficie);color:var(--color-texto-secundario);opacity:.6;cursor:not-allowed}
/* Ajuste solicitado: ubicación y horarios con contraste sobre la paleta nueva. */
.location-art{background:var(--color-superficie);background-image:none;border:1px solid var(--color-borde);color:var(--color-texto)}
.location-art>span{color:var(--color-mostaza)}
.location-art>div{background:var(--color-rojo);color:var(--color-sobre-rojo)}
.location-art small{color:var(--color-texto-secundario)}
.location .business-hours{background:var(--color-superficie);border:1px solid var(--color-borde);color:var(--color-texto)}
.location .business-hours h3{color:var(--color-mostaza)}
.location .business-hours dt{color:var(--color-texto-secundario)}
.location .business-hours dd{color:var(--color-texto)}
.location .business-hours>.payment-note{color:var(--color-texto-secundario)}
/* Ajuste solicitado: aviso de domicilio, en ubicación y carrito. */
.delivery-guide{background:var(--color-superficie);border-color:var(--color-borde);border-left-color:var(--color-rojo);color:var(--color-texto)}
.delivery-guide-label,.delivery-guide>p strong{color:var(--color-mostaza)}
.delivery-guide>p,.delivery-guide summary{color:var(--color-texto)}
.delivery-guide summary{border-top-color:var(--color-texto-secundario)}
.delivery-guide summary>span{color:var(--color-mostaza)}
.delivery-guide details p,.delivery-guide>small{color:var(--color-texto-secundario)}
.delivery-guide summary:hover{color:var(--color-mostaza-hover)}
.delivery-guide summary:focus-visible{outline:3px solid var(--color-foco);outline-offset:3px;box-shadow:none!important}
/* Promoción semanal confirmada: consultar detalle vigente en Instagram. */
#promociones{background:var(--color-rojo);color:var(--color-sobre-rojo);border:1px solid var(--color-rojo);padding:clamp(24px,5vw,48px);border-radius:20px}
#promociones h2,#promociones .eyebrow,#promociones p{color:var(--color-sobre-rojo)}
#promociones h2{max-width:850px;margin:14px 0 20px}
#promociones article>p{max-width:650px;font-size:1rem;line-height:1.7}
#promociones .promo-instagram{background:var(--color-mostaza);color:var(--color-sobre-mostaza);border:1px solid var(--color-mostaza);box-shadow:none;max-width:100%;overflow-wrap:anywhere;gap:10px}
#promociones .promo-instagram:hover{background:var(--color-mostaza-hover);border-color:var(--color-mostaza-hover)}
#promociones .promo-instagram:active{background:var(--color-mostaza)}
#promociones .promo-instagram:focus-visible{outline:3px solid var(--color-sobre-rojo);outline-offset:4px;box-shadow:none!important}
#promociones .payment-note{margin:20px 0 0;font-size:.875rem}
/* Ajuste solicitado: acción Agregar de las tarjetas en rojo. */
.card-purchase .add-product{background:var(--color-rojo);border-color:var(--color-rojo);color:var(--color-sobre-rojo);box-shadow:none}
@media(hover:hover){.card-purchase .add-product:not(:disabled):hover{background:var(--color-rojo-hover);border-color:var(--color-rojo-hover);color:var(--color-sobre-rojo)}}
.card-purchase .add-product:not(:disabled):active{background:var(--color-rojo-hover);border-color:var(--color-rojo-hover);color:var(--color-sobre-rojo)}
.card-purchase .add-product:focus-visible{outline:3px solid var(--color-foco);outline-offset:3px;box-shadow:none!important}
.card-purchase .add-product:disabled{background:var(--color-superficie);border-color:var(--color-borde);color:var(--color-texto-secundario);box-shadow:none;opacity:.65}