/* Bar La Plaça — Visita: блоки только этой страницы. Общая система — в estilo.css */
.visita-portada{padding-block:clamp(34px,5vw,72px) clamp(48px,6vw,88px)}
.visita-portada__rejilla{display:grid;gap:30px}
@media(min-width:960px){.visita-portada__rejilla{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:center}}
/* фото площади, табличка улицы висит на нём, как на стене */
.visita-portada__foto{position:relative;margin-bottom:108px}
.visita-portada__foto img{width:100%;aspect-ratio:5/4;object-fit:cover;object-position:50% 88%;border-radius:3px}
@media(min-width:960px){.visita-portada__foto{margin-bottom:0}.visita-portada__foto img{aspect-ratio:4/5;object-position:50% 50%}}
/* на телефоне табличка свисает под фото и не закрывает террасу; на мониторе — висит на стене */
.visita-portada__foto .placa-calle{position:absolute;left:50%;bottom:-94px;width:min(80%,330px);padding:20px 18px 16px;transform:translateX(-50%) rotate(-2deg)}
@media(min-width:960px){.visita-portada__foto .placa-calle{left:auto;right:-30px;bottom:auto;top:30%;transform:rotate(-2deg)}}
.visita-portada .placa-calle__nombre{font-size:clamp(40px,5vw,60px)}
.visita-portada__datos{display:grid;gap:18px}
.visita-portada__dir{font:italic 700 clamp(26px,3vw,36px)/1.15 var(--disp)}
.grafico{display:grid;gap:6px}
.grafico__escala,.grafico__fila{display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:center}
@media(min-width:760px){.grafico__escala,.grafico__fila{grid-template-columns:56px 1fr 190px}}
.grafico__escala span{display:flex;justify-content:space-between;font:500 13px/1 var(--texto);color:var(--tiza-3);font-variant-numeric:tabular-nums}
.grafico__dia{font:italic 700 20px/1 var(--disp);color:var(--tiza)}
.grafico__pista{position:relative;height:34px;border-radius:3px;background:repeating-linear-gradient(90deg,rgba(244,239,228,.07) 0 1px,transparent 1px calc(100%/19)),rgba(0,0,0,.18)}
.barra-hora{position:absolute;top:5px;bottom:5px;border-radius:2px;background:var(--tiza);opacity:.9}
.grafico__fila.hoy .barra-hora{background:var(--mostaza);opacity:1}
.grafico__fila.hoy .grafico__dia{color:var(--mostaza)}
.ahora-linea{position:absolute;top:-4px;bottom:-4px;width:3px;margin-left:-1.5px;background:var(--pimenton);border-radius:2px;box-shadow:0 0 0 2px var(--pizarra)}
.grafico__txt{grid-column:2;margin-top:-2px;font-size:13.5px;color:var(--tiza-2);font-variant-numeric:tabular-nums}
@media(min-width:760px){.grafico__txt{grid-column:3}}
.grafico__nota{margin-top:18px;font-size:15px;color:var(--tiza-2)}
.croquis{position:relative;padding:14px;background:var(--blanco);border:2px dashed var(--tinta);border-radius:4px;box-shadow:0 0 0 7px var(--papel-2)}
.croquis svg{width:100%;height:auto}
.croquis figcaption{margin-top:10px;font-size:14px;color:var(--tinta-2)}
.croquis-rejilla{display:grid;gap:30px}
@media(min-width:960px){.croquis-rejilla{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;align-items:center}}
.llegar{counter-reset:llegar}
.llegar li{display:grid;grid-template-columns:40px 1fr;gap:14px;padding:16px 0;border-bottom:1.5px dashed var(--linea)}
.llegar li svg{width:34px;height:34px;color:var(--azulejo)}
.llegar b{display:block;font:italic 800 21px/1.2 var(--disp)}
.llegar span{color:var(--tinta-2);font-size:15.5px}
.contacto{display:grid;gap:14px;grid-auto-rows:1fr}
@media(min-width:800px){.contacto{grid-template-columns:1fr 1fr}}
.contacto__caja{display:grid;gap:10px;align-content:start;padding:26px 24px;border:2px solid var(--tinta);text-decoration:none;transition:transform .2s,box-shadow .2s}
.contacto__caja:hover{transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--tinta)}
.contacto__caja svg{width:40px;height:40px}
.contacto__caja b{font:900 clamp(30px,3.6vw,44px)/1 var(--disp);letter-spacing:-.02em}
.contacto__caja span{color:inherit;opacity:.85}
.contacto__caja--wa{background:var(--mostaza)}
.contacto__caja--tel{background:var(--blanco)}
.croquis__calle{font:italic 700 22px/1 var(--disp);fill:var(--tinta)}
.croquis__plaza{font:italic 600 20px/1 var(--disp);fill:#4d6b2a}
.croquis__bar{font:800 21px/1 var(--disp);fill:var(--pimenton)}
.croquis__nota{font:500 14px/1 var(--texto);fill:var(--tinta-2)}
.croquis__norte text{font:700 14px/1 var(--texto);fill:var(--tinta)}
.grafico__filas{display:grid;gap:8px}
.grafico__escala .grafico__marcas{position:relative;display:block;height:16px}
.grafico__marcas i{position:absolute;top:0;transform:translateX(-50%);font-style:normal}
.grafico__marcas i:first-child{transform:none}
.grafico__marcas i:last-child{transform:translateX(-100%)}