/* Bar La Plaça — Almuerzo: блоки только этой страницы. Общая система — в estilo.css */
.cartel-almuerzo{position:relative;overflow:hidden;background:var(--pimenton);color:#fff}
.cartel-almuerzo__rejilla{display:grid}
@media(min-width:960px){.cartel-almuerzo__rejilla{grid-template-columns:minmax(0,6fr) minmax(0,6fr);min-height:640px}}
.cartel-almuerzo__texto{padding:clamp(28px,5vw,64px) var(--margen) clamp(34px,5vw,64px);display:flex;flex-direction:column;justify-content:space-between;gap:26px}
@media(min-width:960px){.cartel-almuerzo__texto{padding-left:max(var(--margen),calc((100vw - var(--ancho))/2))}}
.cartel-almuerzo__palabra{font:italic 900 clamp(50px,15.4vw,104px)/.9 var(--disp);letter-spacing:-.045em}
@media(min-width:960px){.cartel-almuerzo__palabra{font-size:clamp(78px,7.6vw,118px)}}
.cartel-almuerzo__palabra span{display:block;font-style:normal;font-size:.34em;letter-spacing:-.015em;color:var(--mostaza);margin-bottom:.22em}
.cartel-almuerzo__texto>.placa{align-self:flex-start}
.cartel-almuerzo__datos{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:8px 28px;padding-top:18px;border-top:2px solid rgba(255,255,255,.4)}
.cartel-almuerzo__datos dt{font:600 12.5px/1.2 var(--texto);letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.8)}
.cartel-almuerzo__datos dd{font:900 clamp(30px,3.4vw,44px)/1 var(--disp);font-variant-numeric:lining-nums}
.cartel-almuerzo__entrada{font-size:clamp(17px,1.45vw,19.5px);line-height:1.55;color:rgba(255,255,255,.92);max-width:44ch}
.cartel-almuerzo .placa{border-color:var(--tinta)}
.cartel-almuerzo__foto{min-height:320px;position:relative}
.cartel-almuerzo__foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.anatomia{display:grid;gap:28px}
@media(min-width:960px){.anatomia{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:center}}
.anatomia__dibujo{background:var(--blanco);border:2px solid var(--tinta);padding:10px}
.anatomia__dibujo svg{width:100%;height:auto}
.anatomia__partes{counter-reset:parte}
.anatomia__partes li{counter-increment:parte;display:grid;grid-template-columns:44px 1fr;gap:4px 14px;padding:16px 0;border-bottom:1.5px dashed var(--linea)}
.anatomia__partes li::before{content:counter(parte);grid-row:1/3;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--tinta);color:var(--tiza);font:800 20px/1 var(--disp)}
.anatomia__partes b{font:italic 800 22px/1.1 var(--disp)}
.anatomia__partes span{color:var(--tinta-2);font-size:15.5px}
.bento{display:grid;gap:14px}
@media(min-width:700px){.bento{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.bento{grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(180px,auto)}
  .bento__item--grande{grid-column:span 2;grid-row:span 2}.bento__item--ancho{grid-column:span 2}}
.bento__item{position:relative;display:flex;flex-direction:column;padding:20px;border:2px solid var(--tinta);background-color:var(--blanco);overflow:hidden}
.bento__item.pizarra{background-color:var(--pizarra);color:var(--tiza)}
.bento__item h3{font:800 clamp(26px,2.6vw,34px)/1 var(--disp);letter-spacing:-.02em}
.bento__item p{margin-top:8px;color:var(--tinta-2);font-size:15.5px}
.bento__precios{margin-top:auto;padding-top:16px;display:flex;gap:16px;align-items:baseline;font-variant-numeric:tabular-nums}
.bento__precios b{font:900 30px/1 var(--disp);font-variant-numeric:lining-nums;color:var(--tinta)}
.bento__item--azul .bento__precios b{color:#fff}
.bento__precios span{font-size:14.5px;color:var(--tinta-2)}
.bento__item--grande{min-height:380px;padding:24px}
.bento__dibujo{width:100%;height:auto;margin:34px 0 18px}
.bento__item--grande .bento__pie{margin-top:auto}
.bento__item--grande h3{font-size:clamp(34px,3.6vw,48px);color:var(--tiza)}
.bento__item--grande p,.bento__item--grande .bento__precios span{color:var(--tiza-2)}
.bento__item--grande .bento__precios b{color:var(--mostaza)}
.bento__item.bento__item--banda{background-color:var(--mostaza);display:grid;gap:10px 24px}
@media(min-width:700px){.bento__item--banda{grid-column:1/-1;grid-template-columns:1fr auto;align-items:end}}
.bento__item--banda .bento__precios{margin-top:0;padding-top:0}
.bento__item--banda p,.bento__item--banda .bento__precios span{color:var(--tinta)}
.bento__item.bento__item--azul{background-color:var(--azulejo);color:#fff}
.bento__item--azul p,.bento__item--azul .bento__precios span{color:rgba(255,255,255,.82)}
.bento__item.bento__item--papel{background-color:var(--papel-2)}
.bento__sello{position:absolute;top:14px;right:14px;padding:5px 8px;border:1.5px solid currentColor;font:600 12px/1 var(--texto);letter-spacing:.12em;text-transform:uppercase;transform:rotate(4deg)}
.gasto__rejilla{display:grid;gap:22px}
@media(min-width:900px){.gasto__rejilla{grid-template-columns:repeat(3,1fr);gap:28px}}
.gasto__item{display:grid;gap:10px;padding:24px 22px;border:1.5px solid var(--tiza-3);border-radius:3px;background:rgba(0,0,0,.12)}
.gasto__item svg{width:112px;height:84px;color:var(--tiza)}
.gasto__item .gasto__nombre{margin-top:6px;font:italic 700 36px/1 var(--disp);color:var(--tiza)}
.gasto__item .gasto__es{font:600 12.5px/1.2 var(--texto);letter-spacing:.14em;text-transform:uppercase;color:var(--mostaza)}
.gasto__item p{color:var(--tiza-2);font-size:15.5px}
.gasto__ojo{margin-top:26px;display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border:1.5px dashed var(--mostaza);border-radius:3px;color:var(--tiza)}
.gasto__ojo svg{flex:none;width:30px;height:30px;color:var(--mostaza)}
.gasto__ojo a{font-weight:600}
.pasos{display:grid;gap:0;counter-reset:paso;border-top:2px solid var(--tinta)}
@media(min-width:900px){.pasos{grid-template-columns:repeat(4,1fr)}}
/* кофе в стакане над шагами: на телефоне почти целиком, на мониторе — полосой */
.cremaet-foto{margin-bottom:clamp(8px,2vw,24px);aspect-ratio:4/3;overflow:hidden;border-radius:3px;background:#141612}
.cremaet-foto img{width:100%;height:100%;object-fit:cover;object-position:50% 70%}
@media(min-width:900px){.cremaet-foto{aspect-ratio:16/6}.cremaet-foto img{object-position:50% 88%}}
.paso{position:relative;padding:22px 0 24px;border-bottom:1.5px dashed var(--linea);display:grid;grid-template-columns:48px 1fr;gap:4px 16px;align-items:start}
@media(min-width:900px){.paso{grid-template-columns:1fr;align-content:start;padding:26px 24px 26px 0;border-bottom:0;border-right:1.5px dashed var(--linea)}.paso+.paso{padding-left:24px}.paso:last-child{border-right:0}.paso__num{grid-row:auto}}
.paso__num{grid-row:1/4;font:900 64px/.8 var(--disp);color:var(--pimenton);font-variant-numeric:lining-nums;text-align:center}
@media(min-width:900px){.paso__num{text-align:left}}
.paso svg{width:56px;height:56px;color:var(--tinta)}
.paso h3{font:italic 800 23px/1.1 var(--disp)}
.paso p{color:var(--tinta-2);font-size:15.5px}
.montador{display:grid;gap:34px}
@media(min-width:1000px){.montador{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;align-items:start}.montador__ticket{position:sticky;top:24px}}
.opciones--bocadillo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
@media(min-width:620px){.opciones--bocadillo{grid-template-columns:repeat(3,minmax(0,1fr))}}
.opciones--bocadillo .chip__cara{flex-direction:column;align-items:flex-start;justify-content:space-between;gap:6px;width:100%;min-height:96px;padding:12px 13px}
.opciones--bocadillo .chip{display:flex}
.opciones--bocadillo b{font:700 18px/1.1 var(--disp)}
.opciones--bocadillo small{font-size:13px;line-height:1.3}
.opciones--bocadillo small.num{margin-top:auto;font-size:14.5px;font-weight:600;color:var(--tinta)}
.opciones--bocadillo .chip input:checked+.chip__cara small.num{color:var(--mostaza)}