/* Clima Nord — обслуживание: график ожидания, карточки планов со счётчиком, таблица «что входит»,
   разнесённая схема блока на синьке, листок календаря, ночное фото с фразой. */

.mt-intro{padding-block:clamp(32px,5vw,64px) clamp(44px,6vw,80px);border-bottom:1px solid var(--linea)}
.mt-intro__env{display:grid;gap:40px;align-items:center}
.mt-intro h1{max-width:18ch;margin-bottom:18px;font-size:clamp(32px,4.6vw,56px);line-height:1.04}
.espera{margin:0;padding:18px 16px 16px;background:var(--blanco);border:1px solid var(--linea)}
.espera__cab{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 16px;margin-bottom:16px;font-size:12px;letter-spacing:.06em;
  text-transform:uppercase;color:var(--tinta-2)}
.espera__hoy{color:var(--acento-texto)}
.espera__barras{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:4px;align-items:end;height:190px;
  border-bottom:1px solid var(--tinta);background:repeating-linear-gradient(to top,var(--mm) 0 1px,transparent 1px 38px)}
.espera__barras li{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;gap:4px}
.espera__barras li::after{content:"";order:2;width:100%;height:calc(var(--h) * 140px);background:var(--linea-2);transition:background-color .3s}
.espera__barras b{order:1;font-size:11px;font-weight:500;line-height:1;color:var(--tinta-2);white-space:nowrap}
.espera__barras span{order:3;position:absolute;transform:translateY(20px);font-family:var(--mono);font-size:12px;color:var(--tinta-2)}
.espera__barras li{position:relative}
.espera__barras li.hoy::after{background:var(--acento)}
.espera__barras li.hoy b,.espera__barras li.hoy span{color:var(--acento-texto);font-weight:600}
.espera figcaption{margin-top:32px}
@media(min-width:600px){.espera{padding:24px 24px 20px}.espera__barras{gap:8px}.espera__barras b{font-size:12px}}
@media(min-width:1000px){.mt-intro__env{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:64px}}

/* ── планы ────────────────────────────────────────────────────── */
.planes__cab{display:grid;gap:24px;align-items:end;margin-bottom:28px}
.planes__equipos{max-width:320px}
.planes__equipos .pasador{justify-self:start;grid-template-columns:48px 80px 48px}
.planes__equipos .pasador button{width:48px;min-height:48px}
@media(min-width:900px){.planes__cab{grid-template-columns:minmax(0,1fr) auto;gap:48px}}
.planes__lista{display:grid;gap:14px}
.plan{position:relative;display:flex;cursor:pointer}
.plan input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.plan__caja{flex:1;display:grid;gap:8px;align-content:start;padding:22px 20px 24px;border:1px solid var(--linea-2);background:var(--blanco);
  transition:border-color .2s,box-shadow .2s}
.plan:hover .plan__caja{border-color:var(--tinta)}
.plan input:checked+.plan__caja{border-color:var(--acento-texto);box-shadow:inset 0 0 0 2px var(--acento-texto)}
.plan input:focus-visible+.plan__caja{outline:2px solid var(--acento-texto);outline-offset:3px}
.plan__caja::after{content:"";position:absolute;top:20px;right:20px;width:22px;height:22px;border:1.5px solid var(--linea-2);border-radius:50%}
.plan input:checked+.plan__caja::after{border-color:var(--acento-texto);background:var(--acento-texto);
  box-shadow:inset 0 0 0 5px var(--blanco)}
.plan__marca{justify-self:start;padding:3px 8px;background:var(--tinta);color:#fff;font-size:12px;letter-spacing:.04em}
.plan__nombre{font-size:22px;font-weight:600}
.plan__precio{display:flex;align-items:baseline;gap:8px}
.plan__precio b{font-size:clamp(36px,4vw,46px);font-weight:500;line-height:1;letter-spacing:-.04em}
.plan__precio small{font-size:14px;color:var(--tinta-2)}
.plan__detalle{font-size:13px;color:var(--acento-texto)}
.plan__txt{margin-top:4px;padding-top:12px;border-top:1px solid var(--linea);font-size:15px;line-height:1.5;color:var(--tinta-2)}
@media(min-width:900px){.planes__lista{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.plan__caja{padding:28px 26px 30px}}
.planes__pie{display:grid;gap:18px;align-items:center;margin-top:26px;padding:20px;background:var(--papel);border:1px solid var(--linea)}
.planes__total{font-size:17px}
.planes__total b{font-family:var(--mono);font-weight:500;color:var(--acento-texto)}
.planes__letra{margin-top:16px}
@media(min-width:900px){.planes__pie{grid-template-columns:minmax(0,1fr) auto;padding:20px 24px}}

/* ── что входит ───────────────────────────────────────────────── */
.incluye__titulo{margin-bottom:28px}
.incluye__rejilla{display:grid;gap:24px}
.incluye__caja{background:var(--blanco);border:1px solid var(--linea)}
.incluye__fig img{aspect-ratio:3/2;object-fit:cover;object-position:52% 46%}
@media(min-width:1000px){
  /* кадр тянется на высоту таблицы, подпись остаётся под ним */
  .incluye__rejilla{grid-template-columns:minmax(0,2.3fr) minmax(0,1fr);gap:32px;align-items:stretch}
  .incluye__fig{display:grid;grid-template-rows:minmax(0,1fr) auto}
  .incluye__fig img{aspect-ratio:auto;height:0;min-height:100%}
}
.incluye__tabla{min-width:520px}
.incluye__tabla th[scope="row"]{font-weight:500;font-size:15px}
.incluye__tabla td,.incluye__tabla thead th:not(:first-child){text-align:center;width:17%}
.incluye__tabla .activa{background:var(--acento-tenue)}
.incluye__tabla thead th.activa{color:var(--acento-texto)}
.incluye__tabla i{display:inline-block;vertical-align:middle}
.incluye__tabla i.si{width:14px;height:8px;border-left:2px solid var(--ok);border-bottom:2px solid var(--ok);transform:rotate(-45deg) translateY(-2px)}
.incluye__tabla i.no{width:12px;height:0;border-top:1.5px solid var(--linea-2)}

/* ── разнесённая схема ────────────────────────────────────────── */
.despiece__env{display:grid;gap:32px}
.despiece h2{color:#fff}
.despiece__cab .entradilla{margin-top:16px}
.despiece__fig{margin:0}
.despiece__svg{width:100%;height:auto;fill:none;stroke:#cfe6ff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.despiece__svg .p-muro{stroke-width:2.5}
.despiece__svg .p-rayado,.despiece__svg .p-fino{stroke:rgba(207,230,255,.5);stroke-width:1}
.despiece__svg .p-caja{fill:rgba(255,255,255,.03)}
.despiece__svg .p-aire{stroke:var(--pantalla-txt);stroke-dasharray:4 5}
.despiece__svg .p-aire-f{stroke:var(--pantalla-txt)}
.despiece__svg .p-filtro{stroke-width:3}
.despiece__svg .p-bateria{stroke:var(--pantalla-txt)}
.despiece__svg .p-eje{fill:#cfe6ff}
.despiece__svg .p-bandeja{fill:rgba(169,214,255,.18)}
.despiece__svg .p-desague{stroke-dasharray:6 4}
.despiece__svg .p-placa{fill:rgba(255,255,255,.06)}
.despiece__svg .p-globos path{stroke:rgba(207,230,255,.55);stroke-width:1}
.despiece__svg .p-globos circle{fill:var(--tinta);stroke:#cfe6ff}
.despiece__svg .p-globos text{fill:#fff;stroke:none;font-family:var(--mono);font-size:14px;text-anchor:middle}
@media(prefers-reduced-motion:no-preference){
  .js .despiece__svg .p-aire{animation:flujo 1.4s linear infinite}
}
.despiece__leyenda{display:grid;gap:14px;counter-reset:pieza}
.despiece__leyenda li{counter-increment:pieza;position:relative;padding-left:40px;font-size:15.5px;line-height:1.5;color:#b9cad8}
.despiece__leyenda li::before{content:counter(pieza);position:absolute;left:0;top:0;display:grid;place-items:center;width:26px;height:26px;
  border:1px solid #cfe6ff;border-radius:50%;font-family:var(--mono);font-size:13px;color:#fff}
.despiece__leyenda b{color:#fff}
@media(min-width:1000px){
  .despiece__env{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);grid-template-areas:"cab fig" "ley fig";column-gap:56px;align-items:start}
  .despiece__cab{grid-area:cab}
  .despiece__fig{grid-area:fig;align-self:center}
  .despiece__leyenda{grid-area:ley}
}

/* ── напоминание ──────────────────────────────────────────────── */
.recordatorio__env{display:grid;gap:36px;align-items:center}
.hoja-cal{position:relative;display:grid;justify-items:center;width:220px;padding:0 0 22px;background:var(--blanco);border:1px solid var(--tinta);
  box-shadow:8px 8px 0 var(--mm-2)}
.hoja-cal::before{content:"";position:absolute;top:-9px;left:42px;right:42px;height:16px;
  background:radial-gradient(circle 5px,var(--tinta) 4.5px,transparent 5px) 0 50%/34px 16px repeat-x}
.hoja-cal__mes{width:100%;padding:16px 0 12px;background:var(--acento-texto);color:#fff;text-align:center;font-family:var(--mono);font-size:14px;
  letter-spacing:.16em;text-transform:uppercase;transition:background-color .3s}
.hoja-cal__dia{margin-top:14px;font-size:84px;font-weight:500;line-height:1;letter-spacing:-.05em}
.hoja-cal__sem{margin-top:6px;font-size:15px;color:var(--tinta-2)}
.hoja-cal__anio{margin-top:4px;font-size:13px;color:var(--tinta-2)}
.recordatorio__txt .entradilla{margin:18px 0 22px}
.recordatorio__acciones{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-bottom:14px}
.check-simple{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:15px;cursor:pointer}
.check-simple input{width:18px;height:18px;margin:0;accent-color:var(--acento-texto)}
@media(min-width:900px){.recordatorio__env{grid-template-columns:auto minmax(0,1fr);gap:72px}.hoja-cal{margin-left:20px}}

/* ── ночное фото ──────────────────────────────────────────────── */
.nocturno{background:var(--tinta);color:#fff}
.nocturno__env{display:grid}
.nocturno__foto{width:100%;aspect-ratio:14/9;object-fit:cover}
.nocturno__txt{display:grid;gap:22px;align-content:center;padding:40px var(--lado) 48px}
.nocturno__cita{max-width:24ch;font-size:clamp(24px,3vw,36px);font-weight:500;line-height:1.25;letter-spacing:-.015em}
.nocturno .flecha-enlace{color:var(--pantalla-txt)}
@media(min-width:900px){
  .nocturno__env{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
  .nocturno__foto{height:100%;min-height:440px;aspect-ratio:auto}
  .nocturno__txt{padding:56px clamp(32px,5vw,80px)}
}