:root{font-family:system-ui,sans-serif;color:#29263a;background:#f5f4ef}*{box-sizing:border-box}body{margin:0}header{background:#252237;color:white;padding:20px}main{max-width:1000px;margin:auto;padding:20px}.list,#items{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.card,#detail{background:white;border:1px solid #ddd;border-radius:12px;padding:18px}.card img,#cover{width:100%;max-height:250px;object-fit:contain}button,input,select,textarea{font:inherit;padding:10px;border-radius:8px;border:1px solid #aaa}button{cursor:pointer}label{display:grid;gap:8px;margin:12px 0}input,select,textarea{width:100%}#detail[hidden],#request[hidden]{display:none}
/* Tarjetas de comida: foto grande, sin recorte; toda la tarjeta es táctil. */
#items .foodProductTile{cursor:pointer;display:flex;flex-direction:column;gap:8px;
 min-height:230px;border-radius:16px;padding:12px}
#items .foodProductTile img{display:block;width:100%;height:auto;max-height:320px;
 object-fit:contain;object-position:center;background:#f5f6f6;border-radius:12px}
#items .foodProductTile:focus-visible,#items .foodProductTile.selected{
 outline:3px solid #187a88;outline-offset:2px;border-color:#187a88}
#items .foodProductTile h3{margin:4px 0 0;font-size:1.05rem}
#items .foodProductTile p{margin:0;font-weight:700}
@media(max-width:600px){#items{grid-template-columns:repeat(2,minmax(0,1fr))}
 #items .foodProductTile{padding:9px;min-height:185px}}
@media(max-width:360px){#items{grid-template-columns:1fr}}