/* Портада — обложка номера и разделы журнала. */

/* ── обложка ───────────────────────────────────────────────────────────
   Последняя строка заголовка заходит на фото и меняет цвет на его краю.
   Один элемент, фон-градиент по тексту: где под буквами бумага — чернила,
   где фото — бумажный цвет. Граница градиента совпадает с краем фото,
   поэтому обе величины считаются от одной переменной --t (кегль). */
.portada{--t:clamp(46px,14.6vw,70px);padding-top:18px}
.portada__numero{display:flex;align-items:center;gap:14px;margin-bottom:20px}
.portada__raya{flex:1;height:1px;background:var(--tinta)}
.portada__num{display:none;color:var(--tinta-60)}
.portada__titulo{position:relative;z-index:2;padding-inline:var(--lado);font-size:var(--t);line-height:1;font-style:italic;
  font-weight:400;letter-spacing:-.028em;color:var(--tinta)}
.portada__titulo span{display:block;white-space:nowrap}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .portada__titulo{background:linear-gradient(180deg,var(--tinta) calc(var(--t)*2),var(--papel) 0);
    -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
}
.portada__foto{position:relative;margin-top:calc(var(--t)*-1)}
.portada__foto picture{position:relative;display:block}
.portada__foto picture::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(20,27,22,.52) 0,rgba(20,27,22,.18) calc(var(--t)*1.25),rgba(20,27,22,0) calc(var(--t)*2.2))}
.portada__foto img{width:100%;aspect-ratio:5/4;object-fit:cover;object-position:50% 0}
.portada__foto .pie-foto{padding-inline:var(--lado)}
.portada__entrada{padding:24px var(--lado) 0}
.portada__texto{display:grid;gap:22px;padding:24px var(--lado) 0}
.portada__acciones{display:flex;flex-wrap:wrap;align-items:center;gap:10px 26px}
.portada__temporada{display:grid;gap:6px;padding-top:16px;border-top:1px solid var(--linea)}
.portada__temporada .rotulo{color:var(--tinta-60)}
.portada__flores{font-family:var(--serif);font-style:italic;font-size:25px;line-height:1.2}
.portada__flores::first-letter{text-transform:uppercase}
.portada__estado{font-size:14.5px;color:var(--tinta-80)}
@media (max-width:899px){
  .portada__acciones .btn{flex:1 1 100%}
}
@media (min-width:600px){
  .portada__num{display:inline}
  .portada__foto img{aspect-ratio:16/10}
}
@media (min-width:900px){
  .portada{--t:clamp(80px,9.3vw,136px);display:grid;padding-top:0;
    grid-template-columns:[full-start] minmax(var(--lado),1fr) [c1] repeat(12,minmax(0,calc(var(--max)/12))) [c13] minmax(var(--lado),1fr) [full-end];
    grid-template-rows:auto auto 1fr}
  .portada__numero{grid-column:c1 / c13;grid-row:1;margin:34px 0 30px;padding:0}
  /* заголовок — колонки 1–8, фото — с 5-й: правая половина третьей строки на фото */
  .portada__titulo{grid-column:c1 / span 8;grid-row:2;padding:0}
  @supports ((-webkit-background-clip:text) or (background-clip:text)){
    /* два слоя-градиента, без background-color: Chrome 153 цвет фона под картинкой
       в текст не пропускал, и «mano» над фото выходило тёмным по тёмному */
    .portada__titulo{background:linear-gradient(var(--papel),var(--papel)) 100% 100%/50% calc(100% - var(--t)*2) no-repeat,
      linear-gradient(var(--tinta),var(--tinta));
      -webkit-background-clip:text;background-clip:text}
  }
  .portada__foto{grid-column:6 / full-end;grid-row:2 / 4;margin-top:calc(var(--t)*2);align-self:start}
  .portada__foto picture::after{background:radial-gradient(120% 70% at 0 0,rgba(20,27,22,.5),rgba(20,27,22,.14) 45%,rgba(20,27,22,0) 70%)}
  .portada__foto img{aspect-ratio:1.5;object-position:30% 0}
  .portada__foto .pie-foto{padding-inline:0 var(--lado);justify-content:flex-end}
  .portada__texto{grid-column:c1 / span 4;grid-row:3;padding:40px 0 0;align-content:space-between;gap:36px}
  .portada__acciones{flex-direction:column;align-items:flex-start;gap:14px}
  .portada__temporada{align-self:end;margin-bottom:46px}
  .portada__estado{display:none}
  .portada__entrada{grid-column:span 4 / c13;grid-row:2;align-self:start;margin-top:.1em;padding:0 0 0 6px;font-size:clamp(21px,1.9vw,25px)}
}

/* ── sumario ───────────────────────────────────────────────────────── */
.sumario{padding-block:72px 16px}
.sumario__cab{display:grid;gap:12px;margin-bottom:26px}
.sumario__flor{width:46px;height:46px;color:var(--terracota);stroke-width:1.2}
.sumario__titulo{font-size:clamp(44px,9vw,72px);line-height:.95}
.sumario__titulo em{font-style:italic}
.sumario__cab .nota{max-width:26em;font-size:15px}
.sumario__lista{border-bottom:1px solid var(--linea)}
.sumario__lista a{display:grid;grid-template-columns:44px 1fr;align-items:baseline;column-gap:12px;padding-block:13px;
  border-top:1px solid var(--linea);transition:background-color .3s}
.sumario__n{grid-row:span 2;font-family:var(--serif);font-style:italic;font-size:26px;line-height:1;color:var(--terracota)}
.sumario__t{font-family:var(--serif);font-size:25px;line-height:1.12;transition:transform .35s var(--ease)}
.sumario__d{grid-column:2;font-size:14.5px;line-height:1.4;color:var(--tinta-60)}
.sumario__lista a:hover .sumario__t{transform:translateX(6px)}
@media (min-width:900px){
  .sumario{display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;padding-block:130px 40px}
  .sumario__cab{grid-column:1 / 5;align-content:start;margin:0}
  .sumario__lista{grid-column:6 / 13;display:grid;grid-template-columns:1fr 1fr;column-gap:40px;border-bottom:0}
  .sumario__lista a{padding-block:18px 20px;border-top-color:var(--tinta)}
  .sumario__lista li:nth-child(n+6) a{border-bottom:0}
}

/* ── 01 fechas ─────────────────────────────────────────────────────── */
.fechas-banda{margin-top:56px;padding-block:52px 64px;background:var(--papel-2)}
.fechas-banda .folio{border-color:var(--tinta)}
.fechas-banda__cab{display:grid;gap:18px;margin-block:26px 30px}
.fechas-banda__titulo{max-width:11ch}
.fechas-banda__entrada{max-width:28em;font-family:var(--serif);font-size:21px;line-height:1.4;color:var(--tinta-80)}
/* на телефоне кадр справа от названия и даты: цифра над ним во всю ширину, текст под ним */
.fecha{display:grid;grid-template-columns:minmax(0,1fr) 42%;align-content:start;gap:6px 16px;padding-block:26px 30px;
  border-top:1px solid var(--linea)}
.fecha>*{grid-column:1 / -1}
.fecha__nombre,.fecha__dia{grid-column:1}
.fecha__foto{grid-column:2;grid-row:2 / span 2;align-self:start;margin:4px 0 0}
.fecha__foto img{width:100%;aspect-ratio:4/3;object-fit:cover}
.fecha__foto--dibujo{display:grid;place-items:center;aspect-ratio:4/3;background:var(--papel);color:var(--terracota)}
.fecha__foto--dibujo svg{width:34%;height:auto;aspect-ratio:1}
.fecha__cifra{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;margin-bottom:14px}
.fecha__num{font-family:var(--serif);font-style:italic;font-weight:300;font-size:clamp(84px,20vw,128px);line-height:.8;
  letter-spacing:-.04em;color:var(--terracota)}
.fecha__unidad{font-weight:600;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--tinta-80)}
.fecha__nombre{font-size:36px;font-style:italic;line-height:1.05}
.fecha__dia{font-weight:600;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--tinta-60)}
.fecha__texto{margin-top:6px;font-size:16px;line-height:1.55;color:var(--tinta-80);max-width:30em}
.fecha__plazo{margin-top:8px;padding-top:10px;border-top:1px dotted var(--tinta-60);font-weight:600;font-size:14.5px;line-height:1.45}
.fecha .enlace{margin-top:4px;justify-self:start}
@media (min-width:600px) and (max-width:899px){
  /* на планшете цифра помещается рядом с кадром */
  .fecha{grid-template-columns:minmax(0,1fr) 240px;column-gap:28px}
  .fecha__cifra{grid-column:1}
  .fecha__foto{grid-row:1 / span 3}
}
@media (min-width:900px){
  .fechas-banda{margin-top:90px;padding-block:64px 96px}
  .fechas-banda__cab{grid-template-columns:repeat(12,1fr);column-gap:24px;align-items:end;margin-block:34px 60px}
  .fechas-banda__titulo{grid-column:1 / 8}
  .fechas-banda__entrada{grid-column:8 / 13;padding-bottom:10px}
  .fecha__cifra{height:136px;align-items:flex-end;margin-bottom:18px}
  /* подсетка: кадр, цифра, имя, дата, текст и срок стоят на одной линии во всех трёх колонках */
  .fechas{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:auto}
  .fecha{grid-row:span 7;grid-template-rows:subgrid;grid-template-columns:none;row-gap:6px;padding:4px 36px 0;border-top:0;
    border-left:1px solid var(--linea)}
  .fecha>*,.fecha__nombre,.fecha__dia,.fecha__foto{grid-column:auto;grid-row:auto}
  .fecha__foto{width:100%;max-width:320px;margin:0 0 6px}
  .fecha:first-child{padding-left:0;border-left:0}
  .fecha:nth-child(3n+4){padding-left:0;border-left:0}
  .fecha--primera .fecha__num{font-size:168px}
}

/* ── 02 del catálogo: лукбук со смещёнными кадрами ─────────────────── */
.seleccion__rejilla{display:grid;grid-template-columns:1fr 1fr;column-gap:16px;row-gap:34px;margin-top:30px}
.seleccion__cab{grid-column:1 / -1;display:grid;gap:18px;justify-items:start}
.seleccion__cab .titulo{max-width:9ch}
.seleccion__cab .cuerpo{max-width:26em}
.seleccion__p1{grid-column:1 / -1}
.seleccion__p3{margin-top:56px}
@media (min-width:900px){
  .seleccion__rejilla{grid-template-columns:repeat(12,1fr);column-gap:24px;row-gap:0;margin-top:48px}
  .seleccion__cab{grid-column:7 / 13;grid-row:1;align-self:start;padding:10px 0 56px}
  .seleccion__p1{grid-column:1 / 6;grid-row:1 / 3}
  .seleccion__p2{grid-column:7 / 10;grid-row:2;align-self:start}
  .seleccion__p3{grid-column:10 / 13;grid-row:2;align-self:start;margin-top:110px}
  .seleccion__p1 .pieza__nombre{font-size:40px}
}

/* ── 03 el taller: полоса во всю ширину и разворот с врезками ─────── */
.taller{padding-bottom:80px}
.taller__plancha img{width:100%;height:clamp(240px,58vw,660px);object-fit:cover}
.taller__pie{display:flex;gap:10px;align-items:baseline;max-width:calc(var(--max) + 2*var(--lado));margin:12px auto 0;padding-inline:var(--lado);
  font-family:var(--serif);font-style:italic;font-size:16px;color:var(--tinta-60)}
.taller__pie .rotulo{flex:none;font-style:normal;color:var(--tinta)}
.taller__cuerpo{margin-top:40px}
.taller__rejilla{display:grid;gap:30px;margin-top:30px}
.taller__titulo{max-width:12ch}
.taller__detalle{justify-self:end;width:58%;margin-top:-10px}
.taller__detalle img{width:100%;aspect-ratio:400/820;object-fit:cover}
.taller__cita{padding-block:26px;border-block:1px solid var(--tinta)}
.taller__cita p{font-family:var(--serif);font-style:italic;font-size:clamp(34px,5.2vw,60px);line-height:1.06;letter-spacing:-.015em;text-wrap:balance}
.taller__cita p::before{content:"«";color:var(--terracota);margin-right:.06em}
.taller__cita p::after{content:"»";color:var(--terracota);margin-left:.04em}
.taller__aparte{display:grid;gap:4px;align-content:start;padding:18px 20px 20px;border:1px solid var(--tinta);max-width:320px}
.taller__hora{font-size:78px;line-height:.95;font-weight:400;font-style:italic;color:var(--terracota)}
@media (min-width:900px){
  .taller{padding-bottom:130px}
  .taller__cuerpo{margin-top:64px}
  .taller__rejilla{grid-template-columns:repeat(12,1fr);column-gap:24px;row-gap:48px;margin-top:40px}
  .taller__titulo{grid-column:1 / 8;grid-row:1}
  .taller__detalle{grid-column:10 / 13;grid-row:1 / 3;width:100%;margin-top:-300px;align-self:start}
  .taller__detalle img{aspect-ratio:400/900}
  .taller__texto{grid-column:1 / 9;grid-row:2;columns:2;column-gap:36px}
  .taller__texto p{break-inside:avoid-column}
  .taller__cita{grid-column:2 / 9;grid-row:3}
  .taller__aparte{grid-column:10 / 13;grid-row:3;align-self:end}
}

/* ── 04 suscripción: купон на шалфейной полосе ─────────────────────── */
.suscripcion{background:var(--salvia);color:var(--papel);padding-block:56px 72px}
.suscripcion__rejilla{display:grid;gap:44px;margin-top:30px}
.suscripcion__entrada{margin-top:20px;max-width:30em;font-family:var(--serif);font-size:22px;line-height:1.4;color:rgba(248,245,239,.9)}
.mes{margin-top:34px;max-width:290px}
.mes__titulo{opacity:.85}
.mes__rejilla{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-top:14px;text-align:center}
.mes__cab{font-size:12px;font-weight:600;letter-spacing:.1em;opacity:.7;padding-bottom:4px}
.mes__d{display:grid;place-items:center;aspect-ratio:1;font-family:var(--serif);font-size:17px;line-height:1;border-radius:50%;transition:background-color .3s,color .3s}
.mes__d--pasado{opacity:.38}
.mes__d--hoy{box-shadow:inset 0 0 0 1px rgba(248,245,239,.8)}
.mes__d--si{background:var(--papel);color:var(--salvia);font-weight:500;opacity:1}
.mes__d--si.mes__d--pasado{opacity:.5}
/* кадр под календарём, смещён к правому краю колонки */
.suscripcion__foto{width:72%;max-width:340px;margin:38px 0 0 auto}
.suscripcion__foto img{width:100%;aspect-ratio:4/5;object-fit:cover}
.suscripcion__foto .pie-foto{color:rgba(248,245,239,.82)}
.suscripcion__foto .pie-foto .rotulo{color:var(--papel)}

.cupon{position:relative;padding:34px 20px 24px;color:var(--tinta);background-color:var(--papel);
  background-image:
    repeating-linear-gradient(90deg,var(--tinta) 0 7px,transparent 7px 12px),
    repeating-linear-gradient(90deg,var(--tinta) 0 7px,transparent 7px 12px),
    repeating-linear-gradient(180deg,var(--tinta) 0 7px,transparent 7px 12px),
    repeating-linear-gradient(180deg,var(--tinta) 0 7px,transparent 7px 12px);
  background-size:100% 1px,100% 1px,1px 100%,1px 100%;background-position:0 8px,0 calc(100% - 8px),8px 0,calc(100% - 8px) 0;background-repeat:no-repeat}
.cupon__tijera{position:absolute;top:0;left:34px;width:44px;height:22px;padding:0 4px;background:var(--papel);color:var(--tinta);
  transform:translateY(-3px);stroke-width:1.3}
.cupon__cab{display:flex;align-items:center;gap:12px;margin:0 6px 20px;padding-bottom:14px;border-bottom:1px solid var(--tinta)}
.cupon__sello{margin-left:auto;padding:3px 10px 2px;border:1px solid var(--terracota);color:var(--terracota);font-family:var(--serif);
  font-style:italic;font-size:20px;line-height:1.2;transform:rotate(-5deg)}
.cupon>fieldset,.cupon__dos,.cupon__total,.cupon__enviar{margin-inline:6px}
.cupon__grupo{display:grid;gap:8px;margin-bottom:16px}
.cupon__grupo legend{margin-bottom:8px}
.cupon__dos{display:grid;gap:14px}
.cupon__total{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px;margin-block:20px 18px;padding-block:18px 16px;border-block:1px solid var(--linea)}
.cupon__cifra b{display:block;font-size:46px;font-weight:500;line-height:1}
.cupon__cifra span{font-weight:600;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--tinta-60)}
.cupon__nota{grid-column:1 / -1;margin-top:10px}
.cupon__enviar{display:flex;width:calc(100% - 12px)}
.cupon .btn--copiar{display:flex;width:calc(100% - 12px);margin:10px 6px 0}
.cambia{animation:cambia .5s var(--ease)}
@keyframes cambia{from{opacity:.15;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (min-width:600px){.cupon__dos{grid-template-columns:1fr 1fr}.cupon{padding:40px 30px 30px}}
@media (min-width:900px){
  .suscripcion{padding-block:72px 110px}
  .suscripcion__rejilla{grid-template-columns:repeat(12,1fr);column-gap:24px;margin-top:44px}
  .suscripcion__texto{grid-column:1 / 6}
  .suscripcion__foto{width:64%;margin-top:48px}
  /* колонка с кадром длиннее купона — купон едет рядом, как лист заказа в конфигураторе */
  .cupon{grid-column:7 / 13;align-self:start;position:sticky;top:calc(var(--cab) + 24px)}
}
@media (min-width:1200px){
  /* на широком кадр встаёт рядом с календарём, купон на колонку уже — поля в нём друг под другом */
  .suscripcion__texto{grid-column:1 / 7;display:grid;grid-template-columns:290px minmax(0,1fr);column-gap:28px;align-items:start;
    align-content:start}
  .suscripcion__texto>.titulo,.suscripcion__entrada{grid-column:1 / -1}
  .suscripcion__foto{grid-column:2;width:auto;max-width:none;margin:34px 0 0}
  .cupon{grid-column:8 / 13}
  .cupon__dos{grid-template-columns:1fr}
}

/* ── 05 encargos: тёмный разворот ──────────────────────────────────── */
.encargos{background:var(--tinta);color:var(--papel);padding-block:56px 72px}
.encargos__rejilla{display:grid;gap:30px;margin-top:30px}
.encargos__titulo{max-width:10ch}
.encargos__foto img{width:100%;aspect-ratio:4/5;object-fit:cover}
.encargos__entrada{font-family:var(--serif);font-size:22px;line-height:1.4;color:rgba(248,245,239,.88);max-width:28em}
.encargos__lista{display:grid}
.encargo{position:relative;display:grid;grid-template-columns:34px 1fr;column-gap:12px;padding:18px 12px 20px 0;
  border-top:1px solid rgba(248,245,239,.22);cursor:pointer;transition:background-color .3s}
.encargo input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.encargo__letra{grid-row:span 2;font-family:var(--serif);font-style:italic;font-size:26px;line-height:1.2;color:#dca395}
.encargo__nombre{font-family:var(--serif);font-size:31px;line-height:1.15;transition:color .25s}
.encargo__texto{grid-column:2;margin-top:4px;font-size:15.5px;line-height:1.55;color:rgba(248,245,239,.74)}
.encargo:hover .encargo__nombre{color:#f2d5cc}
.encargo:has(input:checked){background:linear-gradient(90deg,rgba(248,245,239,.07),rgba(248,245,239,0))}
.encargo:has(input:checked) .encargo__nombre{font-style:italic;color:#fff}
.encargo:has(:checked) .encargo__letra::before{content:"";display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;
  background:currentColor;vertical-align:4px}
.encargo:has(input:focus-visible){outline:2px solid var(--papel);outline-offset:-2px}
.encargos__acciones{display:grid;gap:10px;justify-items:stretch}
.encargos__mas{margin-top:6px}
@media (min-width:900px){
  .encargos{padding-block:72px 110px}
  .encargos__rejilla{grid-template-columns:repeat(12,1fr);column-gap:24px;row-gap:34px;margin-top:44px}
  .encargos__titulo{grid-column:1 / 8;grid-row:1}
  .encargos__foto{grid-column:9 / 13;grid-row:1 / 4;align-self:stretch;margin-top:-20px}
  .encargos__foto img{height:100%;aspect-ratio:auto}
  .encargos__entrada{grid-column:1 / 7;grid-row:2}
  .encargos__lista{grid-column:1 / 8;grid-row:3;grid-template-columns:1fr 1fr;column-gap:36px}
  .encargos__acciones{grid-column:1 / 13;grid-row:4;grid-template-columns:auto auto 1fr;align-items:center;justify-items:start;gap:14px 16px;
    padding-top:26px;border-top:1px solid rgba(248,245,239,.22)}
  .encargos__mas{justify-self:end;margin:0}
}

/* ── 06 del diario ─────────────────────────────────────────────────── */
.del-diario__art{display:grid;gap:28px;margin-top:32px}
.del-diario__foto{display:block;overflow:hidden}
.del-diario__foto img{width:100%;aspect-ratio:4/5;object-fit:cover;transition:transform 1.1s var(--ease)}
.del-diario__foto:hover img{transform:scale(1.04)}
.del-diario__texto{display:grid;gap:18px;justify-items:start}
.del-diario__kicker{color:var(--terracota)}
.del-diario__texto .titulo a{transition:color .25s}
.del-diario__texto .titulo a:hover{color:var(--terracota)}
.del-diario__mes{display:grid;gap:8px;justify-items:start;padding:18px 0 0;border-top:1px solid var(--tinta)}
.del-diario__mes .rotulo{color:var(--tinta-60)}
.del-diario__flores{font-family:var(--serif);font-style:italic;font-size:32px;line-height:1.1}
.del-diario__flores::first-letter{text-transform:uppercase}
@media (min-width:900px){
  .del-diario__art{grid-template-columns:repeat(12,1fr);column-gap:24px;margin-top:48px}
  .del-diario__foto{grid-column:1 / 6;grid-row:1 / 3}
  .del-diario__texto{grid-column:7 / 13;grid-row:1;align-self:center;gap:22px}
  .del-diario__mes{grid-column:7 / 11;grid-row:2;align-self:end}
}

/* ── 07 visita: адрес крупно и график часов ────────────────────────── */
.visita{padding-block:56px 80px;background:var(--papel-2)}
.visita__rejilla{display:grid;gap:44px;margin-top:30px}
.visita__datos{display:grid;margin-top:28px}
.visita__datos>div{display:grid;gap:4px;padding-block:16px;border-top:1px solid var(--linea)}
.visita__datos dt{color:var(--tinta-60)}
.visita__datos dd{font-family:var(--serif);font-size:25px;line-height:1.3}
.visita__datos .enlace{font-family:var(--sans);margin-top:6px}
.visita__num{display:inline-flex;align-items:center;min-height:44px;font-size:32px;margin-right:14px}
.visita__datos .nota{font-family:var(--sans)}
.horario__titulo{color:var(--tinta-60);padding-bottom:12px;border-bottom:1px solid var(--tinta)}
.horario__dias li{display:grid;grid-template-columns:auto 1fr;align-items:baseline;column-gap:12px;padding-block:12px 12px;border-bottom:1px solid var(--linea)}
.horario__dia{font-family:var(--serif);font-size:22px}
.horario__txt{text-align:right;font-variant-numeric:tabular-nums;font-size:15px;color:var(--tinta-80)}
.horario__barra{position:relative;grid-column:1 / -1;height:8px;margin-top:8px;background:var(--linea-fina)}
.horario__barra i{position:absolute;top:0;bottom:0;background:var(--tinta-80)}
.horario__ahora{position:absolute;top:-6px;bottom:-6px;width:2px;margin-left:-1px;background:var(--terracota)}
.horario__ahora::after{content:none}
@media (min-width:900px){.horario__ahora::after{content:"ahora"}}
.horario__ahora::after{position:absolute;top:-17px;left:50%;transform:translateX(-50%);
  font:600 11px/1 var(--sans);letter-spacing:.1em;color:var(--terracota);text-transform:uppercase}
.horario__dias li.es-hoy .horario__dia{font-style:italic;color:var(--terracota)}
.horario__dias li.es-hoy .horario__dia::after{content:" · hoy";font-family:var(--sans);font-style:normal;font-weight:600;font-size:12px;
  letter-spacing:.16em;text-transform:uppercase}
.horario__dias li.es-hoy .horario__barra i{background:var(--terracota)}
.horario__escala{position:relative;height:22px;margin-top:6px;font-size:12px;color:var(--tinta-60)}
.horario__escala span{position:absolute;transform:translateX(-50%)}
.horario__festivos{margin-top:14px}
.visita__foto img{width:100%;aspect-ratio:4/5;object-fit:cover}
@media (min-width:600px) and (max-width:899px){
  .visita__foto img{aspect-ratio:16/10;object-position:50% 40%}
}
@media (min-width:900px){
  .visita{padding-block:72px 120px}
  /* разворот: адрес слева, фасад справа, часы строкой ниже */
  .visita__rejilla{grid-template-columns:repeat(12,1fr);column-gap:24px;row-gap:56px;margin-top:44px}
  .visita__donde{grid-column:1 / 7;grid-row:1}
  .visita__foto{grid-column:8 / 13;grid-row:1;align-self:start}
  .horario{grid-column:1 / 10;grid-row:2;padding-top:14px}
  .horario__dias li{grid-template-columns:130px 1fr 190px;align-items:center;column-gap:20px}
  .horario__barra{grid-column:2;grid-row:1;margin:0}
  .horario__txt{grid-column:3}
  .horario__escala{margin-left:150px;margin-right:210px}
}