/* «Diagnósticos» del cliente: barra de pestañas con iconos y piezas comunes de las pantallas de diagnóstico (prefijo .dx) */
body[data-page="panel"] .dx{--dx-ink:#0b1b3d;--dx-muted:#667691;--dx-line:#dfe8f5;--dx-blue:#0b63f6;--dx-soft:#eaf2ff;display:grid;gap:16px;color:var(--dx-ink);min-width:0}
body[data-page="panel"] .dx *{box-sizing:border-box}
body[data-page="panel"] .dx-i{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}
body[data-page="panel"] .dx-tabs{display:flex;gap:6px;padding:6px;border:1px solid var(--dx-line);border-radius:16px;background:#fff;box-shadow:0 6px 22px rgba(11,31,77,.05);overflow-x:auto;scrollbar-width:thin;max-width:100%}
body[data-page="panel"] .dx-tab{display:inline-flex;align-items:center;gap:9px;flex:1 1 auto;justify-content:center;border:0;border-radius:11px;background:transparent;padding:11px 16px;font:600 14px Inter,system-ui,sans-serif;color:#41536f;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}
body[data-page="panel"] .dx-tab:hover{background:var(--dx-soft);color:var(--dx-blue)}
body[data-page="panel"] .dx-tab:focus-visible{outline:3px solid #8db8ff;outline-offset:1px}
body[data-page="panel"] .dx-tab.is-on{background:var(--dx-blue);color:#fff;box-shadow:0 6px 16px rgba(11,99,246,.28)}
body[data-page="panel"] .dx-tab .dx-i{width:19px;height:19px}
@media (max-width:760px){body[data-page="panel"] .dx-tabs{gap:4px;padding:5px}body[data-page="panel"] .dx-tab{flex:0 0 auto;padding:10px 13px;font-size:13.5px}}

/* ===== Piezas compartidas (.dw-*): las usa «Parámetros analizados» de la calculadora de químicos ===== */
body[data-page="panel"] .dw-card{border:1px solid var(--dx-line);border-radius:20px;background:#fff;padding:18px;box-shadow:0 6px 22px rgba(11,31,77,.05);min-width:0;display:flex;flex-direction:column;gap:12px}
body[data-page="panel"] .dw-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0}
body[data-page="panel"] .dw-head h2{margin:0;font-size:17px;line-height:1.2;color:var(--dx-ink)}
body[data-page="panel"] .dw-head>small{margin-left:auto;color:var(--dx-muted);font-size:12px}
body[data-page="panel"] .dw-head-ico{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#e4efff;color:var(--dx-blue);flex:none}
.dw-head-ico .dx-i{width:18px;height:18px}
.dw-head-ico.is-plain{background:transparent;width:28px;height:28px}
.dw-head-ico.is-plain .dx-i{width:24px;height:24px}
body[data-page="panel"] .dw-head-text{display:grid;gap:2px;min-width:0}
body[data-page="panel"] .dw-head-text p{font-size:12.5px;color:var(--dx-muted)}
body[data-page="panel"] .dw-link{margin-left:auto;display:inline-flex;align-items:center;gap:6px;border:0;background:none;padding:0;color:var(--dx-blue);font:700 13px Inter,sans-serif;cursor:pointer}
.dw-link .dx-i{width:15px;height:15px}
.dw-link:hover{text-decoration:underline}
body[data-page="panel"] .dw-chip{display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:999px;font-size:13px;font-weight:800;white-space:nowrap}
.dw-chip .dx-i{width:16px;height:16px}
body[data-page="panel"] .dw-chip.is-ok{background:#dcf5e7;color:#0f6f3f}
body[data-page="panel"] .dw-chip.is-warn,body[data-page="panel"] .dw-chip.is-pending{background:#ffecc7;color:#a35a00}
body[data-page="panel"] .dw-chip.is-bad{background:#ffe0dc;color:#b3261e}
body[data-page="panel"] .dw-chip.is-idle{background:#eef1f6;color:#5a6a85}
body[data-page="panel"] .dw-ring{position:relative;flex:none;width:140px;height:140px;color:#17a35e}
body[data-page="panel"] .dw-ring.is-warn{color:#f59f0b}
body[data-page="panel"] .dw-ring.is-bad{color:#e0453a}
body[data-page="panel"] .dw-ring.is-idle{color:#b7c4da}
body[data-page="panel"] .dw-ring>div{position:absolute;inset:0;display:grid;place-content:center;text-align:center}
body[data-page="panel"] .dw-ring b{font-size:38px;line-height:1;color:#0b1b3d;font-weight:800}
body[data-page="panel"] .dw-ring small{font-size:15px;color:var(--dx-muted);font-weight:600}
body[data-page="panel"] .dw-param-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(176px,1fr));gap:12px}
body[data-page="panel"] .dw-param{display:grid;gap:6px;align-content:start;padding:14px;border:1px solid var(--dx-line);border-radius:16px;background:#fff;min-width:0}
body[data-page="panel"] .dw-param header{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}
body[data-page="panel"] .dw-param header b{font-size:13.5px;color:#0b1b3d}
body[data-page="panel"] .dw-param header .dw-chip{margin-left:auto;padding:3px 11px;font-size:11.5px}
body[data-page="panel"] .dw-param-ico{display:grid;place-items:center;width:26px;height:26px;color:var(--dx-blue)}
.dw-param-ico .dx-i{width:20px;height:20px}
body[data-page="panel"] .dw-param strong{font-size:30px;line-height:1;color:#0b1b3d;font-weight:800}
body[data-page="panel"] .dw-param strong small{font-size:15px;font-weight:700;color:#41536f}
body[data-page="panel"] .dw-param em{font-style:normal;font-size:12px;color:var(--dx-muted)}
body[data-page="panel"] .dw-bar{position:relative;height:8px;border-radius:999px;background:linear-gradient(90deg,#fbd4cf,#fbe8bd 28%,#f5d8d2)}
body[data-page="panel"] .dw-bar i{position:absolute;top:0;bottom:0;border-radius:999px;background:#8fd8ac}
body[data-page="panel"] .dw-bar u{position:absolute;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#e0453a;border:2px solid #fff;box-shadow:0 1px 4px rgba(11,31,77,.35)}
body[data-page="panel"] .dw-param.is-ok .dw-bar u{background:#17a35e}
body[data-page="panel"] .dw-param p{font-size:12px;line-height:1.45;color:#50617e}
body[data-page="panel"] .dw-n{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;font-size:13px;color:#fff;background:#0b63f6}
.dw-n.n1{background:#1e88e5}
.dw-n.n2{background:#12a0b8}
.dw-n.n3{background:#17a35e}
.dw-n.n4{background:#7a57d1}
@media (max-width:760px){body[data-page="panel"] .dw-ring{width:120px;height:120px}}

/* ===== Diagnóstico del agua (.wd): portada con formulario, resultado, historial, evolución, racha, alertas y consejo =====
   Los bloques se reorganizan con consultas de contenedor: el panel puede ser ancho (PC) o angosto (teléfono) y el ancho que cuenta es el de esta pantalla, no el de la ventana. */
body[data-page="panel"] .wd{display:grid;gap:18px;min-width:0;container:wd/inline-size}
body[data-page="panel"] .wd h2,body[data-page="panel"] .wd h3,body[data-page="panel"] .wd p{letter-spacing:0;margin:0}
body[data-page="panel"] .wd button{font-family:Inter,system-ui,sans-serif}
/* portada */
/* formulario */
/* resultado */
/* índice de salud */
/* parámetros */
/* problemas */
/* historial */
/* evolución */
body[data-page="panel"] .wd-chart{margin:0}body[data-page="panel"] .wd-chart svg{display:block;width:100%;height:auto}
body[data-page="panel"] .wd-gl{stroke:#e3eaf5;stroke-width:1}body[data-page="panel"] .wd-ax{font:500 11px Inter,sans-serif;fill:#667691}
body[data-page="panel"] .wd-line{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}body[data-page="panel"] .wd-bubble{font:800 11px Inter,sans-serif;fill:#fff}
/* comparado */
/* racha */
/* alertas */
/* consejo */
/* vacíos */
body[data-page="panel"] .wd-empty{display:grid;justify-items:center;gap:6px;text-align:center;padding:18px 8px;color:var(--dx-muted)}body[data-page="panel"] .wd-empty .dx-i{width:30px;height:30px;color:#8aa4cf}
body[data-page="panel"] .wd-empty b{color:#0b1b3d;font-size:15px}body[data-page="panel"] .wd-empty p{max-width:46ch;font-size:13px;line-height:1.5}body[data-page="panel"] .wd-empty.is-ok .dx-i{color:#12a15a}
/* reorganización por ancho de la pantalla (no de la ventana) */

/* ===== Diagnóstico de filtración (.df) ===== */
body[data-page="panel"] .df{display:grid;gap:16px;min-width:0}
body[data-page="panel"] .df h2,body[data-page="panel"] .df h3,body[data-page="panel"] .df p{letter-spacing:0}body[data-page="panel"] .df p{margin:0}
body[data-page="panel"] .df-hero{position:relative;overflow:hidden;border-radius:22px;min-height:190px;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,350px);gap:18px;align-items:center;padding:24px 28px;background:#dcecff var(--df-photo,linear-gradient(135deg,#bfe0ff,#6db3f2)) right center/cover no-repeat;border:1px solid var(--dx-line)}
body[data-page="panel"] .df-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.97) 0,rgba(255,255,255,.92) 45%,rgba(255,255,255,.5) 72%,rgba(255,255,255,.08))}
body[data-page="panel"] .df-hero>*{position:relative}
body[data-page="panel"] .df-hero-body{display:grid;gap:8px}
body[data-page="panel"] .df-eyebrow{font-size:11.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#243a63}
body[data-page="panel"] .df-hero h2{margin:0;font-size:clamp(28px,4vw,44px);line-height:1.05;letter-spacing:-.025em;font-weight:800;color:#07163a}
body[data-page="panel"] .df-hero-body>p{max-width:60ch;font-size:15px;line-height:1.5;color:#1d2f52}
body[data-page="panel"] .df-hero-card{display:flex;align-items:center;gap:12px;padding:14px 14px 14px 16px;border-radius:18px;background:rgba(255,255,255,.9);border:1px solid #d4e3f8;box-shadow:0 10px 28px rgba(11,31,77,.12);backdrop-filter:blur(6px)}
body[data-page="panel"] .df-hero-ico{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:14px;background:#e4efff;color:var(--dx-blue)}.df-hero-ico .dx-i{width:26px;height:26px}
body[data-page="panel"] .df-hero-card b{display:block;font-size:15px;line-height:1.25;color:#0b1b3d}body[data-page="panel"] .df-hero-card p{margin-top:3px;font-size:12.5px;line-height:1.4;color:#41536f}
body[data-page="panel"] .df-round{margin-left:auto;display:grid;place-items:center;flex:none;width:34px;height:34px;border:1px solid #cfe0f7;border-radius:50%;background:#fff;color:var(--dx-blue);cursor:pointer}
body[data-page="panel"] .df-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;padding:10px 6px;list-style:none;border:1px solid var(--dx-line);border-radius:18px;background:#fff;box-shadow:0 6px 22px rgba(11,31,77,.05)}
body[data-page="panel"] .df-steps li{position:relative;display:flex;align-items:center;gap:10px;padding:6px 18px;min-width:0}
body[data-page="panel"] .df-steps li:not(:last-child)::after{content:"→";position:absolute;right:6px;top:50%;transform:translateY(-50%);color:#7a91b8;font-size:20px}
body[data-page="panel"] .df-step-n{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:#e9eef7;color:#51617f;font-weight:800}.is-on>.df-step-n{background:#0b63f6;color:#fff}.df-step-n .dx-i{width:18px;height:18px}
body[data-page="panel"] .df-step-ico{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:#e4efff;color:var(--dx-blue)}.df-step-ico .dx-i{width:19px;height:19px}
body[data-page="panel"] .df-steps b{display:block;font-size:14px;color:#0b1b3d}body[data-page="panel"] .df-steps small{display:block;font-size:12px;line-height:1.35;color:var(--dx-muted)}
body[data-page="panel"] .df-row{display:grid;gap:16px;min-width:0;align-items:start}
body[data-page="panel"] .df-row.is-hours{grid-template-columns:minmax(0,1fr)}
body[data-page="panel"] .df-row.is-how{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
body[data-page="panel"] .df-row.is-data{grid-template-columns:repeat(2,minmax(0,1fr))}
body[data-page="panel"] .df-card{border:1px solid var(--dx-line);border-radius:20px;background:#fff;padding:18px;box-shadow:0 6px 22px rgba(11,31,77,.05);min-width:0;display:flex;flex-direction:column;gap:12px}
body[data-page="panel"] .df-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0}
body[data-page="panel"] .df-head h2{margin:0;font-size:17px;line-height:1.2;color:var(--dx-ink)}
body[data-page="panel"] .df-head-ico{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#e4efff;color:var(--dx-blue);flex:none}.df-head-ico .dx-i{width:19px;height:19px}.df-head-ico.is-warn{background:#ffe3df;color:#d6372c}
body[data-page="panel"] .df-head-text{display:grid;gap:2px;min-width:0;flex:1}body[data-page="panel"] .df-head-text p{font-size:12.5px;line-height:1.4;color:var(--dx-muted)}
body[data-page="panel"] .df-edit{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #cfdcee;border-radius:10px;background:#fff;color:#16315f;font:700 12.5px Inter,sans-serif;cursor:pointer}.df-edit .dx-i{width:14px;height:14px}.df-edit:hover{background:#eef5ff}
body[data-page="panel"] .df-note{font-size:12.5px;line-height:1.45;color:var(--dx-muted)}
body[data-page="panel"] .df-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap;width:max-content;max-width:100%}.df-chip .dx-i{width:15px;height:15px}
body[data-page="panel"] .df-chip.is-ok{background:#dcf5e7;color:#0f6f3f}body[data-page="panel"] .df-chip.is-warn{background:#ffecc7;color:#a35a00}body[data-page="panel"] .df-chip.is-bad{background:#ffe0dc;color:#b3261e}body[data-page="panel"] .df-chip.is-idle{background:#eef1f6;color:#5a6a85}
body[data-page="panel"] .df-chip-big{font-size:15px;padding:9px 18px;white-space:normal}
/* horas */
body[data-page="panel"] .df-legend{display:flex;flex-wrap:wrap;gap:6px 14px;margin:0 0 0 auto;padding:0;list-style:none;font-size:12px;color:#41536f}
body[data-page="panel"] .df-legend li::before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;background:#2f6df6}body[data-page="panel"] .df-legend .is-rec::before{background:#17a35e}
body[data-page="panel"] .df-timeline{display:grid;gap:8px}
body[data-page="panel"] .df-axis{display:flex;justify-content:space-between;align-items:center;margin:0 0 0 118px;color:#51617f}.df-axis .dx-i{width:18px;height:18px}.df-sun{color:#f59f0b}
body[data-page="panel"] .df-ticks{position:relative;height:16px;margin:0 0 0 118px}body[data-page="panel"] .df-ticks span{position:absolute;transform:translateX(-50%);font-size:10.5px;color:var(--dx-muted)}
body[data-page="panel"] .df-ticks span:first-child{transform:none}body[data-page="panel"] .df-ticks span:last-child{transform:translateX(-100%)}
body[data-page="panel"] .df-row-track{display:grid;grid-template-columns:110px minmax(0,1fr);gap:4px 8px;align-items:center}body[data-page="panel"] .df-ranges{grid-column:2;font-size:12px;font-weight:700;color:#41536f}body[data-page="panel"] .df-row-track>b{font-size:12.5px;color:#0b1b3d}
body[data-page="panel"] .df-track{position:relative;height:34px;border-radius:8px;background:repeating-linear-gradient(90deg,#f1f5fb 0,#f1f5fb calc(100%/24 - 1px),#e2e9f4 calc(100%/24 - 1px),#e2e9f4 calc(100%/24))}
body[data-page="panel"] .df-track i{position:absolute;top:3px;bottom:3px;border-radius:7px;background:#2f6df6;display:grid;place-items:center;color:#fff;font-style:normal;overflow:hidden}.df-track.is-rec i{background:#17a35e}
body[data-page="panel"] .df-track i span{font-size:11.5px;font-weight:800;white-space:nowrap;padding:0 4px}
body[data-page="panel"] .df-track em{position:absolute;inset:0;display:grid;place-items:center;font-size:12px;color:var(--dx-muted);font-style:normal}
/* KPIs */
body[data-page="panel"] .df-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;min-width:0}
body[data-page="panel"] .df-kpi{display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid var(--dx-line);border-radius:18px;background:#fff;box-shadow:0 6px 22px rgba(11,31,77,.05);min-width:0}
body[data-page="panel"] .df-kpi header{display:flex;align-items:center;gap:8px}body[data-page="panel"] .df-kpi header b{font-size:13px;line-height:1.2;color:#0b1b3d}
body[data-page="panel"] .df-kpi header>span{display:grid;place-items:center;flex:none;width:30px;height:30px;color:#f59f0b}.df-kpi header .dx-i{width:24px;height:24px}.df-kpi header .is-clock{color:var(--dx-blue)}.df-kpi header .is-heart{color:#17a35e}.df-kpi header .is-bolt{color:#f5a300}
body[data-page="panel"] .df-kpi strong{font-size:26px;line-height:1.05;font-weight:800;color:#0b1b3d}body[data-page="panel"] .df-kpi strong small{display:block;font-size:17px;font-weight:700}
body[data-page="panel"] .df-kpi p{font-size:12px;line-height:1.45;color:#50617e}
/* cómo calculamos */
body[data-page="panel"] .df-factors{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
body[data-page="panel"] .df-factor{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;align-content:start;padding:14px;border:1px solid var(--dx-line);border-radius:16px;background:#fbfdff;min-width:0}
body[data-page="panel"] .df-factor>div{display:grid;gap:4px}body[data-page="panel"] .df-factor b{font-size:13.5px;color:#0b1b3d}body[data-page="panel"] .df-factor p{font-size:12px;line-height:1.45;color:#50617e}
body[data-page="panel"] .df-factor-ico{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#e4efff;color:var(--dx-blue)}.df-factor-ico .dx-i{width:23px;height:23px}
body[data-page="panel"] .df-factor strong{font-size:24px;font-weight:800;color:#0b1b3d}body[data-page="panel"] .df-factor small{display:block;padding:3px 10px;border-radius:12px;background:#e9f1ff;color:#2a4a86;font-size:11.5px;font-weight:700;width:fit-content;max-width:100%;white-space:normal;overflow-wrap:anywhere}
/* riesgos */
body[data-page="panel"] .df-risks{background:#fff7f5;border-color:#f6d3cd}body[data-page="panel"] .df-risks .df-head h2{color:#b3261e}
body[data-page="panel"] .df-risk{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:start;padding:14px;border-radius:16px;background:#fff;border:1px solid #f1dcd8}
body[data-page="panel"] .df-risk.is-medio{border-color:#f3e1b0}body[data-page="panel"] .df-risk.is-bajo{border-color:#c9ead8}
body[data-page="panel"] .df-risk-ico{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#ffe0dc;color:#d6372c}.df-risk.is-medio .df-risk-ico{background:#fff0cc;color:#b87300}.df-risk.is-bajo .df-risk-ico{background:#dcf5e7;color:#17a35e}.df-risk-ico .dx-i{width:24px;height:24px}
body[data-page="panel"] .df-risk b{display:block;margin-bottom:4px;font-size:14px;color:#a83228}.df-risk.is-medio b{color:#8a5700}.df-risk.is-bajo b{color:#0f6f3f}
body[data-page="panel"] .df-risk ul{margin:0;padding-left:18px;font-size:12.5px;line-height:1.5;color:#50617e}
/* datos, equipos, comparación y consumo */
body[data-page="panel"] .df-pool-body{display:grid;gap:10px}body[data-page="panel"] .df-pool ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}
body[data-page="panel"] .df-pool li{display:flex;align-items:center;gap:9px;font-size:13px;color:#41536f}body[data-page="panel"] .df-pool li .dx-i{width:18px;height:18px;color:var(--dx-blue)}body[data-page="panel"] .df-pool li b{margin-left:auto;color:#0b1b3d}
body[data-page="panel"] .df-vol{padding:12px;border-radius:14px;background:#eef5ff;display:grid;gap:2px}body[data-page="panel"] .df-vol small{font-size:12px;color:var(--dx-muted)}body[data-page="panel"] .df-vol strong{font-size:26px;font-weight:800;color:#0b1b3d}
body[data-page="panel"] .df-eq-grid{display:grid;gap:10px}body[data-page="panel"] .df-eq{display:grid;gap:6px;padding:12px;border:1px solid var(--dx-line);border-radius:14px;background:#fbfdff}
body[data-page="panel"] .df-eq>small{font-size:12px;font-weight:700;color:var(--dx-muted)}body[data-page="panel"] .df-eq>div{display:flex;align-items:center;gap:10px}
body[data-page="panel"] .df-eq-ico{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:12px;background:#e4efff;color:var(--dx-blue)}.df-eq-ico .dx-i{width:24px;height:24px}
body[data-page="panel"] .df-eq b{display:block;font-size:13.5px;color:#0b1b3d}body[data-page="panel"] .df-eq span>small{display:block;font-size:12px;color:var(--dx-muted)}
body[data-page="panel"] .df-table{overflow-x:auto}body[data-page="panel"] .df-table table{width:100%;border-collapse:collapse;font-size:12.5px}
body[data-page="panel"] .df-table th,body[data-page="panel"] .df-table td{padding:9px 8px;text-align:left;border-bottom:1px solid #edf1f8;color:#2b3f63}body[data-page="panel"] .df-table thead th{font-size:11.5px;color:var(--dx-muted);font-weight:700}
body[data-page="panel"] .df-table tbody th{font-weight:600;color:#0b1b3d}body[data-page="panel"] .df-table td.is-good{color:#0f6f3f;font-weight:800}
body[data-page="panel"] .df-energy-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}body[data-page="panel"] .df-energy-grid>div{display:grid;gap:3px;padding:12px;border:1px solid var(--dx-line);border-radius:14px}
body[data-page="panel"] .df-energy-grid small{font-size:12px;color:var(--dx-muted)}body[data-page="panel"] .df-energy-grid strong{font-size:18px;font-weight:800;color:#0b1b3d}body[data-page="panel"] .df-energy-grid span{font-size:12.5px;color:#41536f}
body[data-page="panel"] .df-ebar{height:8px;border-radius:999px;background:#eef1f6;margin-top:6px;overflow:hidden}body[data-page="panel"] .df-ebar i{display:block;height:100%;border-radius:999px;background:#e0453a}body[data-page="panel"] .df-ebar i.is-rec{background:#17a35e}
body[data-page="panel"] .df-save{align-self:flex-start}
/* simulador */
body[data-page="panel"] .df-sim-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.4fr);gap:20px;align-items:start}
body[data-page="panel"] .df-sim-ctl{display:grid;gap:16px}
body[data-page="panel"] .df-range{display:grid;gap:6px;font-size:13px;font-weight:700;color:#0b1b3d}body[data-page="panel"] .df-range>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px}
body[data-page="panel"] .df-range small{font-size:11.5px;color:var(--dx-muted);font-weight:600}body[data-page="panel"] .df-range input{width:100%;accent-color:#0b63f6}
body[data-page="panel"] .df-range output{min-width:64px;text-align:center;padding:7px 10px;border:1px solid #cfdcee;border-radius:10px;background:#fff;font-weight:800;color:#0b1b3d}
body[data-page="panel"] .df-season{display:grid;gap:6px}body[data-page="panel"] .df-season>span{font-size:13px;font-weight:700;color:#0b1b3d}body[data-page="panel"] .df-season>div{display:flex;flex-wrap:wrap;gap:8px}body[data-page="panel"] .df-season small{font-size:12px;color:var(--dx-muted)}
body[data-page="panel"] .df-season button{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border:1.5px solid #cfdcee;border-radius:12px;background:#fff;color:#16315f;font:700 13px Inter,sans-serif;cursor:pointer}.df-season button .dx-i{width:17px;height:17px}.df-season button.is-on{border-color:var(--dx-blue);background:#eef5ff;color:var(--dx-blue)}
body[data-page="panel"] .df-sim-out h3{margin:0 0 8px;font-size:14px;color:#0b1b3d}body[data-page="panel"] .df-sim-rec{font-size:13px;color:#41536f;margin-bottom:10px}
body[data-page="panel"] .df-sim-res{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:0;padding:0;list-style:none}
body[data-page="panel"] .df-sim-res li{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:14px;background:#ecf9f1}body[data-page="panel"] .df-sim-res li.is-warn{background:#fff4dc}body[data-page="panel"] .df-sim-res li.is-idle{background:#eef1f6}
body[data-page="panel"] .df-sim-res li>span{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:#fff;color:#17a35e}.df-sim-res li.is-warn>span{color:#b87300}.df-sim-res .dx-i{width:19px;height:19px}
body[data-page="panel"] .df-sim-res b{display:block;font-size:13px;color:#0b1b3d}body[data-page="panel"] .df-sim-res small{display:block;font-size:11.5px;line-height:1.35;color:#50617e}
body[data-page="panel"] .df-missing{flex-direction:row;align-items:center;gap:14px;background:#fff8e6;border-color:#f3e1b0}body[data-page="panel"] .df-missing>span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#ffecc7;color:#a35a00;flex:none}body[data-page="panel"] .df-missing>div{flex:1}body[data-page="panel"] .df-missing b{display:block;color:#5c3b00}body[data-page="panel"] .df-missing p{font-size:13px;color:#7a5a1f}
@media (min-width:1760px){body[data-page="panel"] .df-row.is-hours{grid-template-columns:minmax(0,1.15fr) minmax(0,1.5fr)}body[data-page="panel"] .df-row.is-data{grid-template-columns:minmax(0,.8fr) minmax(0,.9fr) minmax(0,1.6fr) minmax(0,1fr)}}
@media (max-width:1280px){body[data-page="panel"] .df-row.is-how{grid-template-columns:minmax(0,1fr)}}
@media (max-width:860px){body[data-page="panel"] .df-hero{grid-template-columns:minmax(0,1fr);padding:20px 18px}body[data-page="panel"] .df-hero::before{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,.86))}body[data-page="panel"] .df-steps{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-page="panel"] .df-steps li::after{display:none}
 body[data-page="panel"] .df-row.is-data{grid-template-columns:minmax(0,1fr)}body[data-page="panel"] .df-sim-grid{grid-template-columns:minmax(0,1fr)}body[data-page="panel"] .df-risk{grid-template-columns:auto minmax(0,1fr)}body[data-page="panel"] .df-risk .df-chip{grid-column:2}
 body[data-page="panel"] .df-row-track{grid-template-columns:minmax(0,1fr)}body[data-page="panel"] .df-axis,body[data-page="panel"] .df-ticks{margin-left:0}body[data-page="panel"] .df-ticks span:nth-child(even){display:none}}

/* ===== Calculadora de Químicos (.qc) ===== */
body[data-page="panel"] .qc{display:grid;gap:16px;min-width:0}
body[data-page="panel"] .qc h2,body[data-page="panel"] .qc h3,body[data-page="panel"] .qc p{letter-spacing:0}body[data-page="panel"] .qc p{margin:0}
body[data-page="panel"] .qc-hero{position:relative;overflow:hidden;border-radius:22px;min-height:200px;display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,330px);gap:18px;align-items:center;padding:24px 28px;background:#d9ebff var(--qc-photo,linear-gradient(135deg,#bfe0ff,#6db3f2)) right center/cover no-repeat;border:1px solid var(--dx-line)}
body[data-page="panel"] .qc-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.97) 0,rgba(255,255,255,.92) 48%,rgba(255,255,255,.45) 75%,rgba(255,255,255,.05))}
body[data-page="panel"] .qc-hero>*{position:relative}
body[data-page="panel"] .qc-hero-body{display:grid;gap:10px}
body[data-page="panel"] .qc-hero h2{margin:0;font-size:clamp(28px,4vw,44px);line-height:1.05;letter-spacing:-.025em;font-weight:800;color:#07163a}
body[data-page="panel"] .qc-hero-body>p{max-width:62ch;font-size:15px;line-height:1.5;color:#1d2f52}
body[data-page="panel"] .qc-chips{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 0;padding:0;list-style:none}
body[data-page="panel"] .qc-chips li{display:flex;align-items:center;gap:10px;padding:8px 14px 8px 9px;border-radius:14px;background:rgba(255,255,255,.93);border:1px solid #dbe6f6;box-shadow:0 4px 14px rgba(11,31,77,.07)}
body[data-page="panel"] .qc-chips li>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e4efff;color:var(--dx-blue)}body[data-page="panel"] .qc-chips b{display:block;font-size:13px;color:#0b1b3d}body[data-page="panel"] .qc-chips small{display:block;font-size:11.5px;color:var(--dx-muted)}
body[data-page="panel"] .qc-hero-card{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.9);border:1px solid #d4e3f8;box-shadow:0 10px 28px rgba(11,31,77,.12);backdrop-filter:blur(6px)}
body[data-page="panel"] .qc-hero-card>span{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:14px;background:#0b63f6;color:#fff}.qc-hero-card .dx-i{width:26px;height:26px}
body[data-page="panel"] .qc-hero-card b{display:block;font-size:15px;line-height:1.25;color:#0b1b3d}body[data-page="panel"] .qc-hero-card p{margin-top:3px;font-size:12.5px;line-height:1.4;color:#41536f}
body[data-page="panel"] .qc-grid{display:grid;grid-template-columns:minmax(300px,34%) minmax(0,1fr);gap:16px;align-items:start}
body[data-page="panel"] .qc-col1,body[data-page="panel"] .qc-col2{display:grid;gap:16px;min-width:0}
body[data-page="panel"] .qc-card{border:1px solid var(--dx-line);border-radius:20px;background:#fff;padding:18px;box-shadow:0 6px 22px rgba(11,31,77,.05);min-width:0;display:flex;flex-direction:column;gap:12px}
body[data-page="panel"] .qc-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0}
body[data-page="panel"] .qc-head h2{margin:0;font-size:17px;line-height:1.2;color:var(--dx-ink)}body[data-page="panel"] .qc-head>small{color:var(--dx-muted);font-size:12px}
body[data-page="panel"] .qc-head-text{display:grid;gap:2px;min-width:0;flex:1}body[data-page="panel"] .qc-head-text p{font-size:12.5px;color:var(--dx-muted)}
body[data-page="panel"] .qc-head-ico{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#e4efff;color:var(--dx-blue);flex:none}.qc-head-ico .dx-i{width:19px;height:19px}.qc-head-ico.is-green{background:#e0f5e6;color:#17a35e}
body[data-page="panel"] .qc-step{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;background:#0b63f6;color:#fff;font-weight:800;font-size:17px}
body[data-page="panel"] .qc-body{display:grid;gap:12px}body[data-page="panel"] .qc-body h3{display:flex;align-items:center;gap:8px;margin:6px 0 0;font-size:14px;color:#0b1b3d}body[data-page="panel"] .qc-body h3 .dx-i{width:18px;height:18px;color:var(--dx-blue)}
body[data-page="panel"] .qc-photo-drop{position:relative;display:flex;align-items:center;gap:12px;padding:12px;border:1.5px dashed #b9d0f5;border-radius:16px;background:#f5f9ff;cursor:pointer}
body[data-page="panel"] .qc-photo-drop>span{display:grid;place-items:center;flex:none;width:52px;height:52px;border-radius:14px;background:#e4efff;color:var(--dx-blue)}.qc-photo-drop .dx-i{width:28px;height:28px}
body[data-page="panel"] .qc-photo-drop b{font-size:14px;color:#0b1b3d}body[data-page="panel"] .qc-photo-drop small{margin-left:4px;color:var(--dx-muted)}body[data-page="panel"] .qc-photo-drop p{font-size:12px;color:var(--dx-muted);line-height:1.4;margin-top:2px}
body[data-page="panel"] .qc-photo-drop input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
body[data-page="panel"] .qc-photo{position:relative;margin:0;border-radius:14px;overflow:hidden;border:1px solid var(--dx-line)}body[data-page="panel"] .qc-photo img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
body[data-page="panel"] .qc-photo-x{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:50%;background:rgba(7,22,58,.78);color:#fff;cursor:pointer}.qc-photo-x .dx-i{width:15px;height:15px}
body[data-page="panel"] .qc-photo figcaption{position:absolute;left:8px;bottom:8px;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.94);font-size:12px;font-weight:700;color:#0b1b3d}
body[data-page="panel"] .qc-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}body[data-page="panel"] .qc-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
body[data-page="panel"] .qc-field{display:grid;gap:5px;font-size:12px;font-weight:700;color:#41536f;min-width:0}
body[data-page="panel"] .qc-field input{width:100%;height:42px;border:1px solid #cfdcee;border-radius:11px;padding:0 11px;font:600 15px Inter,sans-serif;color:var(--dx-ink);background:#fff}.qc-field input:focus{outline:3px solid #b9d4ff;border-color:var(--dx-blue)}
body[data-page="panel"] .qc-vol{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;background:#eef5ff}body[data-page="panel"] .qc-vol>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#dbe9ff;color:var(--dx-blue)}.qc-vol small{display:block;font-size:12px;color:var(--dx-muted)}body[data-page="panel"] .qc-vol b{font-size:24px;font-weight:800;color:#0b1b3d}
@keyframes qc-flash{0%{box-shadow:0 0 0 0 rgba(11,99,246,.45);background:#d7e7ff}100%{box-shadow:0 0 0 12px rgba(11,99,246,0);background:#eef5ff}}body[data-page="panel"] .qc-vol.is-flash{animation:qc-flash .9s ease-out}@media (prefers-reduced-motion:reduce){body[data-page="panel"] .qc-vol.is-flash{animation:none}}
body[data-page="panel"] .qc-auto{margin-left:auto;display:inline-flex;align-items:center;gap:6px;border:0;background:none;color:var(--dx-blue);font:700 12.5px Inter,sans-serif;cursor:pointer;text-align:right}.qc-auto .dx-i{width:16px;height:16px}
body[data-page="panel"] .qc-opts{display:grid;gap:8px}body[data-page="panel"] .qc-opts.is-2{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-page="panel"] .qc-opts.is-3{grid-template-columns:repeat(3,minmax(0,1fr))}
body[data-page="panel"] .qc-opt{position:relative;display:flex;align-items:center;gap:8px;padding:9px 10px;border:1.5px solid #d3deef;border-radius:12px;background:#fff;cursor:pointer;min-width:0}
body[data-page="panel"] .qc-opt input{position:absolute;opacity:0}body[data-page="panel"] .qc-opt.is-on{border-color:var(--dx-blue);background:#eef5ff;box-shadow:0 0 0 3px rgba(11,99,246,.1)}
body[data-page="panel"] .qc-opt>span:last-child{min-width:0}body[data-page="panel"] .qc-opts.is-algae .qc-opt:last-child{grid-column:1/-1}body[data-page="panel"] .qc-opt b{display:block;font-size:12.5px;line-height:1.25;color:#0b1b3d}body[data-page="panel"] .qc-opt small{display:block;font-size:11px;line-height:1.3;color:var(--dx-muted)}
body[data-page="panel"] .qc-swatch{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:10px;font-style:normal;color:var(--qc-tint,#0b63f6);background:color-mix(in srgb,var(--qc-tint,#0b63f6) 14%,#fff);border:1px solid color-mix(in srgb,var(--qc-tint,#0b63f6) 28%,#fff)}.qc-swatch .dx-i{width:20px;height:20px}body[data-page="panel"] .qc-swatch.is-photo{width:52px;height:40px;border-radius:8px;border:1px solid rgba(11,27,61,.14);background-color:#e6eefb;background-size:cover;background-position:center}body[data-page="panel"] .qc-opt.is-on .qc-swatch.is-photo{border-color:var(--dx-blue)}body[data-page="panel"] .qc-opt.is-on .qc-swatch{background:color-mix(in srgb,var(--qc-tint,#0b63f6) 22%,#fff);border-color:var(--qc-tint,#0b63f6)}
body[data-page="panel"] .qc-ico{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:#fff3d6;color:#e09a00;font-style:normal}.qc-ico .dx-i{width:19px;height:19px}
body[data-page="panel"] .qc-opt:has(input[value="invierno"]) .qc-ico{background:#e1efff;color:#2f6df6}
body[data-page="panel"] .qc-hint{display:flex;gap:8px;align-items:flex-start;padding:10px 12px;border-radius:12px;background:#eef5ff;color:#30456b;font-size:12px;line-height:1.45}.qc-hint .dx-i{width:17px;height:17px;color:#1d6af0;margin-top:1px}
body[data-page="panel"] .qc-error{color:#b3261e;font-size:13px;font-weight:600}body[data-page="panel"] .qc-error:empty{display:none}
/* Lo obligatorio que falta se marca en rojo: asterisco, borde, fondo y un aviso bajo el campo. */
body[data-page="panel"] .qc-req{margin-left:3px;color:#e53935;font-style:normal;font-weight:800}
body[data-page="panel"] .qc-err{display:none;color:#c62828;font-size:12px;font-weight:700}
body[data-page="panel"] .qc-missing{display:flex;gap:11px;align-items:flex-start;padding:12px 14px;border:1.5px solid #e53935;border-radius:13px;background:#fff1f0;color:#8e1b14}
body[data-page="panel"] .qc-missing[hidden]{display:none}
body[data-page="panel"] .qc-missing .dx-i{width:22px;height:22px;color:#e53935;flex:none}
body[data-page="panel"] .qc-missing b{display:block;font-size:14px;color:#b3261e}body[data-page="panel"] .qc-missing p{margin:2px 0 0;font-size:14px;font-weight:700;color:#8e1b14}body[data-page="panel"] .qc-missing small{display:block;margin-top:3px;font-size:12px;color:#7a2b25}
body[data-page="panel"] .qc-prefill{display:flex;gap:8px;align-items:flex-start;margin:0;padding:9px 12px;border-radius:12px;background:#ecf8f1;color:#1d5f3a;font-size:12.5px;line-height:1.45}
body[data-page="panel"] .qc-prefill .dx-i{width:17px;height:17px;color:#16a34a;margin-top:1px;flex:none}
body[data-page="panel"] .qc-prefill.is-stale{background:#fff6e5;color:#7a4a00}body[data-page="panel"] .qc-prefill.is-stale .dx-i{color:#f08a00}
body[data-page="panel"] .qc-go{display:flex;align-items:center;justify-content:center;gap:10px;height:52px;border-radius:14px;font-size:16px;font-weight:700;background:linear-gradient(180deg,#1670ff,#0b57d9);color:#fff;border:0;box-shadow:0 8px 20px rgba(11,99,246,.3);cursor:pointer}.qc-go .dx-i{width:19px;height:19px}.qc-go:hover{filter:brightness(1.06)}
body[data-page="panel"] .qc-support{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1.5px solid #bcd3f7;border-radius:14px;background:#fff;color:#16315f;text-align:left;cursor:pointer}.qc-support>span{display:grid;gap:2px;flex:1}.qc-support b{font-size:14px}.qc-support small{font-size:12px;color:var(--dx-muted)}.qc-support .dx-i{width:22px;height:22px;color:var(--dx-blue)}.qc-support:hover{background:#eef5ff}
/* resultado */
body[data-page="panel"] .qc-tools{margin-left:auto;display:flex;flex-wrap:wrap;gap:8px}
body[data-page="panel"] .qc-tools button{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid #cfdcee;border-radius:10px;background:#fff;color:#16315f;font:700 12px Inter,sans-serif;cursor:pointer}.qc-tools button .dx-i{width:15px;height:15px;color:var(--dx-blue)}.qc-tools button:hover{background:#eef5ff}.qc-tools .is-icon{padding:7px 9px}
body[data-page="panel"] .qc-result-body{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(220px,300px);gap:20px;align-items:center}
body[data-page="panel"] .qc-state{display:grid;justify-items:center;gap:4px}body[data-page="panel"] .qc-state small{font-size:12px;font-weight:700;color:var(--dx-muted)}
body[data-page="panel"] .qc-headline{display:grid;gap:8px;min-width:0}body[data-page="panel"] .qc-headline h3{margin:0;font-size:24px;line-height:1.15;color:#0b63f6;font-weight:800}body[data-page="panel"] .qc-headline p{font-size:13px;line-height:1.5;color:#41536f}
body[data-page="panel"] .qc-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:800;width:max-content;max-width:100%;white-space:normal}.qc-chip .dx-i{width:15px;height:15px}
body[data-page="panel"] .qc-chip.is-ok{background:#dcf5e7;color:#0f6f3f}body[data-page="panel"] .qc-chip.is-warn{background:#ffecc7;color:#a35a00}body[data-page="panel"] .qc-chip.is-bad{background:#ffe0dc;color:#b3261e}body[data-page="panel"] .qc-chip.is-idle{background:#eef1f6;color:#5a6a85}body[data-page="panel"] .qc-chip.is-info{background:#e1efff;color:#1d5fbf}
body[data-page="panel"] .qc-season{display:grid;gap:8px;padding:14px;border:1px solid #d6e4f8;border-radius:16px;background:#f5f9ff}body[data-page="panel"] .qc-season>b{font-size:12.5px;color:#0b1b3d}
body[data-page="panel"] .qc-season>div{display:flex;gap:10px;align-items:center}body[data-page="panel"] .qc-season>div>span{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;background:#fff3d6;color:#e09a00}.qc-season>div>span .dx-i{width:24px;height:24px}
body[data-page="panel"] .qc-season>div b{display:block;font-size:17px;color:#0b1b3d}body[data-page="panel"] .qc-season>div small{display:block;font-size:12px;line-height:1.4;color:#50617e}
body[data-page="panel"] .qc-season ul,body[data-page="panel"] .qc-alg ul,body[data-page="panel"] .qc-sea ul{display:grid;gap:5px;margin:0;padding:0;list-style:none}
body[data-page="panel"] .qc-season li,body[data-page="panel"] .qc-alg li,body[data-page="panel"] .qc-sea li{display:flex;gap:7px;align-items:flex-start;font-size:12px;line-height:1.4;color:#2b3f63}.qc-season li .dx-i,.qc-alg li .dx-i{width:15px;height:15px;color:#17a35e;margin-top:1px}
body[data-page="panel"] .qc-empty{display:grid;justify-items:center;gap:6px;text-align:center;padding:24px 10px;color:var(--dx-muted)}body[data-page="panel"] .qc-empty .dx-i{width:34px;height:34px;color:#9bb0d3}body[data-page="panel"] .qc-empty b{color:var(--dx-ink);font-size:15px}body[data-page="panel"] .qc-empty p{font-size:13px;max-width:52ch}body[data-page="panel"] .qc-empty.is-inline{padding:12px}
/* dosificación */
body[data-page="panel"] .qc-strat{margin-left:auto;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:12px;color:#41536f}body[data-page="panel"] .qc-strat>span{padding:5px 12px;border:1px solid #cfdcee;border-radius:10px;background:#f5f9ff}
body[data-page="panel"] .qc-strat button{border:0;background:none;padding:0;color:var(--dx-blue);font:700 12px Inter,sans-serif;cursor:pointer}.qc-strat button:hover{text-decoration:underline}
body[data-page="panel"] .qc-doses{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
body[data-page="panel"] .qc-dose{display:grid;gap:6px;align-content:start;padding:14px;border:1px solid var(--dx-line);border-radius:16px;background:#fff;min-width:0}
body[data-page="panel"] .qc-dose header{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}body[data-page="panel"] .qc-dose header b{font-size:14px;color:#0b1b3d}body[data-page="panel"] .qc-dose header .qc-chip{margin-left:auto}
body[data-page="panel"] .qc-dose-ico{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:10px;background:#e4efff;color:var(--dx-blue)}.qc-dose-ico .dx-i{width:19px;height:19px}
body[data-page="panel"] .qc-dose>small{font-size:12px;color:var(--dx-muted)}body[data-page="panel"] .qc-dose strong{font-size:28px;line-height:1.05;font-weight:800;color:#0b1b3d}body[data-page="panel"] .qc-dose strong.is-label{font-size:17px;line-height:1.3}
body[data-page="panel"] .qc-dose p{font-size:12px;line-height:1.45;color:#50617e}body[data-page="panel"] .qc-dose .btn{justify-self:stretch;text-align:center;margin-top:4px}
body[data-page="panel"] .qc-notes{display:grid;gap:6px;margin:0;padding:0;list-style:none}body[data-page="panel"] .qc-notes li{display:flex;gap:8px;align-items:flex-start;padding:10px 12px;border-radius:12px;background:#fff8e6;color:#6b4a00;font-size:12.5px;line-height:1.45}.qc-notes .dx-i{width:17px;height:17px;margin-top:1px;color:#b87300}
body[data-page="panel"] .qc-foot{font-size:12px;color:var(--dx-muted);line-height:1.45}
/* guías */
body[data-page="panel"] .qc-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}body[data-page="panel"] .qc-row.is-detail{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
body[data-page="panel"] .qc-alg-list{display:grid;gap:10px}body[data-page="panel"] .qc-alg{display:flex;gap:12px;align-items:flex-start;padding:12px;border:1px solid var(--dx-line);border-radius:14px;background:#fbfdff}
body[data-page="panel"] .qc-alg-sw{flex:none;width:54px;height:54px;border-radius:12px;border:1px solid rgba(11,27,61,.12)}body[data-page="panel"] .qc-alg b{display:block;font-size:14px;color:#0b1b3d;margin-bottom:3px}body[data-page="panel"] .qc-alg p{font-size:12px;line-height:1.45;color:#50617e;margin-bottom:6px}body[data-page="panel"] .qc-alg small{display:block;font-size:11.5px;font-weight:700;color:#0b1b3d;margin-bottom:4px}
body[data-page="panel"] .qc-sea-list{display:grid;gap:10px}body[data-page="panel"] .qc-sea{display:grid;gap:8px;padding:12px;border:1px solid var(--dx-line);border-radius:14px;background:#fbfdff}body[data-page="panel"] .qc-sea.is-now{border-color:#9fc2f7;background:#f3f8ff}
body[data-page="panel"] .qc-sea header{display:flex;align-items:center;gap:10px}body[data-page="panel"] .qc-sea header>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fff3d6;color:#e09a00}.qc-sea:nth-child(2) header>span{background:#e1efff;color:#2f6df6}.qc-sea header .dx-i{width:21px;height:21px}
body[data-page="panel"] .qc-sea header b{display:block;font-size:16px;color:#0b1b3d}body[data-page="panel"] .qc-sea header small{font-size:12px;color:var(--dx-muted)}body[data-page="panel"] .qc-sea li .dx-i{width:15px;height:15px;color:#c27d00;margin-top:1px}body[data-page="panel"] .qc-sea ul.is-tips li .dx-i{color:#17a35e}body[data-page="panel"] .qc-tips-t{font-size:12.5px;color:#0b1b3d}
/* plan y detalle */
body[data-page="panel"] .qc-plan ol{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:0;padding:0;list-style:none}body[data-page="panel"] .qc-plan li{display:flex;gap:9px;align-items:flex-start;padding:10px;border:1px solid var(--dx-line);border-radius:14px;background:#fbfdff}
body[data-page="panel"] .qc-plan li b:not(.dw-n){display:block;font-size:13px;color:#0b1b3d;margin-bottom:2px}body[data-page="panel"] .qc-plan li p{font-size:11.5px;line-height:1.4;color:#50617e}
body[data-page="panel"] .qc-table table{width:100%;border-collapse:collapse;font-size:12.5px}body[data-page="panel"] .qc-table th,body[data-page="panel"] .qc-table td{padding:9px 6px;text-align:left;border-bottom:1px solid #edf1f8;color:#2b3f63}body[data-page="panel"] .qc-table th{font-weight:600;color:#0b1b3d;width:44%}body[data-page="panel"] .qc-table td{font-weight:700}
body[data-page="panel"] .qc-prod-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}body[data-page="panel"] .qc-prod-list li{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--dx-line);border-radius:14px}body[data-page="panel"] .qc-prod-list li>span{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#e4efff;color:var(--dx-blue)}body[data-page="panel"] .qc-prod-list b{font-size:13.5px;color:#0b1b3d}body[data-page="panel"] .qc-prod-list .btn{margin-left:auto}
@media (max-width:1180px){body[data-page="panel"] .qc-grid{grid-template-columns:minmax(0,1fr)}body[data-page="panel"] .qc-result-body{grid-template-columns:auto minmax(0,1fr)}body[data-page="panel"] .qc-season{grid-column:1/-1}body[data-page="panel"] .qc-row,body[data-page="panel"] .qc-row.is-detail{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){body[data-page="panel"] .qc-hero{grid-template-columns:minmax(0,1fr);padding:20px 18px}body[data-page="panel"] .qc-hero::before{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,.86))}body[data-page="panel"] .qc-opts.is-3{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-page="panel"] .qc-grid3{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-page="panel"] .qc-result-body{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center}body[data-page="panel"] .qc-headline{justify-items:center}body[data-page="panel"] .qc-tools{margin-left:0}body[data-page="panel"] .qc-strat{margin-left:0}}

/* ===== Diagnóstico de Equipos (.de) ===== */
body[data-page="panel"] .de{display:grid;gap:16px;min-width:0}
body[data-page="panel"] .de h2,body[data-page="panel"] .de h3,body[data-page="panel"] .de p{letter-spacing:0}body[data-page="panel"] .de p{margin:0}
body[data-page="panel"] .de-hero{position:relative;overflow:hidden;border-radius:22px;min-height:190px;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,360px);gap:18px;align-items:center;padding:24px 28px;background:#dcecff var(--de-photo,linear-gradient(135deg,#bfe0ff,#6db3f2)) right center/cover no-repeat;border:1px solid var(--dx-line)}
body[data-page="panel"] .de-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.97) 0,rgba(255,255,255,.92) 48%,rgba(255,255,255,.4) 76%,rgba(255,255,255,.05))}
body[data-page="panel"] .de-hero>*{position:relative}
body[data-page="panel"] .de-hero-body{display:grid;gap:10px}
body[data-page="panel"] .de-hero h2{margin:0;font-size:clamp(30px,4.4vw,48px);line-height:1.04;letter-spacing:-.025em;font-weight:800;color:#07163a}body[data-page="panel"] .de-hero h2 b{color:var(--dx-blue)}
body[data-page="panel"] .de-hero-body>p{max-width:60ch;font-size:15.5px;line-height:1.5;color:#1d2f52}
body[data-page="panel"] .de-chips{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 0;padding:0;list-style:none}
body[data-page="panel"] .de-chips li{display:flex;align-items:center;gap:10px;padding:8px 14px 8px 9px;border-radius:14px;background:rgba(255,255,255,.93);border:1px solid #dbe6f6;box-shadow:0 4px 14px rgba(11,31,77,.07)}
body[data-page="panel"] .de-chips li>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e4efff;color:var(--dx-blue)}body[data-page="panel"] .de-chips b{display:block;font-size:13px;color:#0b1b3d}body[data-page="panel"] .de-chips small{display:block;font-size:11.5px;color:var(--dx-muted)}
body[data-page="panel"] .de-hero-card{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(226,239,255,.92));border:1px solid #d4e3f8;box-shadow:0 10px 28px rgba(11,31,77,.12)}
body[data-page="panel"] .de-hero-card b{display:block;font-size:18px;line-height:1.2;color:#0b1b3d}body[data-page="panel"] .de-hero-card p{margin-top:4px;font-size:13px;line-height:1.45;color:#41536f}
body[data-page="panel"] .de-hero-card>span{display:grid;place-items:center;flex:none;width:64px;height:64px;border-radius:50%;background:#0b63f6;color:#fff;box-shadow:0 8px 20px rgba(11,99,246,.3)}.de-hero-card .dx-i{width:34px;height:34px}
body[data-page="panel"] .de-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:10px 6px;list-style:none;border:1px solid var(--dx-line);border-radius:18px;background:#fff;box-shadow:0 6px 22px rgba(11,31,77,.05)}
body[data-page="panel"] .de-steps li{position:relative;display:flex;align-items:center;gap:10px;padding:6px 18px;min-width:0}body[data-page="panel"] .de-steps li:not(:last-child)::after{content:"→";position:absolute;right:6px;top:50%;transform:translateY(-50%);color:#7a91b8;font-size:20px}
body[data-page="panel"] .de-step-n{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:#e9eef7;color:#51617f;font-weight:800}.is-on>.de-step-n{background:#0b63f6;color:#fff}.de-step-n .dx-i{width:18px;height:18px}
body[data-page="panel"] .de-steps b{display:block;font-size:14px;color:#0b1b3d}body[data-page="panel"] .de-steps small{display:block;font-size:12px;color:var(--dx-muted)}
body[data-page="panel"] .de-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(320px,1fr);gap:16px;align-items:start}
body[data-page="panel"] .de-col1,body[data-page="panel"] .de-col2{display:grid;gap:16px;min-width:0}body[data-page="panel"] .de-col2{position:sticky;top:12px}
body[data-page="panel"] .de-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:16px;align-items:start}
body[data-page="panel"] .de-card{border:1px solid var(--dx-line);border-radius:20px;background:#fff;padding:18px;box-shadow:0 6px 22px rgba(11,31,77,.05);min-width:0;display:flex;flex-direction:column;gap:12px}
body[data-page="panel"] .de-head{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0}
body[data-page="panel"] .de-head h2{margin:0;font-size:18px;line-height:1.2;color:var(--dx-ink)}body[data-page="panel"] .de-head h2 small{font-size:14px;font-weight:600;color:var(--dx-muted)}
body[data-page="panel"] .de-head-text{display:grid;gap:3px;min-width:0;flex:1}body[data-page="panel"] .de-head-text p{font-size:12.5px;line-height:1.4;color:var(--dx-muted)}
body[data-page="panel"] .de-head-ico{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#e4efff;color:var(--dx-blue);flex:none}.de-head-ico .dx-i{width:22px;height:22px}
body[data-page="panel"] .de-tip{display:flex;gap:8px;align-items:flex-start;max-width:290px;padding:10px 12px;border-radius:14px;background:#fff7e0;border:1px solid #f4e2a8;color:#6b4a00;font-size:12px;line-height:1.4}.de-tip .dx-i{width:20px;height:20px;color:#e09a00;flex:none}
body[data-page="panel"] .de-up-body{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr);gap:14px;align-items:stretch}body[data-page="panel"] .de-up-body:has(.de-thumbs:empty),body[data-page="panel"] .de-up-body:not(:has(.de-thumbs)){grid-template-columns:minmax(0,1fr)}
body[data-page="panel"] .de-drop{position:relative;display:grid;justify-items:center;align-content:center;gap:5px;text-align:center;padding:22px 14px;min-height:150px;border:2px dashed #b9d0f5;border-radius:16px;background:#f5f9ff;color:var(--dx-ink);cursor:pointer}
body[data-page="panel"] .de-drop:hover{background:#ecf4ff;border-color:#7eaaf0}body[data-page="panel"] .de-drop-ico{width:40px;height:40px;color:var(--dx-blue)}body[data-page="panel"] .de-drop b{font-size:14.5px}body[data-page="panel"] .de-drop small{font-size:12px;color:var(--dx-muted)}
body[data-page="panel"] .de-drop input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
body[data-page="panel"] .de-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;margin:0;padding:0;list-style:none}
body[data-page="panel"] .de-thumbs li{position:relative;border-radius:12px;overflow:hidden;border:1px solid var(--dx-line);aspect-ratio:4/3;background:#eef3fa}body[data-page="panel"] .de-thumbs img{display:block;width:100%;height:100%;object-fit:cover}
body[data-page="panel"] .de-thumbs button{position:absolute;top:6px;right:6px;display:grid;place-items:center;width:24px;height:24px;border:0;border-radius:50%;background:rgba(7,22,58,.78);color:#fff;cursor:pointer}.de-thumbs button .dx-i{width:13px;height:13px}
body[data-page="panel"] .de-thumbs li.is-add{border:2px dashed #b9d0f5;background:#f5f9ff;display:grid;place-items:center}body[data-page="panel"] .de-thumbs li.is-add label{position:relative;display:grid;justify-items:center;gap:4px;text-align:center;font-size:12px;font-weight:700;color:var(--dx-blue);cursor:pointer;padding:8px}.de-thumbs li.is-add input{position:absolute;inset:0;opacity:0;cursor:pointer}.de-thumbs li.is-add .dx-i{width:26px;height:26px}
body[data-page="panel"] .de-note{font-size:12px;line-height:1.45;color:var(--dx-muted)}
body[data-page="panel"] .de-sym-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
body[data-page="panel"] .de-sym-btn{position:relative;display:flex;align-items:center;gap:9px;padding:11px 12px;border:1.5px solid #d3deef;border-radius:13px;background:#fff;color:#16315f;font:600 13px/1.25 Inter,sans-serif;text-align:left;cursor:pointer;min-width:0}
body[data-page="panel"] .de-sym-btn .dx-i{width:20px;height:20px;color:#51617f;flex:none}body[data-page="panel"] .de-sym-btn:hover{background:#f3f8ff}
body[data-page="panel"] .de-sym-btn.is-on{border-color:var(--dx-blue);background:#eef5ff;color:#0b4fc2;box-shadow:0 0 0 3px rgba(11,99,246,.1)}body[data-page="panel"] .de-sym-btn.is-on .dx-i{color:var(--dx-blue)}
body[data-page="panel"] .de-sym-btn i{position:absolute;top:-7px;right:-7px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#0b63f6;color:#fff}.de-sym-btn i .dx-i{width:12px;height:12px;color:#fff}
body[data-page="panel"] .de-form{display:grid;gap:10px}
body[data-page="panel"] .de-field{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid #d3deef;border-radius:13px;background:#fff}
body[data-page="panel"] .de-field-ico{display:grid;place-items:center;flex:none;width:26px;height:26px;color:#51617f}.de-field-ico .dx-i{width:20px;height:20px}
body[data-page="panel"] .de-field-in{display:grid;flex:1;min-width:0}body[data-page="panel"] .de-field-in small{font-size:11.5px;color:var(--dx-muted)}
body[data-page="panel"] .de-field-in select,body[data-page="panel"] .de-field-in input{width:100%;border:0;background:transparent;padding:2px 0;font:700 14px Inter,sans-serif;color:var(--dx-ink)}body[data-page="panel"] .de-field-in select:focus,body[data-page="panel"] .de-field-in input:focus{outline:none}
body[data-page="panel"] .de-field:focus-within{border-color:var(--dx-blue);box-shadow:0 0 0 3px rgba(11,99,246,.12)}
body[data-page="panel"] .de-details{position:relative;display:grid;gap:6px;margin-top:4px}body[data-page="panel"] .de-details h3{margin:0;font-size:16px;color:#0b1b3d}body[data-page="panel"] .de-details h3 small{font-size:13px;color:var(--dx-muted);font-weight:600}
body[data-page="panel"] .de-details textarea{width:100%;border:1px solid #d3deef;border-radius:13px;padding:11px 12px 22px;font:500 13.5px/1.45 Inter,sans-serif;color:var(--dx-ink);resize:vertical;min-height:96px}body[data-page="panel"] .de-details textarea:focus{outline:3px solid #b9d4ff;border-color:var(--dx-blue)}
body[data-page="panel"] .de-count{position:absolute;right:12px;bottom:8px;font-size:11.5px;color:var(--dx-muted)}
body[data-page="panel"] .de-error{color:#b3261e;font-size:13px;font-weight:600}body[data-page="panel"] .de-error:empty{display:none}
body[data-page="panel"] .de-go{display:flex;align-items:center;justify-content:center;gap:10px;height:52px;border-radius:14px;font-size:16px;font-weight:700;background:linear-gradient(180deg,#1670ff,#0b57d9);color:#fff;border:0;box-shadow:0 8px 20px rgba(11,99,246,.3);cursor:pointer}.de-go .dx-i{width:19px;height:19px}.de-go:disabled{opacity:.7;cursor:progress}
body[data-page="panel"] .de-after{text-align:center;font-size:12px;color:var(--dx-muted)}
/* resultado */
body[data-page="panel"] .de-result{display:grid;gap:12px;padding:16px;border-radius:20px;background:#fff;border:1px solid var(--dx-line);box-shadow:0 10px 30px rgba(11,31,77,.08);min-width:0}
body[data-page="panel"] .de-result>header{display:flex;flex-wrap:wrap;align-items:center;gap:10px}body[data-page="panel"] .de-result>header>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#0b63f6;color:#fff}.de-result>header .dx-i{width:17px;height:17px}body[data-page="panel"] .de-result>header b{font-size:17px;color:#0b1b3d}
body[data-page="panel"] .de-done{margin-left:auto;padding:4px 12px;border-radius:999px;background:#dcf5e7;color:#0f6f3f;font:800 12px Inter,sans-serif;font-style:normal}
body[data-page="panel"] .de-date{margin:-6px 0 0;text-align:right;font-size:12px;color:var(--dx-muted)}
body[data-page="panel"] .de-result-photo{position:relative;margin:0;border-radius:16px;overflow:hidden;min-height:170px;background:#0b2a63}body[data-page="panel"] .de-result-photo img{display:block;width:100%;height:230px;object-fit:cover}
body[data-page="panel"] .de-result-nophoto{display:grid;place-items:center;height:170px;color:#9bb7e6}.de-result-nophoto .dx-i{width:60px;height:60px}
body[data-page="panel"] .de-result-photo figcaption{position:absolute;left:10px;right:10px;bottom:10px;display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:14px;background:rgba(255,226,222,.97);color:#7a1d16}
body[data-page="panel"] .de-result-photo figcaption.is-warn{background:rgba(255,242,205,.97);color:#6b4a00}body[data-page="panel"] .de-result-photo figcaption.is-ok{background:rgba(220,245,231,.97);color:#0f6f3f}
body[data-page="panel"] .de-result-photo figcaption>span{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;background:#e0453a;color:#fff}.de-result-photo figcaption.is-warn>span{background:#e09a00}.de-result-photo figcaption.is-ok>span{background:#17a35e}.de-result-photo figcaption .dx-i{width:24px;height:24px}
body[data-page="panel"] .de-result-photo figcaption b{display:block;font-size:18px;line-height:1.1}body[data-page="panel"] .de-result-photo figcaption p{font-size:13px;line-height:1.35}
body[data-page="panel"] .de-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
body[data-page="panel"] .de-tabs button{padding:9px 6px;border:1px solid #d3deef;border-radius:10px;background:#fff;color:#41536f;font:700 12.5px Inter,sans-serif;cursor:pointer}body[data-page="panel"] .de-tabs button.is-on{background:#0b63f6;border-color:#0b63f6;color:#fff}
body[data-page="panel"] .de-sum{font-size:13.5px;line-height:1.55;color:#2b3f63}
body[data-page="panel"] .de-causes{display:grid;gap:8px;margin:10px 0 0;padding:0;list-style:none}body[data-page="panel"] .de-tab-body>.de-causes{margin-top:0}
body[data-page="panel"] .de-causes li{display:flex;gap:11px;align-items:flex-start;padding:11px 12px;border-radius:14px;background:#fff0ee}body[data-page="panel"] .de-causes li.is-warn{background:#fff8e6}body[data-page="panel"] .de-causes li.is-ok{background:#ecf9f1}
body[data-page="panel"] .de-causes li>span{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:#fff;color:#d6372c}.de-causes li.is-warn>span{color:#b87300}.de-causes li.is-ok>span{color:#17a35e}.de-causes .dx-i{width:19px;height:19px}
body[data-page="panel"] .de-causes b{display:block;font-size:13.5px;color:#0b1b3d;margin-bottom:2px}body[data-page="panel"] .de-causes p{font-size:12.5px;line-height:1.45;color:#50617e}
body[data-page="panel"] .de-recs{display:grid;gap:8px;margin:0;padding:0;list-style:none}body[data-page="panel"] .de-recs li{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:14px;background:#f3f8ff}
body[data-page="panel"] .de-recs li>b{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;background:#0b63f6;color:#fff;font-size:12.5px}body[data-page="panel"] .de-recs p{font-size:13px;line-height:1.45;color:#2b3f63}
body[data-page="panel"] .de-safety{display:flex;gap:8px;align-items:flex-start;padding:10px 12px;border-radius:12px;background:#fff1ee;color:#8a1f17;font-size:12.5px;line-height:1.45;font-weight:600}.de-safety .dx-i{width:18px;height:18px;flex:none;margin-top:1px}
body[data-page="panel"] .de-send{display:flex;align-items:center;gap:12px;padding:14px 16px;border:0;border-radius:16px;background:linear-gradient(180deg,#1670ff,#0b57d9);color:#fff;text-align:left;cursor:pointer;box-shadow:0 8px 20px rgba(11,99,246,.28)}
body[data-page="panel"] .de-send>span{display:grid;gap:2px;flex:1}body[data-page="panel"] .de-send b{font-size:15.5px}body[data-page="panel"] .de-send small{font-size:12px;opacity:.92;line-height:1.35}body[data-page="panel"] .de-send .dx-i{width:24px;height:24px}body[data-page="panel"] .de-send:disabled{opacity:.7;cursor:progress}
body[data-page="panel"] .de-empty{display:grid;justify-items:center;gap:8px;text-align:center;padding:30px 12px;color:var(--dx-muted)}body[data-page="panel"] .de-empty .dx-i{width:56px;height:56px;color:#9bb0d3}body[data-page="panel"] .de-empty b{font-size:16px;color:var(--dx-ink)}body[data-page="panel"] .de-empty p{font-size:13px;max-width:36ch;line-height:1.5}
/* tarjetas inferiores */
body[data-page="panel"] .de-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.25fr);gap:14px}
body[data-page="panel"] .de-tile{display:flex;gap:12px;align-items:center;padding:16px;border:1px solid var(--dx-line);border-radius:18px;background:#fff;box-shadow:0 6px 22px rgba(11,31,77,.05);min-width:0;flex-wrap:wrap}
body[data-page="panel"] .de-tile>span{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:50%;background:#e4efff;color:var(--dx-blue)}.de-tile.is-money>span{background:#0b63f6;color:#fff}.de-tile.is-hist>span{background:#e0f5e6;color:#17a35e}.de-tile.is-support>span{background:#fff0cf;color:#e09a00}.de-tile .dx-i{width:24px;height:24px}
body[data-page="panel"] .de-tile>div{flex:1;min-width:150px}body[data-page="panel"] .de-tile b{display:block;font-size:14.5px;color:#0b1b3d;margin-bottom:2px}body[data-page="panel"] .de-tile p{font-size:12.5px;line-height:1.4;color:var(--dx-muted)}
body[data-page="panel"] .de-link{border:0;background:none;padding:0;color:var(--dx-blue);font:700 12.5px Inter,sans-serif;cursor:pointer}.de-link:hover{text-decoration:underline}
body[data-page="panel"] .de-visit{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:18px;background:linear-gradient(135deg,#e6f1ff,#d6e8ff);border:1px solid #cfe0f7;flex-wrap:wrap}body[data-page="panel"] .de-visit>div{flex:1;min-width:170px}body[data-page="panel"] .de-visit b{display:block;font-size:16px;color:#0b1b3d}body[data-page="panel"] .de-visit p{font-size:13px;color:#41536f;margin-top:2px}
body[data-page="panel"] .de-hist{display:grid;gap:8px;margin:0;padding:0;list-style:none}body[data-page="panel"] .de-hist li{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 12px;border:1px solid var(--dx-line);border-radius:14px}body[data-page="panel"] .de-hist li>div{flex:1;min-width:180px}body[data-page="panel"] .de-hist b{display:block;font-size:14px}body[data-page="panel"] .de-hist small{display:block;font-size:12px;color:var(--dx-muted)}
body[data-page="panel"] .de-chip{display:inline-block;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:800}body[data-page="panel"] .de-chip.is-bad{background:#ffe0dc;color:#b3261e}body[data-page="panel"] .de-chip.is-warn{background:#ffecc7;color:#a35a00}body[data-page="panel"] .de-chip.is-ok{background:#dcf5e7;color:#0f6f3f}body[data-page="panel"] .de-chip.is-idle{background:#eef1f6;color:#5a6a85}
@media (max-width:1280px){body[data-page="panel"] .de-grid{grid-template-columns:minmax(0,1fr)}body[data-page="panel"] .de-col2{position:static}body[data-page="panel"] .de-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:860px){body[data-page="panel"] .de-hero{grid-template-columns:minmax(0,1fr);padding:20px 18px}body[data-page="panel"] .de-hero::before{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,.86))}body[data-page="panel"] .de-steps{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-page="panel"] .de-steps li::after{display:none}
 body[data-page="panel"] .de-up-body{grid-template-columns:minmax(0,1fr)}body[data-page="panel"] .de-row{grid-template-columns:minmax(0,1fr)}body[data-page="panel"] .de-tiles{grid-template-columns:minmax(0,1fr)}body[data-page="panel"] .de-tip{max-width:none}}

/* «Diagnóstico del agua»: análisis de la foto a fondo, plan para solucionarlo y químicos recomendados */

/* Pestañas cerradas para Gratis (client-dx-lock.js): candado en la pestaña y pantalla que explica qué incluye Club */
body[data-page="panel"] .dx-tab .dx-tab-lock{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#fff3d6;color:#8a5a00;font-style:normal;margin-left:-2px}
body[data-page="panel"] .dx-tab .dx-tab-lock .dx-i{width:11px;height:11px;stroke-width:2.4}
body[data-page="panel"] .dx-tab.is-on .dx-tab-lock{background:rgba(255,255,255,.22);color:#fff}
body[data-page="panel"] .dxl{display:grid;gap:18px;padding:26px;border:1px solid var(--dx-line);border-radius:20px;background:#fff;box-shadow:0 14px 36px rgba(11,27,61,.06)}
body[data-page="panel"] .dxl-hero{display:flex;gap:18px;align-items:flex-start}
body[data-page="panel"] .dxl-ico{display:grid;place-items:center;flex:none;width:58px;height:58px;border-radius:16px;background:linear-gradient(160deg,#0d3fb8,#082a7e);color:#fff}
body[data-page="panel"] .dxl-ico .dx-i{width:28px;height:28px}
body[data-page="panel"] .dxl-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:999px;background:#fff3d6;color:#8a5a00;font:700 12px Inter,system-ui,sans-serif;letter-spacing:.01em}
body[data-page="panel"] .dxl-badge .dx-i{width:13px;height:13px}
body[data-page="panel"] .dxl-hero h2{margin:9px 0 6px;font-size:25px;line-height:1.2;color:var(--dx-ink)}
body[data-page="panel"] .dxl-hero p{margin:0;max-width:640px;color:#4a5a7a;line-height:1.55}
body[data-page="panel"] .dxl-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:20px;align-items:start}
body[data-page="panel"] .dxl-points{list-style:none;margin:0;padding:0;display:grid;gap:12px}
body[data-page="panel"] .dxl-points li{display:flex;gap:10px;align-items:flex-start;color:var(--dx-ink);line-height:1.45}
body[data-page="panel"] .dxl-points .dx-i{width:18px;height:18px;margin-top:1px;color:#0f9d58;stroke-width:2.6}
body[data-page="panel"] .dxl-extra{display:grid;gap:12px}
body[data-page="panel"] .dxl-card{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border:1px solid var(--dx-line);border-radius:14px;background:#f7faff}
body[data-page="panel"] .dxl-card b{display:block;color:var(--dx-ink);margin-bottom:3px}
body[data-page="panel"] .dxl-card p{margin:0 0 8px;color:#4a5a7a;font-size:14px;line-height:1.5}
body[data-page="panel"] .dxl-card-ico{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:10px;background:var(--dx-soft);color:var(--dx-blue)}
body[data-page="panel"] .dxl-card-ico .dx-i{width:18px;height:18px}
body[data-page="panel"] .dxl-card.is-safety{background:#fff6f4;border-color:#f7cfc7}
body[data-page="panel"] .dxl-card.is-safety .dxl-card-ico{background:#ffe3de;color:#c0392b}
body[data-page="panel"] .dxl-card.is-save{background:#effaf4;border-color:#bfe8d1}
body[data-page="panel"] .dxl-card.is-save .dxl-card-ico,body[data-page="panel"] .dxl-card.is-ok .dxl-card-ico{background:#d8f3e4;color:#0f7d47}
body[data-page="panel"] .dxl-card.is-warn{background:#fff9ec;border-color:#f6dfaa}
body[data-page="panel"] .dxl-card.is-warn .dxl-card-ico{background:#ffefc7;color:#9a6200}
body[data-page="panel"] .dxl-link{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:none;color:var(--dx-blue);font:600 14px Inter,system-ui,sans-serif;cursor:pointer}
body[data-page="panel"] .dxl-link .dx-i{width:15px;height:15px}
body[data-page="panel"] .dxl-cta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding-top:6px;border-top:1px solid var(--dx-line)}
body[data-page="panel"] .dxl-cta .btn{min-height:44px}
body[data-page="panel"] .dxl-cta small{flex-basis:100%;color:#667691}
@media (max-width:760px){body[data-page="panel"] .dxl{padding:18px;gap:14px}body[data-page="panel"] .dxl-hero{flex-direction:column;gap:12px}body[data-page="panel"] .dxl-hero h2{font-size:21px}body[data-page="panel"] .dxl-body{grid-template-columns:minmax(0,1fr)}body[data-page="panel"] .dxl-cta .btn{flex:1 1 100%;justify-content:center}}