/* Bar La Plaça — Celebraciones: блоки только этой страницы. Общая система — в estilo.css */
.invitacion{padding-block:clamp(34px,5vw,72px) clamp(40px,5vw,72px)}
.invitacion__rejilla{display:grid;gap:34px}
@media(min-width:960px){.invitacion__rejilla{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;align-items:end}}
.invitacion__texto{display:grid;gap:18px}
.invitacion__titulo{font:900 clamp(54px,9vw,120px)/.86 var(--disp);letter-spacing:-.045em}
.invitacion__titulo em{display:block;font-weight:700;color:var(--azulejo)}
.ficha{border-top:3px solid var(--tinta)}
.ficha__fila{display:grid;grid-template-columns:96px 1fr;gap:16px;align-items:baseline;padding:16px 0;border-bottom:1.5px dashed var(--tinta)}
.ficha dt{font:600 12.5px/1.2 var(--texto);letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-2)}
.ficha dd{color:var(--tinta-2);font-size:15.5px}
.ficha dd b{display:block;font:900 clamp(38px,4.4vw,56px)/.95 var(--disp);color:var(--tinta);letter-spacing:-.03em;font-variant-numeric:lining-nums;margin-bottom:4px}
.banda-sola{height:clamp(240px,42vw,520px);overflow:hidden;border-block:3px solid var(--tinta)}
.banda-sola img{width:100%;height:100%;object-fit:cover;object-position:50% 35%}
.zona__nombre{font:italic 800 22px/1 var(--disp);fill:var(--tinta)}
.zona__nombre--gris{fill:var(--tinta-2)}
.zona__nota{font:600 13px/1 var(--texto);letter-spacing:.12em;text-transform:uppercase;fill:var(--tinta-2)}
.ticket__senal{margin-top:10px;font-size:15px}
.ticket__senal b{font-weight:700;font-variant-numeric:tabular-nums}
.ticket__senal span{color:var(--tinta-2)}
.plano{display:grid;gap:26px}
@media(min-width:1000px){.plano{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:center}}
.plano__dibujo{background:var(--blanco);border:2px solid var(--tinta);padding:12px}
.plano__dibujo svg{width:100%;height:auto}
.zona{cursor:pointer;transition:opacity .2s}
.zona__fondo{fill:#fffbf2;stroke:none;transition:fill .2s}
.zona.activa .zona__fondo{fill:var(--mostaza)}
.zona:hover:not(.activa) .zona__fondo{fill:var(--azulejo-claro)}
.espacios{display:grid;gap:10px;grid-auto-rows:1fr}
.espacio{display:grid;grid-template-columns:auto 1fr;gap:4px 16px;align-items:center;width:100%;padding:16px 18px;border:2px solid var(--tinta);background:var(--blanco);text-align:left;transition:background-color .15s,transform .15s}
.espacio:hover{transform:translateX(4px)}
.espacio[aria-pressed="true"]{background:var(--mostaza)}
.espacio__cifra{grid-row:1/3;font:900 52px/.85 var(--disp);font-variant-numeric:lining-nums;min-width:74px}
.espacio__nombre{font:italic 800 23px/1.1 var(--disp)}
.espacio__texto{font-size:15px;color:var(--tinta-2)}
.espacio[aria-pressed="true"] .espacio__texto{color:var(--tinta)}
.menus-grupo{display:grid;gap:18px}
@media(min-width:900px){.menus-grupo{grid-template-columns:repeat(3,1fr);align-items:start}}
.menu-impreso{position:relative;padding:30px 24px 26px;background:var(--blanco);border:1.5px solid var(--tinta);outline:1.5px solid var(--tinta);outline-offset:-8px;text-align:center}
.menu-impreso--destacado{background:var(--pizarra);color:var(--tiza);outline-color:var(--tiza-3)}
@media(min-width:900px){.menu-impreso--destacado{margin-top:-18px}}
.menu-impreso__letra{font:900 88px/.8 var(--disp);color:var(--pimenton)}
.menu-impreso--destacado .menu-impreso__letra{color:var(--mostaza)}
.menu-impreso__nombre{margin-top:10px;font:italic 800 26px/1.1 var(--disp)}
.menu-impreso__precio{margin-top:12px;font:600 15px/1.2 var(--texto)}
.menu-impreso__precio b{display:block;font:900 44px/1 var(--disp);font-variant-numeric:lining-nums}
.menu-impreso ul{margin-top:18px;border-top:1.5px dashed currentColor;padding-top:6px}
.menu-impreso li{padding:10px 4px;border-bottom:1.5px dashed var(--linea);font-size:15.5px;line-height:1.4}
.menu-impreso--destacado li{border-color:var(--tiza-linea);color:var(--tiza-2)}
.menu-impreso li:last-child{border-bottom:0}
.menu-impreso__sello{position:absolute;top:18px;right:14px;padding:6px 8px;background:var(--mostaza);color:var(--tinta);font:600 12px/1 var(--texto);letter-spacing:.1em;text-transform:uppercase;transform:rotate(6deg)}
.infantil{margin-top:20px;display:flex;flex-wrap:wrap;gap:6px 18px;align-items:baseline;padding:16px 20px;border:2px dashed var(--tinta)}
.infantil b{font:italic 800 22px/1.2 var(--disp)}
.calculo{display:grid;gap:34px}
@media(min-width:1000px){.calculo{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;align-items:start}.calculo__ticket{position:sticky;top:24px}}
.personas-gr{display:grid;grid-template-columns:1fr auto;gap:12px 18px;align-items:center}
.personas-gr .rango{grid-column:1/-1}
.personas-gr__cifra{font:900 64px/.85 var(--disp);font-variant-numeric:lining-nums;letter-spacing:-.04em}
.personas-gr__cifra small{font:italic 700 20px/1 var(--disp);letter-spacing:0;margin-left:6px}
.opciones--menu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.opciones--menu .chip{display:flex}
.opciones--menu .chip__cara{flex-direction:column;align-items:flex-start;width:100%;gap:2px;min-height:84px}
.opciones--menu b{font:900 30px/1 var(--disp)}
.opciones--menu small.num{margin-top:auto;padding-top:4px;font-weight:600}
.galeria{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.galeria figure{position:relative;overflow:hidden;border-radius:3px;background:var(--papel-2);aspect-ratio:1}
/* на телефоне: стол во всю ширину, рис — высокий слева, два кадра справа */
.galeria .galeria__g{grid-column:1/-1;aspect-ratio:8/5}
.galeria .galeria__v{grid-row:span 2;aspect-ratio:auto}
@media(min-width:800px){.galeria{grid-template-columns:repeat(4,1fr);grid-auto-rows:220px;gap:12px}
  .galeria figure,.galeria .galeria__g{aspect-ratio:auto}
  .galeria .galeria__g{grid-column:span 2;grid-row:span 2}.galeria__h{grid-column:span 2}}
.galeria img{width:100%;height:100%;object-fit:cover;transition:transform .7s}
.galeria figure:hover img{transform:scale(1.05)}
.galeria figcaption{position:absolute;left:0;bottom:0;padding:6px 10px;background:var(--tinta);color:var(--tiza);font:500 13px/1.3 var(--texto)}
.zona__tag{fill:var(--tinta)}
.zona .zona__nombre{fill:var(--tiza);font-size:19px}
.zona__cocina{font:italic 800 21px/1 var(--disp);fill:var(--tinta-2)}