.menu-comercio{--panel:#fff;--texto:#171a16;--secundario:#424940;--borde:#d5dbd2;--boton:#173923;--boton-texto:#fff;background:var(--fondo-comercio);color:var(--texto);border-radius:22px;padding:18px;box-shadow:0 0 0 100vmax var(--fondo-comercio);clip-path:inset(0 -100vmax -100vmax)}
.menu-comercio.menu-oscuro{--panel:#171b19;--texto:#fff;--secundario:#dedfdd;--borde:#555d57;--boton:#fff;--boton-texto:#172018}
.portada-comercio{position:relative;overflow:hidden;border-radius:18px;background:var(--panel);border:1px solid var(--borde);min-height:250px;display:flex;align-items:end;margin-bottom:18px}.portada-foto{position:absolute;width:100%;height:100%;object-fit:cover;inset:0}.portada-comercio:has(.portada-foto)::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.85),rgba(0,0,0,.35)),linear-gradient(0deg,rgba(0,0,0,.65),transparent)}.portada-contenido{position:relative;z-index:1;padding:32px;display:flex;gap:20px;align-items:center}.portada-comercio:has(.portada-foto) .portada-contenido{color:#fff;text-shadow:0 1px 3px #000}.portada-contenido p{margin:5px 0}.portada-etiqueta{font-size:.75rem;letter-spacing:.12em;font-weight:800}.portada-contenido .shoplogo{flex:none;background:white;object-fit:contain;padding:5px}.categorias-menu{display:flex;gap:8px;overflow-x:auto;padding:4px 0 18px}.categorias-menu a{white-space:nowrap;background:var(--panel);border:1px solid var(--borde);color:var(--texto);text-decoration:none;border-radius:999px;padding:9px 16px;font-weight:700}.menu-comercio .product,.menu-comercio aside{background:var(--panel);border-color:var(--borde);color:var(--texto)}.menu-comercio .product p,.menu-comercio .small{color:var(--secundario)}.menu-comercio .product button,.menu-comercio #order button{background:var(--boton);color:var(--boton-texto)}.menu-comercio input,.menu-comercio select,.menu-comercio textarea{background:#fff;color:#151515;border:1px solid #737b72}.menu-comercio .cartrow{border-color:var(--borde)}.menu-comercio .cartrow button{background:#eee;color:#111}.menu-comercio .grid{margin-bottom:28px}.menu-comercio .photo{height:190px}.menu-comercio h2[id]{scroll-margin-top:20px}@media(max-width:760px){.menu-comercio{padding:12px;border-radius:14px}.portada-comercio{min-height:240px}.portada-contenido{padding:20px;align-items:flex-start;gap:12px}.portada-contenido .shoplogo{width:66px;height:66px}.menu-comercio .photo{height:200px}}
.pedido-titulo{display:flex;align-items:center;justify-content:space-between;gap:12px}.pedido-titulo #pedido-cerrar{display:none}.pedido-fijo-activo #pedido-panel{display:none}.pedido-fijo-activo.pedido-abierto #pedido-panel{display:block;position:fixed;z-index:1002;top:0;right:0;bottom:0;width:min(100%,470px);height:100dvh;max-height:none;overflow-y:auto;border-radius:18px 0 0 18px;padding:22px 20px 100px;box-shadow:0 0 32px #0006}.pedido-fijo-activo.pedido-abierto #pedido-cerrar{display:block;background:#ecefec;color:#171a17;padding:8px 12px}.pedido-fijo-activo #pedido-fondo:not([hidden]){position:fixed;inset:0;background:#0009;z-index:1001}.pedido-fijo-activo #pedido-barra:not([hidden]){display:flex;position:fixed;z-index:1000;bottom:0;left:0;right:0;width:100%;align-items:center;justify-content:space-between;gap:10px;padding:16px max(20px,calc((100vw - 1100px)/2));padding-bottom:max(16px,env(safe-area-inset-bottom));border-radius:0;background:#203b2a;color:#fff;box-shadow:0 -4px 18px #0004;font-size:1rem}.pedido-fijo-activo.pedido-abierto #pedido-barra{visibility:hidden}.pedido-fijo-activo main{padding-bottom:100px}.pedido-fijo-activo .menu-comercio .layout{grid-template-columns:1fr}@media(max-width:760px){.pedido-fijo-activo.pedido-abierto #pedido-panel{border-radius:16px 16px 0 0;top:auto;left:0;width:100%;height:min(90dvh,800px);padding-bottom:40px}.pedido-fijo-activo #pedido-barra:not([hidden]){font-size:.95rem}}
.pedido-fijo-activo .menu-comercio{clip-path:none}
/* Cabecera legible y barra fija de pedido */
body.pedido-fijo-activo > header{position:relative;z-index:2;background:#fff}
body.pedido-fijo-activo #pedido-barra:not([hidden]){justify-content:center;gap:18px;background:#141414;color:#fff;border-top:3px solid #fe6304;box-shadow:0 -5px 18px #0005;text-align:center;font-size:1.05rem}
body.pedido-fijo-activo #pedido-cantidad,body.pedido-fijo-activo #pedido-subtotal{color:#ff9959;font-weight:800}
@media(max-width:480px){body.pedido-fijo-activo #pedido-barra:not([hidden]){gap:10px;font-size:.9rem;padding-left:12px;padding-right:12px}}
/* Portada a todo el ancho, con contenido alineado con el menú */
.menu-comercio .portada-comercio{width:100vw;max-width:none;position:relative;left:50%;margin-left:-50vw;margin-top:-42px;margin-bottom:22px;min-height:clamp(300px,33vw,440px);border-radius:0;border-left:0;border-right:0}
.menu-comercio .portada-contenido{width:min(100%,1180px);margin:0 auto;padding:40px 38px}
.menu-comercio .portada-foto{object-position:center}
@media(max-width:760px){.menu-comercio .portada-comercio{margin-top:-36px;min-height:310px}.menu-comercio .portada-contenido{padding:28px 22px}}
/* Portada: logo destacado y datos compactos */
body:has(.menu-comercio){overflow-x:clip}
.menu-comercio .portada-contenido .shoplogo{width:132px;height:132px;flex:0 0 132px}
.menu-comercio .portada-contenido>div{display:flex;flex-wrap:wrap;align-items:center;column-gap:22px;row-gap:6px;min-width:0}
.menu-comercio .portada-contenido>div>.portada-etiqueta,.menu-comercio .portada-contenido>div>h1{flex-basis:100%}
.menu-comercio .portada-contenido>div>p{margin:0}
.menu-comercio .portada-contenido>div>.espera-comercio{margin-top:0!important}
@media(max-width:760px){.menu-comercio .portada-contenido{align-items:flex-start;gap:16px}.menu-comercio .portada-contenido .shoplogo{width:82px;height:82px;flex:0 0 82px}.menu-comercio .portada-contenido>div{display:block}.menu-comercio .portada-contenido>div>p{margin:5px 0}.menu-comercio .portada-contenido>div>.espera-comercio{margin-top:8px!important}}