/* Bar La Plaça — Inicio: блоки только этой страницы. Общая система — в estilo.css */
.portada{padding-block:clamp(16px,3vw,40px) clamp(44px,6vw,80px)}
.portada__rejilla{display:grid;gap:16px}
@media(min-width:1000px){.portada__rejilla{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:26px}}
.pizarra-hoy{padding:22px 20px 20px;display:flex;flex-direction:column}
@media(min-width:700px){.pizarra-hoy{padding:34px 38px 30px}}
.hoy__cabeza{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 18px}
.hoy__dia{font:italic 600 19px/1.25 var(--disp);color:var(--mostaza)}
.hoy__horas{font-size:14.5px;color:var(--tiza-2)}
.hoy__titulo{margin-top:12px;font:italic 800 clamp(54px,9.4vw,112px)/.88 var(--disp);letter-spacing:-.03em;color:var(--tiza);text-shadow:0 0 1px rgba(244,239,228,.45),0 0 18px rgba(244,239,228,.06)}
.hoy__trato{display:flex;align-items:center;gap:20px;margin-top:20px}
.hoy__precio{position:relative;flex:none;padding:14px 18px 10px 14px}
.hoy__euros{font:900 44px/1 var(--disp);color:var(--tiza);font-variant-numeric:lining-nums;letter-spacing:-.02em}
.hoy__precio .trazo{inset:-6px -10px -8px -8px;width:calc(100% + 18px);height:calc(100% + 14px)}
.hoy__incluye{font-size:15px;line-height:1.45;color:var(--tiza-2);max-width:30ch}
.hoy__plato{margin-top:22px;padding:14px 16px;border:1.5px dashed var(--tiza-3);border-radius:3px}
.hoy__plato-et{font:600 12.5px/1.2 var(--texto);letter-spacing:.14em;text-transform:uppercase;color:var(--mostaza)}
.hoy__plato-nombre{margin-top:6px;font:italic 700 clamp(24px,3vw,32px)/1.08 var(--disp);color:var(--tiza)}
.hoy__plato-nota{margin-top:4px;font-size:14.5px;color:var(--tiza-2)}
.hoy__listas{margin-top:22px;display:grid;gap:18px}
@media(min-width:560px){.hoy__listas{grid-template-columns:1fr 1fr;gap:26px}}
.hoy__h{font:600 12.5px/1 var(--texto);letter-spacing:.16em;text-transform:uppercase;color:var(--tiza-3);padding-bottom:8px;border-bottom:1.5px solid var(--tiza-linea)}
.hoy__texto{font-size:16px;color:var(--tiza-2)}
.hoy__aviso{margin-top:18px;padding:12px 14px;background:rgba(224,165,38,.12);border-left:3px solid var(--mostaza);font-size:15px;color:var(--tiza)}
.hoy__aviso a{font-weight:600}
.hoy__pie{margin-top:auto;padding-top:22px;display:grid}
.hoy__pie .enlace{justify-content:space-between;min-height:52px;border-top:1.5px dashed var(--tiza-linea);color:var(--tiza);text-decoration:none}
.hoy__pie .enlace:last-child{border-bottom:1.5px dashed var(--tiza-linea)}
.hoy__pie .enlace:hover{color:var(--mostaza)}
@media(min-width:700px){.hoy__pie{grid-template-columns:1fr 1fr;column-gap:28px}.hoy__pie .enlace:last-child{border-bottom:0}}
.collage{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.collage figure{position:relative;overflow:hidden;border-radius:3px;background:var(--papel-2)}
.collage img{width:100%;height:100%;object-fit:cover}
.collage__a{grid-column:1/-1;aspect-ratio:4/3}
.collage__b{aspect-ratio:1}
.collage__nota{aspect-ratio:1;display:flex;align-items:flex-end;padding:10px;border-radius:3px}
.collage__nota p{background:var(--blanco);padding:12px 14px;border:1.5px solid var(--azulejo);box-shadow:inset 0 0 0 3px var(--blanco),inset 0 0 0 4px var(--azulejo);
  font:italic 600 clamp(16px,1.6vw,20px)/1.2 var(--disp);color:var(--azulejo)}
.collage figcaption{position:absolute;left:10px;bottom:10px;padding:5px 9px;background:var(--tinta);color:var(--tiza);font:600 12.5px/1.2 var(--texto);letter-spacing:.06em}
@media(min-width:1000px){.collage{grid-template-rows:1.25fr 1fr}.collage__a{aspect-ratio:auto}.collage__b,.collage__nota{aspect-ratio:auto}}
/* три момента дня */
.momentos__rejilla{display:grid;gap:16px}
@media(min-width:900px){.momentos__rejilla{grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-rows:auto auto;gap:20px}
  .momentos__rejilla>li:first-child{grid-row:1/3}}
.momentos__rejilla>li{display:flex}
.momentos__rejilla>li>.momento{flex:1}
.momento{position:relative;display:flex;flex-direction:column;border:2px solid var(--tinta);text-decoration:none;background-color:var(--blanco);
  transition:transform .2s,box-shadow .2s}
.momento:hover{transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--tinta)}
.momento__foto{aspect-ratio:16/10;overflow:hidden;border-bottom:2px solid var(--tinta)}
.momento__foto img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.momento:hover .momento__foto img{transform:scale(1.04)}
.momento__cuerpo{position:relative;padding:22px 22px 24px;display:grid;gap:8px;flex:1;align-content:start}
.momento__hora{font:900 clamp(64px,9vw,128px)/.8 var(--disp);letter-spacing:-.05em;font-variant-numeric:lining-nums}
.momento--foto .momento__hora{margin-top:-.62em;color:var(--pimenton);-webkit-text-stroke:0}
.momento__titulo{font:italic 800 clamp(26px,2.6vw,34px)/1 var(--disp)}
.momento__texto{color:var(--tinta-2);max-width:40ch}
.momento__ir{margin-top:6px;font-weight:600;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1.5px}
.momento.momento--pizarra{background-color:var(--pizarra);color:var(--tiza)}
.momento--pizarra .momento__texto{color:var(--tiza-2)}
.momento.momento--rojo{background-color:var(--pimenton);color:#fff}
.momento--rojo .momento__texto{color:rgba(255,255,255,.88)}
/* неделя на доске */
.semana{padding-block:var(--sec)}
.dias{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;margin-inline:calc(-1*var(--margen));padding-inline:calc(var(--margen) - 10px);border-bottom:1.5px dashed var(--tiza-linea)}
.dias::-webkit-scrollbar{display:none}
.dia{flex:none;position:relative;display:grid;gap:5px;min-height:70px;padding:12px 14px 16px;border:0;background:none;color:var(--tiza-2);text-align:left}
.dia__nombre{display:flex;align-items:center;gap:8px;font:italic 700 22px/1 var(--disp);color:var(--tiza)}
.dia__plato{font-size:13.5px;line-height:1.2;color:var(--tiza-3);max-width:15ch}
.dia__marca:empty{display:none}
.dia__marca{padding:3px 6px 2px;border-radius:2px;background:var(--tiza);color:var(--tinta);font:600 12px/1 var(--texto);letter-spacing:.08em;text-transform:uppercase;font-style:normal}
.dia:hover .dia__nombre{color:var(--mostaza)}
.dia[aria-selected="true"] .dia__nombre{color:var(--mostaza)}
.dia[aria-selected="true"] .dia__plato{color:var(--tiza)}
.dia[aria-selected="true"]::after{content:"";position:absolute;left:10px;right:10px;bottom:-4px;height:8px;background:var(--tiza-raya) 0 0/100% 100% no-repeat}
.dia-panel{padding-top:30px}
.js .dia-panel__titulo{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.dia-panel__titulo{font:italic 700 30px/1 var(--disp);margin-bottom:14px;color:var(--mostaza)}
html:not(.js) .dias{display:none}
html:not(.js) .dia-panel+.dia-panel{margin-top:36px;padding-top:30px;border-top:1.5px dashed var(--tiza-linea)}
.dia-panel__rejilla{display:grid;gap:28px}
@media(min-width:900px){.dia-panel__rejilla{grid-template-columns:1fr 1fr minmax(0,.95fr);gap:40px}}
.dia-panel__h{font:600 12.5px/1 var(--texto);letter-spacing:.16em;text-transform:uppercase;color:var(--tiza-3);padding-bottom:10px;border-bottom:1.5px solid var(--tiza-linea)}
.dia-panel__entrante{margin-bottom:18px;font:italic 600 19px/1.25 var(--disp);color:var(--mostaza)}
.dia-panel__plato{align-self:start;padding:22px;border:1.5px solid var(--tiza-3);border-radius:3px;background:rgba(0,0,0,.14)}
.dia-panel__nombre{margin-top:14px;font:italic 700 clamp(28px,3vw,36px)/1.02 var(--disp);color:var(--tiza)}
.dia-panel__nota{margin-top:8px;font-size:14.5px;color:var(--tiza-2)}
.dia-panel__precio{margin-top:18px;padding-top:14px;border-top:1.5px dashed var(--tiza-linea);font-size:14.5px;color:var(--tiza-2)}
.dia-panel__precio .num{display:block;font:900 40px/1 var(--disp);color:var(--mostaza);margin-bottom:6px}
.animar .dia-panel:not([hidden]){animation:escribir .5s cubic-bezier(.3,.6,.2,1)}
@keyframes escribir{from{clip-path:inset(0 100% 0 0);opacity:.3}to{clip-path:inset(0 0 0 0);opacity:1}}
.semana__pie{margin-top:36px;padding-top:18px;border-top:1.5px dashed var(--tiza-linea);display:flex;flex-wrap:wrap;gap:8px 28px;align-items:center;color:var(--tiza-2);font-size:15px}
.semana__pie .enlace{color:var(--tiza)}
/* 14 alérgenos — tablero */
.alergia__rejilla{display:grid;gap:34px}
@media(min-width:960px){.alergia__rejilla{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:center}}
/* плакаты */
a.cartel:hover{transform:translate(-2px,-2px);box-shadow:9px 9px 0 var(--tinta)}
/* лента фото с карточкой */
.banda-foto{position:relative;display:grid}
.banda-foto__img{height:clamp(300px,58vw,640px);overflow:hidden}
.banda-foto__img img{width:100%;height:100%;object-fit:cover;object-position:50% 62%}
/* полоса террасы: панорама между доской брони и визитом */
.franja-foto{position:relative;height:clamp(150px,25vw,340px);overflow:hidden;border-block:3px solid var(--tinta);background:var(--papel-2)}
.franja-foto img{width:100%;height:100%;object-fit:cover;object-position:50% 70%}
.franja-foto figcaption{position:absolute;left:var(--margen);bottom:14px}
@media(min-width:900px){.franja-foto figcaption{left:max(var(--margen),calc((100% - var(--ancho))/2));bottom:22px}}
.banda-foto__tarjeta{position:relative;margin:-90px var(--margen) 0;padding:26px 22px 28px;background:var(--blanco);border:2px solid var(--tinta);box-shadow:8px 8px 0 var(--azulejo)}
@media(min-width:900px){.banda-foto__tarjeta{position:absolute;left:max(var(--margen),calc((100% - var(--ancho))/2));bottom:48px;margin:0;width:min(520px,44%);padding:36px 36px 34px}}
.banda-foto .banda-foto__cifra{margin-top:16px;font:900 clamp(66px,7vw,100px)/.8 var(--disp);letter-spacing:-.05em;color:var(--azulejo);font-variant-numeric:lining-nums;white-space:nowrap}
.banda-foto__cifra small{font:italic 700 .3em/1 var(--disp);letter-spacing:0;color:var(--tinta);margin-left:8px}
.banda-foto h2{margin-top:14px}
.banda-foto p{margin-top:12px;color:var(--tinta-2)}
.banda-foto .boton{margin-top:22px}
/* бронь */
.reserva__rejilla{display:grid;gap:34px}
@media(min-width:1000px){.reserva__rejilla{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;align-items:start}
  .reserva__ticket{position:sticky;top:24px}}
.franjas{display:grid;gap:14px}
.franja__nombre{font:600 12.5px/1 var(--texto);letter-spacing:.14em;text-transform:uppercase;color:var(--tiza-3);margin-bottom:8px}
.reserva .ticket .boton{width:100%}
.llamar{display:flex;justify-content:center;align-items:center;min-height:44px;font-weight:600;color:var(--tinta)}
.llamar a{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:4px}
/* визит: табличка улицы */
.visita-corta__rejilla{display:grid;gap:30px}
@media(min-width:900px){.visita-corta__rejilla{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:start}.visita-corta .placa-calle{margin-top:34px;rotate:-2deg}}
.pizarra .horas th,.pizarra .horas td{border-color:var(--tiza-linea)}
.pizarra .horas .hoy td{color:var(--mostaza)}
.pizarra .horas .y{color:var(--tiza-3)}