@charset "utf-8";
/* Modus Clima 2.0 · páginas nuevas: aerotermia, ayudas, comunidades, novedades */
.pl-head{align-items:end;margin-bottom:clamp(36px,5vw,64px)}
.pl-head h2{grid-column:1 / span 7}
.pl-head .lead{grid-column:9 / span 4}

/* aerotermia: formulario + placa */
.aero,.cuota{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:start}
.aero > *,.cuota > *{min-width:0}
.aero-f,.cuota-f{display:grid;gap:26px}
.aero-r{display:grid;gap:12px}
.aero-range{display:flex;align-items:center;gap:18px}
.aero-range input{flex:1;accent-color:var(--acc)}
.aero-range output{font-size:34px;min-width:4.2ch;text-align:right}
.aero-out{display:grid;gap:22px;position:sticky;top:calc(var(--hh) + 24px)}
.aero-pl{font-size:13px}
.aero-pl > div{padding:8px 0}
.aero-pl{transition:opacity .4s, filter .4s}
.aero-pl.is-off{opacity:.45;filter:grayscale(1)}
.aero-v{padding:18px 20px;border-radius:4px;background:var(--carcasa);box-shadow:inset 4px 0 0 var(--ebro), inset 0 0 0 1px var(--line);display:grid;gap:6px}
.aero-v[data-tone="dep"]{box-shadow:inset 4px 0 0 #B07A10, inset 0 0 0 1px var(--line)}
.aero-v[data-tone="no"]{box-shadow:inset 4px 0 0 var(--bochorno), inset 0 0 0 1px var(--line)}
.aero-v .code{color:var(--ink-3)}
.aero-v b{text-transform:uppercase}
.aero-v p{margin:0;color:var(--ink-2)}
.aero-3{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.4vw,36px)}
.aero-3 li{display:grid;gap:12px;align-content:start}
.aero-3 .ph{border-radius:3px;margin-bottom:6px}
.aero-3 .code{color:#9FB0B8}
.aero-3 h3{font-family:var(--f-display);font-weight:600;font-size:clamp(26px,2.2vw,32px);line-height:1;margin:0;text-transform:uppercase}
.aero-3 p{margin:0;color:#9FB0B8}
.aero-3 li:nth-child(2){margin-top:clamp(0px,4vw,56px)}

/* ayudas */
.ay-list{list-style:none;margin:0;padding:0;border-top:1.5px solid var(--ink)}
.ay-list li{display:grid;grid-template-columns:200px minmax(0,1fr);gap:clamp(18px,3vw,48px);padding:clamp(22px,2.6vw,34px) 0;border-bottom:1px solid var(--line)}
.ay-list .num{font-size:clamp(44px,5vw,76px);line-height:.9;color:var(--acc-t)}
.ay-list h3{font-family:var(--f-display);font-weight:600;font-size:clamp(26px,2.4vw,36px);line-height:1;margin:0 0 10px;text-transform:uppercase}
.ay-list p{margin:0 0 10px;color:var(--ink-2);max-width:62ch}
.ay-list .code{color:var(--ink-3)}
.ay-nota{margin:22px 0 0;color:var(--ink-3);font-size:14px;max-width:72ch}
.cuota-pl{font-size:13.5px}
.cuota-q b{font-size:44px;line-height:1}
.jo-line{list-style:none;margin:clamp(40px,5vw,72px) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:relative}
.jo-line li{position:relative;padding:22px clamp(14px,1.6vw,26px) 20px;min-width:0;border-top:3px solid var(--line)}
.jo-line li + li{border-left:1px dashed rgba(14,24,32,.25)}
.jo-line li.is-in{border-top-color:var(--acc);transition:border-color .6s .5s}
.jo-h{color:var(--acc-t)}
.jo-line h3{font-family:var(--f-display);font-weight:600;font-size:clamp(24px,2vw,30px);line-height:1.05;margin:12px 0}
.jo-line p{margin:0;font-size:15.5px;color:var(--ink-2)}

/* comunidades: bloque vivo */
.bq-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:center}
.bq-g > *{min-width:0}
.bq-txt{display:grid;gap:24px}
.bq-ctrl{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px 16px;align-items:center;padding:16px 18px;border-radius:4px;background:#16232C;box-shadow:inset 0 0 0 1px rgba(232,238,240,.12)}
.bq-ctrl .code{color:#9FB0B8}
.bq-ctrl .num{font-size:40px;line-height:1;color:#fff}
.bq-ctrl [data-bq-w]{grid-column:1 / -1}
.bq-r{width:100%;accent-color:var(--acc-l)}
.bloque-vivo{width:100%;height:auto;max-height:620px;overflow:visible}
.bloque-vivo .bv-wall{fill:none;stroke:rgba(244,247,248,.55);stroke-width:1.4}
.bloque-vivo .bv-floor{stroke:rgba(244,247,248,.25);stroke-width:1}
.bloque-vivo .bv-room{transition:fill .5s var(--ease)}
.bloque-vivo .bv-t{font-family:var(--f-display);font-weight:600;font-size:34px;fill:#F4F7F8}
.bloque-vivo .bv-l{font-family:var(--f-mono);font-size:10px;letter-spacing:.1em;fill:rgba(244,247,248,.7)}
.bloque-vivo .bv-rad{opacity:.35;transition:opacity .4s, stroke .4s}
.bloque-vivo.is-nueva .bv-rad{opacity:1;stroke:#BFDDEE}
.bq-txt .chips .chip{color:#E8EEF0;box-shadow:inset 0 0 0 1px rgba(232,238,240,.3)}
.bq-txt .chips .chip[aria-pressed="true"]{background:#E8EEF0;color:var(--noche)}
.bloque-vivo .bv-wind path{fill:none;stroke-width:1.3;stroke-linecap:round;stroke-dasharray:22 200;animation:bvw 2.6s linear infinite}
@keyframes bvw{from{stroke-dashoffset:222}to{stroke-dashoffset:0}}
.ct-g{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:start}
.ct-g > *{min-width:0}
.ct-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(18px,3vw,40px)}
.ct-list li{display:grid;gap:6px;padding:18px 0;border-top:1px solid var(--line)}
.ct-list b{font-weight:600}
.ct-list span{color:var(--ink-2);font-size:15.5px}
.ct-pl{position:sticky;top:calc(var(--hh) + 24px)}

/* novedades */
.ph-hero--s{padding-bottom:clamp(24px,3vw,40px)}
.nv-f{margin-top:8px}
.nv-list{display:grid;gap:0}
.nota{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(22px,4vw,64px);padding:clamp(32px,4vw,56px) 0;border-top:1px solid var(--line);scroll-margin-top:calc(var(--hh) + 20px)}
.nota > *{min-width:0}
.nota .ph{border-radius:3px}
.nota-b{display:grid;gap:14px;align-content:start;max-width:65ch}
.nota-b time{color:var(--ink-3)}
.nota-b h2{text-transform:none}
.nota-b p{margin:0;color:var(--ink-2)}
.nota:target .nota-b h2{color:var(--acc-t)}

@media (max-width:980px){
  .pl-head h2,.pl-head .lead{grid-column:1 / -1}
  .aero,.cuota,.bq-g,.ct-g,.nota{grid-template-columns:minmax(0,1fr)}
  .aero-out,.ct-pl{position:static}
  .aero-3{grid-template-columns:minmax(0,1fr)}
  .aero-3 li:nth-child(2){margin-top:0}
  .jo-line{grid-template-columns:minmax(0,1fr)}
  .jo-line li + li{border-left:0}
}
@media (max-width:640px){
  .ay-list li{grid-template-columns:minmax(0,1fr);gap:8px}
  .ct-list{grid-template-columns:minmax(0,1fr)}
  .bloque-vivo{max-height:460px}
}

.adm{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(24px,5vw,80px);align-items:start}
.adm > *{min-width:0}
.adm-l{display:grid;gap:14px}
.adm-l p{margin:0;color:var(--ink-2)}
.adm-f{display:grid;gap:18px}
.adm-f .btn{justify-self:start}
.adm-ok{display:grid;gap:8px;padding:18px;border-radius:4px;background:var(--carcasa);box-shadow:inset 4px 0 0 var(--ebro), inset 0 0 0 1px var(--line)}
.adm-ok .num{font-size:36px}
.adm-ok p{margin:0}
@media (max-width:980px){ .adm{grid-template-columns:minmax(0,1fr)} }