/* Clima del piscinero. Todas las reglas llevan el prefijo .pcm para no tocar el resto del portal. El modo oscuro cambia las variables (pro-dark.css). */
.pcm{--navy:#0b1f4d;--text:#33425c;--muted:#6b7a95;--line:#e4ecf7;--blue:#1665f2;--blue-soft:#eaf3ff;--card:#fff;--tint:#f5f9ff;--shadow:0 6px 22px rgba(15,40,90,.07);
 --cool:#6aa7ff;--mild:#4cc38a;--warm:#f5b73a;--intense:#f08a24;--extreme:#e0392f;--sun:#e8941a;--ok:#15a24f;--warn:#c98308;--bad:#d93434;
 --w-warn-bg:#fff8ee;--w-bad-bg:#fff1f0;--w-ico-warn-bg:#ffe9d2;--w-ico-warn:#b4590b;--w-ico-bad-bg:#ffe0dd;--calm-bg:#e9f8ef;--calm-tx:#136b3a;--lvl-warn-bg:#fff1d6;--lvl-bad-bg:#ffe3e3;--badge-bg:#ffe9d2;--badge-tx:#b4590b;
 --ic-orange-bg:#fff0dc;--ic-orange:#e9891a;--ic-red-bg:#ffe5e3;--ic-red:#e0392f;--ic-blue-bg:#e6f1ff;--ic-blue:#1665f2;--ic-sky-bg:#e3f0ff;--ic-sky:#2a7be4;--ic-cyan-bg:#e0f6fb;--ic-cyan:#12a3c4;--ic-yellow-bg:#fff6d6;--ic-yellow:#d89a00;
 --chip-ok-bg:#e4f7ec;--chip-ok:#13803d;--chip-warn-bg:#fff1d6;--chip-warn:#a76b00;--chip-bad-bg:#ffe4e1;--chip-bad:#c0302a;--chip-info-bg:#e8f1ff;--chip-info:#1b5fd1;--zone-bg:#eaf4fb;--zone-pt:#fff;--zone-line:#cfe0f3;
 container-type:inline-size;display:grid;gap:14px;color:var(--text);font-size:14px;line-height:1.4}
.pcm *{box-sizing:border-box}
.pcm .pcm-i{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}
.pcm :focus-visible,.pcm-opt:focus-within{outline:3px solid rgba(22,101,242,.45);outline-offset:2px}
.pcm-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px;min-width:0}
.pcm-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.pcm-head h3{margin:0;display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:var(--navy)}
.pcm-head h3 .pcm-i{color:var(--blue)}
.pcm-sub{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:600;color:var(--muted)}
.pcm-sub .pcm-i{width:15px;height:15px}
.pcm-note,.pcm-fine{margin:0;font-size:12.5px;color:var(--muted)}
.pcm-fine a{color:var(--blue)}
.pcm-bar{display:flex;justify-content:flex-end}
.pcm-pick{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--navy)}
.pcm-pick select{height:38px;border:1px solid var(--line);border-radius:10px;padding:0 12px;background:var(--card);color:var(--navy);font:inherit;min-width:180px}
.pcm-empty{margin:0;display:flex;align-items:center;gap:12px;padding:12px 4px;color:var(--muted)}
.pcm-empty .pcm-i{width:28px;height:28px;color:var(--sun)}

/* ---------- Avisos ---------- */
.pcm-opts{display:flex;gap:8px;flex-wrap:wrap}
.pcm-opt{position:relative;display:inline-flex;align-items:center;padding:9px 16px;border:1px solid var(--line);border-radius:999px;background:var(--tint);color:var(--navy);font-weight:600;cursor:pointer}
.pcm-opt input{position:absolute;opacity:0;inset:0;cursor:pointer}
.pcm-opt.is-on{background:var(--blue);border-color:var(--blue);color:#fff}
.pcm-last{margin:0;padding:10px 12px;border-radius:12px;background:var(--tint);border:1px solid var(--line);font-size:13px}
.pcm-last.is-none{color:var(--muted)}
.pcm-lvl{margin-left:8px;display:inline-block;padding:1px 9px;border-radius:999px;font-size:11.5px;font-weight:700;background:var(--blue-soft);color:var(--blue)}
.pcm-lvl.is-warn{background:var(--lvl-warn-bg);color:var(--warn)}.pcm-lvl.is-bad{background:var(--lvl-bad-bg);color:var(--bad)}

/* ---------- Indicadores ---------- */
.pcm-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.pcm-stat{display:flex;align-items:center;gap:13px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px 16px;box-shadow:var(--shadow);min-width:0}
.pcm-stat-ico{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--blue-soft);color:var(--blue);flex:none}
.pcm-stat-ico .pcm-i{width:24px;height:24px}
.pcm-stat-ico.is-sun,.pcm-stat-ico.is-hot{background:#fff1d6;color:var(--sun)}.pcm-stat-ico.is-hot{background:#ffe4d6;color:var(--extreme)}.pcm-stat-ico.is-rain{background:var(--blue-soft);color:var(--blue)}.pcm-stat-ico.is-cool{background:#e3f2fb;color:#2b8bb8}
.pcm-stat>div{display:grid;gap:1px;min-width:0}
.pcm-stat small{font-size:12.5px;color:var(--muted)}
.pcm-stat b{font-size:26px;font-weight:800;color:var(--navy);line-height:1.1}
.pcm-stat em{font-style:normal;font-size:12.5px;color:var(--muted);text-transform:capitalize}

/* ---------- Pronóstico ---------- */
.pcm-days{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px}
.pcm-day{position:relative;display:grid;justify-items:center;gap:2px;padding:14px 6px 10px;border:1px solid var(--line);border-top:4px solid var(--mild);border-radius:14px;background:var(--tint);min-width:0}
.pcm-day.is-cool{border-top-color:var(--cool)}.pcm-day.is-mild{border-top-color:var(--mild)}.pcm-day.is-warm{border-top-color:var(--warm)}.pcm-day.is-intense{border-top-color:var(--intense);background:#fff6ec}.pcm-day.is-extreme{border-top-color:var(--extreme);background:#ffefec}
.pcm-day.is-today{box-shadow:0 0 0 2px var(--blue)}
.pcm-day small{font-size:12px;font-weight:700;color:var(--muted);white-space:nowrap}
.pcm-badge{display:inline-block;margin:2px 0;padding:2px 8px;border-radius:999px;background:var(--badge-bg);color:var(--badge-tx);font-size:10.5px;font-weight:800;white-space:nowrap}
.pcm-badge.is-top{background:var(--extreme);color:#fff}
.pcm-ico{display:grid;place-items:center;width:40px;height:40px;color:var(--sun)}
.pcm-ico .pcm-i{width:32px;height:32px}
.pcm-day b{font-size:21px;font-weight:800;color:var(--navy)}
.pcm-day em{font-style:normal;font-size:13px;color:var(--muted)}
.pcm-rain{display:inline-flex;align-items:center;gap:3px;min-height:16px;font-style:normal;font-size:12px;font-weight:700;color:var(--blue)}
.pcm-rain .pcm-i{width:12px;height:12px}
.pcm-legend{list-style:none;margin:0;padding:0;display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--muted)}
.pcm-legend li{display:inline-flex;align-items:center;gap:6px}
.pcm-legend i,.pcm-key i{width:10px;height:10px;border-radius:50%;background:var(--mild)}
.pcm-legend i.is-cool{background:var(--cool)}.pcm-legend i.is-warm{background:var(--warm)}.pcm-legend i.is-intense{background:var(--intense)}.pcm-legend i.is-extreme{background:var(--extreme)}

/* ---------- Gráfico ---------- */
.pcm-key{list-style:none;margin:0;padding:0;display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--muted)}
.pcm-key li{display:inline-flex;align-items:center;gap:6px}
.pcm-key i.is-max{background:var(--intense)}.pcm-key i.is-min{background:var(--blue)}.pcm-key i.is-hot{background:var(--extreme)}
.pcm-chart{width:100%;height:auto;display:block}
.pcm-grid{stroke:var(--line);stroke-width:1}
.pcm-axis{fill:var(--muted);font-size:11px}
.pcm-area{fill:rgba(240,138,36,.1)}
.pcm-max{fill:none;stroke:var(--intense);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}
.pcm-min{fill:none;stroke:var(--blue);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:5 4}
.pcm-dot{fill:var(--intense);stroke:var(--card);stroke-width:2}
.pcm-dot.is-hot{fill:var(--extreme)}
.pcm-val{fill:var(--extreme);font-size:12px;font-weight:800}

/* ---------- Advertencias ---------- */
.pcm-warns{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.pcm-warns>li{display:flex;gap:12px;padding:14px;border-radius:14px;border:1px solid var(--line);border-left:5px solid var(--blue);background:var(--tint)}
.pcm-warns>li.is-warn{border-left-color:var(--intense);background:var(--w-warn-bg)}.pcm-warns>li.is-bad{border-left-color:var(--bad);background:var(--w-bad-bg)}
.pcm-w-ico{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--blue-soft);color:var(--blue);flex:none}
.is-warn>.pcm-w-ico{background:var(--w-ico-warn-bg);color:var(--w-ico-warn)}.is-bad>.pcm-w-ico{background:var(--w-ico-bad-bg);color:var(--bad)}
.pcm-w-ico .pcm-i{width:22px;height:22px}
.pcm-warns h4{margin:0;font-size:15px;color:var(--navy)}
.pcm-warns p{margin:2px 0 8px;font-size:13.5px}
.pcm-w-days{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.pcm-w-days span{padding:2px 10px;border-radius:999px;background:var(--card);border:1px solid var(--line);font-size:12px;font-weight:600;color:var(--navy)}
.pcm-chem{display:grid;gap:6px;margin-bottom:8px}
.pcm-chem b{font-size:12.5px;color:var(--navy)}
.pcm-chem ul{list-style:none;margin:0;padding:0;display:flex;gap:6px;flex-wrap:wrap}
.pcm-chem li{padding:4px 10px;border-radius:999px;background:var(--blue-soft);color:var(--blue);font-size:12.5px;font-weight:600}
.pcm-advice{margin:0;padding-left:18px;display:grid;gap:4px;font-size:13px}
.pcm-calm{margin:0;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background:var(--calm-bg);color:var(--calm-tx)}
.pcm-calm .pcm-i{color:var(--ok)}

/* ---------- Panel: indicadores, portada, horas, semana, gráficos, zona, alertas, impacto, historial ---------- */
.pcm-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.pcm-kpi{display:flex;align-items:center;gap:11px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:13px 14px;box-shadow:var(--shadow);min-width:0}
.pcm-kpi>div{min-width:0;display:grid;gap:2px}
.pcm-kpi small{font-size:12px;color:var(--muted)}
.pcm-kpi b{font-size:23px;font-weight:800;color:var(--navy);line-height:1.15;white-space:nowrap}
.pcm-kpi b i{font-style:normal;font-size:12px;font-weight:600;color:var(--muted)}
.pcm-kpi-ico{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;flex:none}
.pcm-kpi-ico .pcm-i{width:23px;height:23px}
.pcm-kpi-ico.is-orange{background:var(--ic-orange-bg);color:var(--ic-orange)}.pcm-kpi-ico.is-red{background:var(--ic-red-bg);color:var(--ic-red)}.pcm-kpi-ico.is-blue{background:var(--ic-blue-bg);color:var(--ic-blue)}
.pcm-kpi-ico.is-sky{background:var(--ic-sky-bg);color:var(--ic-sky)}.pcm-kpi-ico.is-cyan{background:var(--ic-cyan-bg);color:var(--ic-cyan)}.pcm-kpi-ico.is-yellow{background:var(--ic-yellow-bg);color:var(--ic-yellow)}
.pcm-delta{font-size:12px;color:var(--muted);white-space:nowrap}
.pcm-delta.is-up b{color:var(--extreme);font-size:12px}.pcm-delta.is-down b{color:var(--blue);font-size:12px}.pcm-delta b{font-weight:700}
.pcm-delta.is-none{opacity:.85}
.pcm-chip{display:inline-block;justify-self:start;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}
.pcm-chip.is-ok{background:var(--chip-ok-bg);color:var(--chip-ok)}.pcm-chip.is-warn{background:var(--chip-warn-bg);color:var(--chip-warn)}.pcm-chip.is-bad{background:var(--chip-bad-bg);color:var(--chip-bad)}.pcm-chip.is-info{background:var(--chip-info-bg);color:var(--chip-info)}
.pcm-grid2{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(290px,1fr);gap:14px;align-items:start}
.pcm-col{display:grid;gap:14px;min-width:0;align-content:start}
.pcm-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(360px,100%),1fr));gap:14px}
.pcm-two.is-minis{grid-template-columns:minmax(0,1fr)}
.pcm-link{border:0;background:none;padding:0;font:inherit;font-size:13px;font-weight:700;color:var(--blue);cursor:pointer;display:inline-flex;align-items:center;gap:3px}
.pcm-link .pcm-i{width:14px;height:14px}
.pcm-none{margin:0;color:var(--muted);font-size:13.5px}
.pcm-hero{position:relative;overflow:hidden;border-radius:18px;color:#fff;min-height:236px;padding:22px 24px;display:flex;flex-direction:column;justify-content:space-between;gap:16px;box-shadow:var(--shadow);background:linear-gradient(160deg,#2f86e6,#8cc6f5)}
.pcm-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 18%,rgba(255,236,160,.55),rgba(255,236,160,0) 38%),linear-gradient(0deg,rgba(255,255,255,.14),rgba(255,255,255,0) 45%);pointer-events:none}
.pcm-hero[data-sky=clear]{background:linear-gradient(160deg,#1b74e8 0%,#4aa8ff 55%,#a6dcff 100%)}
.pcm-hero[data-sky=night]{background:linear-gradient(160deg,#0b1a3d,#1d2f66 60%,#3a4f93)}.pcm-hero[data-sky=night]::before{background:radial-gradient(circle at 12% 18%,rgba(190,205,255,.35),rgba(190,205,255,0) 34%)}
.pcm-hero[data-sky=clouds]{background:linear-gradient(160deg,#5a7ea6,#a7bdd4)}.pcm-hero[data-sky=rain]{background:linear-gradient(160deg,#37506b,#7390ad)}
.pcm-hero[data-sky=storm]{background:linear-gradient(160deg,#272f4a,#5a6384)}.pcm-hero[data-sky=snow]{background:linear-gradient(160deg,#7fa3c2,#dcebf6)}.pcm-hero[data-sky=mist]{background:linear-gradient(160deg,#8497aa,#cbd6e0)}
.pcm-hero-in{position:relative;display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.pcm-hero-ico{display:grid;place-items:center;color:#ffd24a;filter:drop-shadow(0 4px 12px rgba(0,0,0,.18))}
.pcm-hero[data-sky=night] .pcm-hero-ico,.pcm-hero[data-sky=clouds] .pcm-hero-ico,.pcm-hero[data-sky=rain] .pcm-hero-ico,.pcm-hero[data-sky=storm] .pcm-hero-ico,.pcm-hero[data-sky=snow] .pcm-hero-ico,.pcm-hero[data-sky=mist] .pcm-hero-ico{color:#fff}
.pcm-hero-ico .pcm-i{width:96px;height:96px;stroke-width:1.3}
.pcm .pcm-hero h2{margin:0;font-size:22px;font-weight:700;color:#fff}
.pcm .pcm-hero .pcm-hero-t,.pcm .pcm-hero .pcm-hero-w,.pcm .pcm-hero .pcm-hero-d,.pcm .pcm-hero .pcm-hero-sum{color:#fff}
.pcm-zdot{fill:var(--navy);stroke:#fff;stroke-width:1.5}
.pcm-zlead{stroke:var(--navy);stroke-width:1;stroke-opacity:.45;stroke-dasharray:3 3}
.pcm-pick span{white-space:nowrap}
.pcm-hero-t{display:block;font-size:58px;font-weight:800;line-height:1.05;letter-spacing:-.02em}
.pcm-hero-w{display:flex;align-items:center;gap:6px;margin:8px 0 0;font-weight:700}
.pcm-hero-w .pcm-i{width:17px;height:17px}
.pcm-hero-d{margin:2px 0 0;opacity:.92;font-size:14px}
.pcm-hero-sum{position:relative;margin:0;padding:10px 14px;border-radius:12px;background:rgba(8,22,56,.5);display:flex;align-items:center;gap:10px;font-size:14px;line-height:1.35}
.pcm-hero-sum>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.2);flex:none}
.pcm-hero-sum .pcm-i{width:16px;height:16px}
.pcm-hours{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:8px}
.pcm-hour{display:grid;justify-items:center;gap:3px;padding:10px 4px;border:1px solid var(--line);border-radius:12px;background:var(--tint);font-size:12px;color:var(--muted)}
.pcm-hour small{font-size:12.5px;font-weight:700;color:var(--navy)}
.pcm-hour .pcm-hd{font-style:normal;font-size:10.5px;font-weight:700;color:var(--blue);text-transform:uppercase}
.pcm-hour b{font-size:17px;color:var(--navy)}
.pcm-hour em,.pcm-hour i,.pcm-wd i{display:inline-flex;align-items:center;gap:3px;font-style:normal;font-size:11.5px}
.pcm-hour i,.pcm-wd i{color:var(--blue);font-weight:700}
.pcm-hour .pcm-i,.pcm-wd i .pcm-i{width:12px;height:12px}
.pcm-hico{display:grid;place-items:center;width:34px;height:34px;color:var(--sun)}
.pcm-hico .pcm-i{width:28px;height:28px}
.pcm-week{display:grid;grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:8px}
.pcm-wd{display:grid;justify-items:center;gap:3px;padding:10px 4px;border:1px solid var(--line);border-radius:12px;background:var(--tint)}
.pcm-wd.is-today{box-shadow:0 0 0 2px var(--blue)}
.pcm-wd small{font-size:13px;font-weight:700;color:var(--navy)}
.pcm-wd em{font-style:normal;font-size:11.5px;color:var(--muted)}
.pcm-wd b{font-size:13.5px;color:var(--navy);white-space:nowrap}
.pcm-key i.is-temp{background:#e8453c}.pcm-key i.is-hum{background:#1665f2}.pcm-key i.is-rain{background:#6aa7ff}.pcm-key i.is-wind{background:#f5a524}
.pcm-line-temp,.pcm-line-hum,.pcm-line-wind{fill:none;stroke-width:2.4;stroke-linejoin:round;stroke-linecap:round}
.pcm-line-temp{stroke:#e8453c}.pcm-line-hum{stroke:#1665f2}.pcm-line-wind{stroke:#f5a524}
.pcm-area-temp{fill:rgba(232,69,60,.1)}.pcm-bar-rain{fill:#6aa7ff}
.pcm-pt-temp{fill:#e8453c}.pcm-pt-hum{fill:#1665f2}.pcm-pt-wind{fill:#f5a524}.pcm-pt-temp,.pcm-pt-hum,.pcm-pt-wind{stroke:var(--card);stroke-width:1.5}
.pcm-axis.is-sub{font-size:10px}
.pcm-zone{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:stretch}
.pcm-zmap{width:100%;height:auto;display:block;border-radius:12px}
.pcm-zbg{fill:var(--zone-bg)}
.pcm-zpt rect{fill:var(--zone-pt);stroke:var(--zone-line);stroke-width:1}.pcm-zpt.is-sel rect{stroke:var(--blue);stroke-width:2}
.pcm-zpt text{font-size:11px;fill:var(--text)}.pcm-zt{font-weight:800;fill:var(--navy)}
.pcm-zscale{display:grid;grid-template-rows:auto 1fr;gap:6px;font-size:11px;color:var(--muted);min-width:44px}
.pcm-zscale b{font-size:10.5px;font-weight:700;max-width:70px}
.pcm-zscale{grid-template-columns:14px auto;column-gap:6px}.pcm-zscale b{grid-column:1/-1}
.pcm-zbar{width:12px;border-radius:6px;min-height:130px}
.pcm-zscale ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;justify-content:space-between}
.pcm-zlive{display:none}.pcm-zhold.is-live .pcm-zlive{display:block}.pcm-zhold.is-live .pcm-zfall{display:none}
.pcm-gmap{position:relative;width:100%;height:280px;border-radius:12px;overflow:hidden;background:var(--zone-bg)}.pcm-gmap-node{position:absolute;inset:0}
.pcm-modal .pcm-gmap{height:min(58vh,520px)}
.pcm-zlist{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px}
.pcm-zlist li{display:flex;justify-content:space-between;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--tint)}
.pcm-zlist li.is-sel{border-color:var(--blue)}
.pcm-alerts,.pcm-impact{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.pcm-al{display:flex;align-items:center;gap:11px;width:100%;text-align:left;border:1px solid transparent;border-radius:12px;padding:10px 12px;background:var(--tint);cursor:pointer;font:inherit;color:inherit}
.pcm-al.is-bad{background:var(--w-bad-bg)}.pcm-al.is-warn{background:var(--w-warn-bg)}.pcm-al:hover{border-color:var(--line)}
.pcm-al-ico,.pcm-im-ico{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--blue-soft);color:var(--blue);flex:none}
.pcm-al.is-bad .pcm-al-ico{background:var(--w-ico-bad-bg);color:var(--bad)}.pcm-al.is-warn .pcm-al-ico{background:var(--w-ico-warn-bg);color:var(--w-ico-warn)}
.pcm-al-tx,.pcm-im-tx{display:grid;gap:1px;min-width:0;flex:1}
.pcm-al-tx b,.pcm-im-tx b{color:var(--navy);font-size:14px}
.pcm-al-tx em,.pcm-im-tx em{font-style:normal;font-size:12.5px;color:var(--muted)}
.pcm-impact li{display:flex;align-items:center;gap:11px}
.pcm-mini .pcm-big{margin:0;font-size:14px;color:var(--muted)}
.pcm-mini .pcm-big b{font-size:26px;color:var(--navy);margin-right:4px}.pcm-mini .pcm-big em{font-style:normal;font-weight:600;color:var(--text)}
.pcm-table-wrap{overflow-x:auto}
.pcm-table{width:100%;border-collapse:collapse;font-size:13px}
.pcm-table th{text-align:left;font-size:12px;font-weight:700;color:var(--muted);padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap;background:var(--tint)}
.pcm-table td{padding:10px;border-bottom:1px solid var(--line);vertical-align:top}
.pcm-table tbody tr:last-child td{border-bottom:0}
.pcm-table td small{display:block;color:var(--muted);font-size:11.5px}
.pcm-ev{display:inline-flex;align-items:center;gap:8px}.pcm-ev .pcm-i{width:18px;height:18px;color:var(--blue)}
.pcm-rules{margin:0;padding-left:18px;display:grid;gap:8px;font-size:13.5px}
.pcm-modal{display:grid;gap:12px}
@container (max-width:980px){.pcm-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container (max-width:880px){.pcm-grid2{grid-template-columns:minmax(0,1fr)}}
@container (max-width:640px){.pcm-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.pcm-hero-t{font-size:46px}.pcm-hero-ico .pcm-i{width:72px;height:72px}.pcm-zone{grid-template-columns:minmax(0,1fr)}.pcm-zscale{display:none}
 .pcm-table thead{display:none}.pcm-table,.pcm-table tbody,.pcm-table tr,.pcm-table td{display:block}.pcm-table tr{padding:8px 0;border-bottom:1px solid var(--line)}.pcm-table td{border:0;padding:4px 2px}.pcm-table td::before{content:attr(data-label)": ";font-weight:700;color:var(--muted)}}

@container (max-width:560px){
 .pcm-days{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}
 .pcm-opts{display:grid;grid-template-columns:1fr 1fr}
 .pcm-opt{justify-content:center}
 .pcm-warns>li{flex-direction:column}
 .pcm-bar{justify-content:stretch}.pcm-pick{width:100%}.pcm-pick select{flex:1}
}