/* CuidaHome v49 — «Tu hogar preparado, seguro y con energía».
   Estilos de la portada nueva, las páginas de preparación/seguridad y los
   bloques que se insertan en guías antiguas. Todo va bajo body.chr o con
   prefijo .chr- para no tocar el CSS de las páginas existentes. */
:root{--chr-navy-950:#061724;--chr-navy:#071b2c;--chr-navy-850:#0b2438;--chr-navy-800:#102f49;--chr-green:#28c377;--chr-green-600:#19a866;--chr-green-700:#12814e;--chr-green-100:#e7f8ef;--chr-amber:#f2a21b;--chr-amber-100:#fff3d6;--chr-red:#c8483c;--chr-ink:#10243a;--chr-slate:#56677a;--chr-line:#dce5e9;--chr-paper:#f6f8f7;--chr-ivory:#fbfaf6;--chr-r-sm:12px;--chr-r-md:20px;--chr-r-lg:30px;--chr-shadow:0 12px 32px rgba(6,23,36,.09);--chr-shadow-lg:0 30px 80px rgba(5,23,36,.22);--chr-shell:min(1180px,calc(100% - 40px))}

/* ── Base (solo páginas nuevas) ── */
body.chr{margin:0;color:var(--chr-ink);background:#fff;font-family:'Outfit',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.chr *,body.chr *::before,body.chr *::after{box-sizing:border-box}
body.chr img,body.chr video{max-width:100%}
:where(body.chr) a{color:inherit}
body:where(.chr) :where(h1,h2,h3,h4){margin:0;line-height:1.15;letter-spacing:-.01em}
:where(body.chr) :where(p){margin:0}
body.chr .topbar{background:var(--chr-navy);color:rgba(255,255,255,.82);font-size:13px;padding:9px 14px;text-align:center}
body.chr .topbar a{color:#7be3a8;text-decoration:none;font-weight:600}
body.chr footer{background:var(--chr-navy-950);padding:64px 28px 28px;color:#fff}
@media (min-width:1001px){body footer .fg{grid-template-columns:1.6fr repeat(4,1fr);gap:36px}}
.chr-shell{width:var(--chr-shell);margin-inline:auto}
.chr-sec{padding:96px 0}
.chr-sec--soft{background:var(--chr-paper)}
.chr-sec--dark{background:var(--chr-navy);color:#fff}
.chr-sec--tight{padding:64px 0}
.chr-eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:16px;color:var(--chr-green-600);font-size:13px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.chr-eyebrow::before{content:"";width:28px;height:2px;background:currentColor}
.chr-sec--dark .chr-eyebrow,.chr-hero .chr-eyebrow{color:var(--chr-green)}
.chr-h2{font-size:clamp(30px,4vw,48px);font-weight:800;color:var(--chr-ink)}
.chr-sec--dark .chr-h2{color:#fff}
.chr-h2 em{font-style:normal;color:var(--chr-green-600)}
.chr-sec--dark .chr-h2 em{color:var(--chr-green)}
.chr-lead{margin-top:16px;max-width:680px;color:var(--chr-slate);font-size:18px}
.chr-sec--dark .chr-lead{color:rgba(255,255,255,.72)}
.chr-center{text-align:center}
.chr-center .chr-lead{margin-inline:auto}
.chr-head{margin-bottom:44px}
.chr-head--split{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:end}
.chr-head--split .chr-lead{margin-top:0}

/* Botones */
.chr-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border:1.5px solid transparent;border-radius:14px;font-weight:800;font-size:16px;text-decoration:none!important;cursor:pointer;transition:transform .2s,background-color .2s,border-color .2s,box-shadow .2s;font-family:inherit}
.chr-btn:hover{transform:translateY(-2px)}
.chr-btn--primary{background:var(--chr-green);color:var(--chr-navy)!important;box-shadow:0 10px 28px rgba(40,195,119,.32)}
.chr-btn--primary:hover{background:#4ad28c}
.chr-btn--ghost{border-color:rgba(255,255,255,.35);color:#fff!important;background:rgba(255,255,255,.05)}
.chr-btn--ghost:hover{border-color:rgba(255,255,255,.75)}
.chr-btn--dark{background:var(--chr-navy);color:#fff!important}
.chr-btn--dark:hover{background:var(--chr-navy-800)}
.chr-btn--line{border-color:var(--chr-line);color:var(--chr-ink)!important;background:#fff}
.chr-btn--line:hover{border-color:var(--chr-green-600)}
.chr-btn--sm{min-height:42px;padding:0 16px;font-size:14.5px;border-radius:11px}
.chr-link{color:var(--chr-green-700)!important;font-weight:800;text-decoration:none}
.chr-link:hover{text-decoration:underline}
.chr-sec--dark .chr-link{color:var(--chr-green)!important}

/* ── Hero ── */
.chr-hero{position:relative;overflow:hidden;background:var(--chr-navy);color:#fff}
.chr-hero__media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.32}
.chr-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(6,23,36,.95) 0%,rgba(6,23,36,.8) 50%,rgba(6,23,36,.45) 100%)}
.chr-hero__in{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center;padding:96px 0 84px}
.chr-hero h1{font-size:clamp(38px,5.4vw,68px);font-weight:800;line-height:1.04;letter-spacing:-.025em;color:#fff}
.chr-hero h1 em{font-style:normal;color:var(--chr-green)}
.chr-hero__sub{margin-top:22px;max-width:600px;color:rgba(255,255,255,.78);font-size:19px}
.chr-hero__cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}
.chr-hero__stats{display:flex;flex-wrap:wrap;gap:34px;margin-top:40px;padding-top:26px;border-top:1px solid rgba(255,255,255,.14)}
.chr-hero__stats b{display:block;font-size:24px;font-weight:800;color:#fff}
.chr-hero__stats span{color:rgba(255,255,255,.6);font-size:14px}
.chr-hero--page .chr-hero__in{grid-template-columns:1fr;padding:72px 0 64px}
.chr-hero--page h1{font-size:clamp(34px,4.6vw,56px);max-width:900px}
.chr-hero--page .chr-hero__sub{max-width:760px}
.chr-crumbs{position:relative;z-index:2;padding-top:22px;font-size:13.5px;color:rgba(255,255,255,.6)}
.chr-crumbs a{color:rgba(255,255,255,.8);text-decoration:none}
.chr-crumbs a:hover{color:var(--chr-green)}
.chr-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:20px;font-size:14px;color:rgba(255,255,255,.62)}

/* Tarjeta de estado del hogar */
.chr-state{padding:26px;border:1px solid rgba(255,255,255,.14);border-left:4px solid var(--chr-amber);border-radius:var(--chr-r-md);background:rgba(11,36,56,.88);box-shadow:var(--chr-shadow-lg);backdrop-filter:blur(6px)}
.chr-state__top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.chr-state__label{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.6);font-size:13px}
.chr-state__label::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--chr-amber);box-shadow:0 0 0 4px rgba(242,162,27,.2)}
.chr-state h2{margin-top:6px;font-size:22px;color:#fff}
.chr-state__pct{white-space:nowrap;font-size:40px;font-weight:800;line-height:1;color:#fff}
.chr-state__bar{height:7px;margin:18px 0 8px;border-radius:9px;background:rgba(255,255,255,.12);overflow:hidden}
.chr-state__bar i{display:block;height:100%;width:0;border-radius:9px;background:linear-gradient(90deg,var(--chr-amber),var(--chr-green));transition:width .5s ease}
.chr-state__hint{margin-bottom:10px;color:rgba(255,255,255,.62);font-size:13.5px}
.chr-state ul{margin:0;padding:0;list-style:none}
.chr-state li+li{border-top:1px solid rgba(255,255,255,.08)}
.chr-state button{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;width:100%;padding:12px 2px;border:0;background:none;color:#fff;text-align:left;cursor:pointer;font-family:inherit}
.chr-state button .n{display:grid;place-items:center;width:30px;height:30px;border:1.5px solid rgba(255,255,255,.28);border-radius:50%;font-size:13px;font-weight:800;color:rgba(255,255,255,.75)}
.chr-state button b{display:block;font-size:15.5px}
.chr-state button small{display:block;color:rgba(255,255,255,.55);font-size:13px}
.chr-state button .s{font-size:11px;font-weight:800;letter-spacing:.06em;color:rgba(255,255,255,.45);text-transform:uppercase}
.chr-state button[aria-pressed=true] .n{border-color:var(--chr-green);background:var(--chr-green);color:var(--chr-navy)}
.chr-state button[aria-pressed=true] .s{color:var(--chr-green)}
.chr-state__go{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:14px;border-top:1px solid rgba(255,255,255,.1);color:var(--chr-green)!important;font-weight:800;text-decoration:none}

/* Franja de confianza */
.chr-trust{border-bottom:1px solid var(--chr-line);background:#fff}
.chr-trust__grid{display:grid;grid-template-columns:repeat(4,1fr)}
.chr-trust__it{display:flex;gap:14px;align-items:center;padding:22px 20px;border-left:1px solid var(--chr-line)}
.chr-trust__it:last-child{border-right:1px solid var(--chr-line)}
.chr-trust__ic{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:11px;background:var(--chr-green-100);color:var(--chr-green-700);font-weight:900}
.chr-trust__it b{display:block;font-size:15px}
.chr-trust__it span{display:block;color:var(--chr-slate);font-size:13.5px;line-height:1.4}

/* Tarjetas genéricas */
.chr-grid{display:grid;gap:20px}
.chr-grid--2{grid-template-columns:repeat(2,1fr)}
.chr-grid--3{grid-template-columns:repeat(3,1fr)}
.chr-grid--4{grid-template-columns:repeat(4,1fr)}
.chr-card{position:relative;display:flex;flex-direction:column;padding:28px;border:1px solid var(--chr-line);border-radius:var(--chr-r-md);background:#fff;text-decoration:none;transition:transform .25s,box-shadow .25s,border-color .25s}
a.chr-card:hover{transform:translateY(-4px);box-shadow:var(--chr-shadow);border-color:#bfe8d1}
.chr-card__num{position:absolute;top:22px;right:24px;color:#aab6c1;font-size:13px;font-weight:800}
.chr-card__tag{color:var(--chr-green-600);font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.chr-card h3{margin-top:10px;font-size:22px;font-weight:800;color:var(--chr-ink)}
.chr-card p{margin-top:10px;color:var(--chr-slate);font-size:15.5px}
.chr-card__go{margin-top:auto;padding-top:20px;color:var(--chr-green-700);font-weight:800;font-size:15px}
.chr-card__ic{display:grid;place-items:center;width:52px;height:52px;margin-bottom:18px;border-radius:14px;background:var(--chr-green-100);color:var(--chr-green-700)}
.chr-card__ic svg{width:28px;height:28px}
.chr-card--scen{min-height:250px}
.chr-card--scen .chr-card__img{height:150px;margin:-28px -28px 22px;border-radius:var(--chr-r-md) var(--chr-r-md) 0 0;background-size:cover;background-position:center}

/* Diagnóstico */
.chr-diag{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:center}
.chr-steps{margin:30px 0 0;padding:0;list-style:none}
.chr-steps li{display:flex;gap:14px;align-items:center;padding:10px 0}
.chr-steps .n{display:grid;place-items:center;flex:0 0 34px;height:34px;border:1.5px solid rgba(255,255,255,.25);border-radius:50%;font-weight:800;color:rgba(255,255,255,.7)}
.chr-steps li.on .n{border-color:var(--chr-green);background:var(--chr-green);color:var(--chr-navy)}
.chr-steps b{display:block;color:#fff}
.chr-steps small{color:rgba(255,255,255,.55)}
.chr-panel{padding:30px;border-radius:var(--chr-r-lg);background:#fff;color:var(--chr-ink);box-shadow:var(--chr-shadow-lg)}
.chr-panel__top{display:flex;justify-content:space-between;color:var(--chr-slate);font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.chr-panel h3{margin:14px 0 18px;font-size:24px}
.chr-opts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.chr-opt{display:flex;flex-direction:column;gap:6px;padding:14px;border:1.5px solid var(--chr-line);border-radius:14px;background:#fff;text-align:left;cursor:pointer;font-family:inherit;color:var(--chr-ink);transition:border-color .2s,background-color .2s}
.chr-opt .i{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--chr-green-100);color:var(--chr-green-700);font-size:16px}
.chr-opt b{font-size:15px}
.chr-opt small{color:var(--chr-slate);font-size:12.5px;line-height:1.3}
.chr-opt[aria-pressed=true]{border-color:var(--chr-green);background:var(--chr-green-100)}
.chr-opt[aria-pressed=true] .i{background:var(--chr-green);color:var(--chr-navy)}
.chr-field{margin-top:20px}
.chr-field__row{display:flex;justify-content:space-between;align-items:center;font-weight:800;font-size:15px}
.chr-field__row output{color:var(--chr-green-700)}
.chr-range{width:100%;margin:12px 0 4px;accent-color:var(--chr-green-600)}
.chr-ticks{display:flex;justify-content:space-between;color:#9aa8b5;font-size:12px}
.chr-stepper{display:inline-flex;align-items:center;border:1.5px solid var(--chr-line);border-radius:12px;overflow:hidden}
.chr-stepper button{width:40px;height:38px;border:0;background:#fff;font-size:20px;font-weight:800;cursor:pointer;color:var(--chr-ink)}
.chr-stepper output{min-width:38px;text-align:center;font-weight:800}
.chr-result{margin-top:22px;padding:22px;border:1px solid #c9eed9;border-radius:18px;background:linear-gradient(140deg,#f2fbf6 0%,#fff 70%)}
.chr-result__tag{color:var(--chr-green-700);font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.chr-result__head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-top:6px}
.chr-result h4{font-size:21px}
.chr-pill{flex:0 0 auto;padding:5px 11px;border-radius:999px;background:var(--chr-amber-100);color:#7a4f00;font-size:12px;font-weight:800}
.chr-result p{margin-top:8px;color:var(--chr-slate);font-size:15px}
.chr-result ul{margin:12px 0 0;padding-left:20px;color:var(--chr-ink);font-size:15px}
.chr-result li{margin:4px 0}
.chr-result__go{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}

/* Kits */
.chr-kits{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
.chr-kit{position:relative;display:flex;flex-direction:column;padding:28px;border:1px solid var(--chr-line);border-radius:var(--chr-r-md);background:#fff}
.chr-kit--feat{background:var(--chr-navy);border-color:var(--chr-navy);color:#fff;box-shadow:var(--chr-shadow-lg)}
.chr-kit__badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);padding:5px 14px;border-radius:999px;background:var(--chr-green);color:var(--chr-navy);font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.chr-kit__top{display:flex;justify-content:space-between;align-items:center;color:#9aa8b5;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.chr-kit__n{display:grid;place-items:center;width:34px;height:34px;border:1.5px solid var(--chr-line);border-radius:50%;color:var(--chr-ink)}
.chr-kit--feat .chr-kit__n{border-color:rgba(255,255,255,.25);color:#fff}
.chr-kit h3{margin-top:20px;font-size:24px;font-weight:800}
.chr-kit--feat h3{color:#fff}
.chr-kit>p{margin-top:8px;color:var(--chr-slate);font-size:15.5px}
.chr-kit--feat>p{color:rgba(255,255,255,.7)}
.chr-ticks-list{margin:18px 0 0;padding:0;list-style:none}
.chr-ticks-list li{position:relative;padding:6px 0 6px 30px;font-size:15.5px}
.chr-ticks-list li::before{content:"✓";position:absolute;left:0;top:7px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--chr-green-100);color:var(--chr-green-700);font-size:11px;font-weight:900}
.chr-kit--feat .chr-ticks-list li::before{background:var(--chr-green);color:var(--chr-navy)}
.chr-kit__foot{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:22px;border-top:1px solid var(--chr-line);font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#8494a3}
.chr-kit--feat .chr-kit__foot{border-color:rgba(255,255,255,.14)}
.chr-kit__foot a{text-transform:none;letter-spacing:0;font-size:15px}
.chr-kit .chr-ticks-list{margin-bottom:22px}

/* Calculadora */
.chr-calc{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:center}
.chr-calc__card{padding:26px;border:1px solid var(--chr-line);border-radius:var(--chr-r-lg);background:#fff;box-shadow:var(--chr-shadow)}
.chr-loads{display:grid;gap:10px;margin:14px 0 4px}
.chr-load{display:grid;grid-template-columns:26px 1fr auto;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--chr-line);border-radius:12px;cursor:pointer;transition:border-color .2s,background-color .2s}
.chr-load input{width:20px;height:20px;accent-color:var(--chr-green-600)}
.chr-load b{display:block;font-size:15px}
.chr-load small{display:block;color:var(--chr-slate);font-size:12.5px}
.chr-load .t{padding:3px 9px;border-radius:999px;background:var(--chr-paper);color:var(--chr-slate);font-size:11.5px;font-weight:800}
.chr-load:has(input:checked){border-color:#a9e3c3;background:#f6fcf8}
.chr-calc__out{margin-top:18px;padding:22px;border-radius:16px;background:linear-gradient(135deg,var(--chr-navy) 0%,var(--chr-navy-800) 100%);color:#fff}
.chr-calc__out small{color:rgba(255,255,255,.6);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.chr-calc__out .big{display:block;margin:4px 0;font-size:44px;font-weight:800;line-height:1.05;color:var(--chr-green)}
.chr-calc__out p{color:rgba(255,255,255,.72);font-size:14.5px}
.chr-calc__out p b{color:#fff}
.chr-note{margin-top:10px;color:#8090a0;font-size:12.5px;line-height:1.45}
.chr-numlist{margin:28px 0 0;padding:0;list-style:none}
.chr-numlist li{display:flex;gap:14px;align-items:flex-start;padding:10px 0}
.chr-numlist .n{display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:9px;background:var(--chr-green-100);color:var(--chr-green-700);font-weight:800}
.chr-numlist b{display:block}
.chr-numlist small{color:var(--chr-slate);font-size:14px}

/* Capas */
.chr-layers{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.chr-rings{width:100%;max-width:520px;margin-inline:auto;display:block}
.chr-lgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:26px}
.chr-lgrid div{padding:16px;border:1px solid var(--chr-line);border-radius:14px;background:#fff}
.chr-lgrid b{display:block;font-size:15.5px}
.chr-lgrid b span{margin-right:6px;color:var(--chr-green-600)}
.chr-lgrid small{color:var(--chr-slate);font-size:13.5px;line-height:1.4;display:block;margin-top:4px}

/* Confianza */
.chr-proof{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.chr-proof__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.chr-proof__grid div{padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.03)}
.chr-proof__grid b{display:block;color:#fff;font-size:15.5px}
.chr-proof__grid b span{margin-right:8px;color:var(--chr-green);font-size:12px}
.chr-proof__grid small{color:rgba(255,255,255,.6);font-size:13.5px}
.chr-sources{margin-top:26px;font-size:14px;color:rgba(255,255,255,.65)}
.chr-sources a{color:#9fe8c0}
.chr-sources li{margin:6px 0}

/* Email */
.chr-mail{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding:44px;border:1px solid #c9eed9;border-radius:var(--chr-r-lg);background:linear-gradient(130deg,#effaf4 0%,#fff 55%,#fff8e8 100%);overflow:hidden}
.chr-mail h2{font-size:clamp(26px,3vw,36px);font-weight:800}
.chr-mail p{margin-top:12px;color:var(--chr-slate)}
.chr-mail form{display:grid;gap:12px}
.chr-mail input[type=email]{width:100%;min-height:54px;padding:0 16px;border:1.5px solid var(--chr-line);border-radius:12px;font:inherit;font-size:16px;background:#fff}
.chr-mail input[type=email]:focus{outline:2px solid var(--chr-green);border-color:var(--chr-green)}
.chr-mail button{width:100%}
.chr-mail label.c{display:flex;gap:10px;align-items:flex-start;color:var(--chr-slate);font-size:12.5px;line-height:1.45}
.chr-mail label.c input{margin-top:2px;width:17px;height:17px;flex:0 0 auto;accent-color:var(--chr-green-600)}
.chr-mail label.c a{color:var(--chr-green-700)}
.chr-mail .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* Artículo */
.chr-article{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:56px;align-items:start}
.chr-prose{font-size:17.5px}
.chr-prose>*+*{margin-top:18px}
.chr-prose h2{margin-top:56px;font-size:clamp(26px,3vw,34px);font-weight:800;scroll-margin-top:90px}
.chr-prose h3{margin-top:34px;font-size:21px;font-weight:800;scroll-margin-top:90px}
.chr-prose p,.chr-prose li{color:#2a3d52}
.chr-prose ul,.chr-prose ol{padding-left:22px}
.chr-prose li{margin:6px 0}
.chr-prose a{color:var(--chr-green-700);font-weight:700}
.chr-prose strong{color:var(--chr-ink)}
.chr-prose table{width:100%;border-collapse:collapse;font-size:15.5px}
.chr-prose th,.chr-prose td{padding:11px 12px;border-bottom:1px solid var(--chr-line);text-align:left;vertical-align:top}
.chr-prose th{background:var(--chr-paper);font-size:13.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--chr-slate)}
.chr-tablewrap{overflow-x:auto;border:1px solid var(--chr-line);border-radius:14px}
.chr-aside{position:sticky;top:96px;display:grid;gap:16px}
.chr-toc{padding:20px;border:1px solid var(--chr-line);border-radius:16px;background:var(--chr-paper)}
.chr-toc b{display:block;margin-bottom:8px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--chr-slate)}
.chr-toc a{display:block;padding:5px 0;color:var(--chr-ink);font-size:14.5px;text-decoration:none}
.chr-toc a:hover{color:var(--chr-green-700)}
.chr-cta-box{padding:20px;border-radius:16px;background:var(--chr-navy);color:#fff}
.chr-cta-box p{margin:6px 0 14px;color:rgba(255,255,255,.7);font-size:14.5px}
.chr-box{padding:22px 24px;border:1px solid var(--chr-line);border-left:4px solid var(--chr-green);border-radius:14px;background:#fff}
.chr-box--warn{border-left-color:var(--chr-amber);background:#fffdf6}
.chr-box--red{border-left-color:var(--chr-red);background:#fff8f7}
.chr-box--info{border-left-color:#3b82c4;background:#f6faff}
.chr-box b.t{display:block;margin-bottom:6px;font-size:16px}
.chr-box p,.chr-box li{font-size:16px}
.chr-box ul{margin:8px 0 0}
.chr-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.chr-fact{padding:18px;border:1px solid var(--chr-line);border-radius:14px;background:#fff}
.chr-fact b{display:block;font-size:28px;font-weight:800;color:var(--chr-green-700);line-height:1.1}
.chr-fact span{display:block;margin-top:6px;color:var(--chr-slate);font-size:14px;line-height:1.4}

/* Checklist */
.chr-check{padding:26px;border:1px solid var(--chr-line);border-radius:var(--chr-r-md);background:#fff;box-shadow:var(--chr-shadow)}
.chr-check__bar{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--chr-line)}
.chr-check__prog{flex:1 1 220px}
.chr-check__prog b{font-size:15px}
.chr-check__prog .chr-state__bar{background:var(--chr-paper);margin:8px 0 0}
.chr-check__btns{display:flex;gap:8px;flex-wrap:wrap}
.chr-check fieldset{margin:20px 0 0;padding:0;border:0}
.chr-check legend{padding:0;margin-bottom:8px;font-size:17px;font-weight:800}
.chr-check legend span{margin-right:8px}
.chr-check label{display:grid;grid-template-columns:24px 1fr;gap:10px;align-items:start;padding:8px 10px;border-radius:10px;cursor:pointer;font-size:15.5px}
.chr-check label:hover{background:var(--chr-paper)}
.chr-check input[type=checkbox]{width:19px;height:19px;margin-top:3px;accent-color:var(--chr-green-600)}
.chr-check label small{display:block;color:var(--chr-slate);font-size:13.5px}
.chr-check label:has(input:checked) span>b{text-decoration:line-through;text-decoration-color:rgba(16,36,58,.35);color:var(--chr-slate)}
.chr-check__cols{display:grid;grid-template-columns:1fr 1fr;gap:4px 28px}

/* Niveles y productos */
.chr-levels{display:grid;gap:22px}
.chr-level{padding:26px;border:1px solid var(--chr-line);border-radius:var(--chr-r-md);background:#fff}
.chr-level--feat{border:2px solid var(--chr-green)}
.chr-level__head{display:flex;flex-wrap:wrap;gap:10px 16px;justify-content:space-between;align-items:baseline}
.chr-level__head h3{margin:0;font-size:23px}
.chr-level__head .chr-pill{background:var(--chr-green-100);color:var(--chr-green-700)}
.chr-level__meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}
.chr-level__meta div{padding:12px;border-radius:12px;background:var(--chr-paper);font-size:14px;color:var(--chr-slate)}
.chr-level__meta b{display:block;color:var(--chr-ink);font-size:13px;letter-spacing:.04em;text-transform:uppercase}
.chr-prods{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;margin-top:14px}
.chr-prod{display:flex;flex-direction:column;gap:6px;padding:16px;border:1px solid var(--chr-line);border-radius:14px;background:#fff}
.chr-prod b{font-size:15.5px}
.chr-prod span{color:var(--chr-slate);font-size:14px;line-height:1.45}
.chr-prod em{font-style:normal;color:#7a8896;font-size:12.5px}
.chr-prod .chr-btn{margin-top:auto;align-self:flex-start}
.chr-prod--free{background:var(--chr-paper);border-style:dashed}
.chr-aff{margin-top:12px;color:#7a8896;font-size:12.5px}

/* FAQ */
.chr-faq details{border-bottom:1px solid var(--chr-line);padding:16px 0}
.chr-faq summary{cursor:pointer;font-weight:800;font-size:17px;list-style:none}
.chr-faq summary::-webkit-details-marker{display:none}
.chr-faq summary::after{content:"+";float:right;color:var(--chr-green-600);font-size:22px;line-height:1}
.chr-faq details[open] summary::after{content:"−"}
.chr-faq details p{margin-top:10px;color:#2a3d52}

/* Plan familiar */
.chr-plan{display:grid;gap:20px}
.chr-plan fieldset{margin:0;padding:22px;border:1px solid var(--chr-line);border-radius:16px;background:#fff}
.chr-plan legend{padding:0 8px;font-weight:800;font-size:17px}
.chr-plan .g{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}
.chr-plan .g3{grid-template-columns:1.2fr 1fr .8fr}
.chr-plan label{display:grid;gap:4px;font-size:13.5px;font-weight:700;color:var(--chr-slate)}
.chr-plan input,.chr-plan textarea{width:100%;min-height:44px;padding:9px 12px;border:1.5px solid var(--chr-line);border-radius:10px;font:inherit;font-size:15.5px;color:var(--chr-ink);background:#fff}
.chr-plan textarea{min-height:76px;resize:vertical}
.chr-plan input:focus,.chr-plan textarea:focus{outline:2px solid var(--chr-green);border-color:var(--chr-green)}
.chr-plan .full{grid-column:1/-1}
.chr-plan__bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.chr-plan__bar small{color:var(--chr-slate)}

/* Vídeos */
.chr-vids .vhub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}

/* Bloques para guías existentes */
.chr-inline{margin:26px 0;padding:22px 24px;border:1px solid #c9eed9;border-left:4px solid #19a866;border-radius:14px;background:linear-gradient(130deg,#f2fbf6 0%,#fff 70%);font-family:inherit}
.chr-inline__tag{display:block;margin-bottom:6px;color:#12814e;font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.chr-inline p{margin:0 0 12px!important;color:#2a3d52!important;font-size:16px!important;line-height:1.6!important}
.chr-inline__go{display:flex;flex-wrap:wrap;gap:10px}
.chr-inline__go a{display:inline-flex;align-items:center;min-height:40px;padding:0 15px;border-radius:10px;background:#071b2c;color:#fff!important;font-weight:800;font-size:14.5px;text-decoration:none!important;border:0!important}
.chr-inline__go a.alt{background:#fff;color:#10243a!important;border:1.5px solid #dce5e9!important}
.chr-next{margin:40px auto;max-width:1100px;padding:30px;border-radius:20px;background:#071b2c;color:#fff;font-family:inherit}
.chr-next h2{margin:0 0 8px!important;color:#fff!important;font-size:clamp(22px,2.6vw,30px)!important;line-height:1.2!important;border:0!important;padding:0!important}
.chr-next>p{margin:0 0 18px!important;color:rgba(255,255,255,.72)!important;font-size:16px!important}
.chr-next__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.chr-next__grid a{display:block;padding:16px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.04);color:#fff!important;text-decoration:none!important}
.chr-next__grid a:hover{border-color:#28c377}
.chr-next__grid b{display:block;font-size:16px;color:#fff}
.chr-next__grid span{display:block;margin-top:4px;color:rgba(255,255,255,.62);font-size:13.5px;line-height:1.4}

/* Menú: cabe entre 1001 y 1200 px sin pasar a hamburguesa */
#main-nav .cv{font-size:.85em;opacity:.7}
@media (min-width:1001px) and (max-width:1200px){#main-nav .nav-inner{padding:0 18px}#main-nav .logo img{max-width:104px}#main-nav .nav-links>li>a{padding:8px 8px;font-size:13.5px}#main-nav .nav-cta{padding:9px 13px!important}#main-nav .cv{display:none}}
@media (max-width:1000px){#main-nav .cv{float:right}}

/* Animación suave */
.chr-rv{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.chr-rv.on{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.chr-rv{opacity:1;transform:none;transition:none}.chr-btn:hover,a.chr-card:hover{transform:none}}
.no-js .chr-rv{opacity:1;transform:none}

/* Responsive */
@media (max-width:1060px){
  .chr-hero__in{grid-template-columns:1fr;gap:40px}
  .chr-diag,.chr-calc,.chr-layers,.chr-proof,.chr-mail{grid-template-columns:1fr;gap:36px}
  .chr-grid--4{grid-template-columns:repeat(2,1fr)}
  .chr-trust__grid{grid-template-columns:repeat(2,1fr)}
  .chr-trust__it{border-bottom:1px solid var(--chr-line)}
  .chr-article{grid-template-columns:1fr}
  .chr-aside{position:static}
  .chr-head--split{grid-template-columns:1fr;gap:12px}
  .chr-vids .vhub-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:760px){
  .chr-sec{padding:64px 0}
  .chr-hero__in{padding:56px 0 52px}
  .chr-grid--2,.chr-grid--3,.chr-grid--4,.chr-kits,.chr-facts,.chr-level__meta,.chr-check__cols,.chr-next__grid{grid-template-columns:1fr}
  .chr-opts{grid-template-columns:repeat(2,1fr)}
  .chr-trust__grid{grid-template-columns:1fr}
  .chr-trust__it{border-right:1px solid var(--chr-line)}
  .chr-proof__grid,.chr-lgrid{grid-template-columns:1fr}
  .chr-mail{padding:26px}
  .chr-plan .g,.chr-plan .g3{grid-template-columns:1fr}
  .chr-vids .vhub-grid{grid-template-columns:1fr}
  .chr-hero__stats{gap:22px}
  .chr-kit{margin-top:8px}
}

/* Impresión: checklist y plan familiar */
@media print{
  body.chr .topbar,body.chr #main-nav,body.chr footer,.chr-noprint,.chr-hero__cta,.chr-aside,#ch-cookie-banner,.chr-mail,.chr-next{display:none!important}
  body.chr{font-size:12pt;color:#000}
  .chr-hero{background:#fff!important;color:#000}
  .chr-hero::after,.chr-hero__media{display:none}
  .chr-hero h1,.chr-hero .chr-hero__sub{color:#000!important}
  .chr-sec{padding:12pt 0}
  .chr-check,.chr-plan fieldset{box-shadow:none;border:1px solid #999;break-inside:avoid}
  .chr-article{display:block}
  .chr-print-only{display:block!important}
}
.chr-print-only{display:none}

/* ── v49.1 · portada con más enlaces y acabado pro ── */
.chr-hot{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:22px}
.chr-hot>span{color:rgba(255,255,255,.55);font-size:13px;font-weight:700;margin-right:4px}
.chr-hot a{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.06);color:#fff;font-size:13.5px;font-weight:700;text-decoration:none;transition:border-color .2s,background-color .2s}
.chr-hot a:hover{border-color:var(--chr-green);background:rgba(40,195,119,.12)}
.chr-hot a.hot{border-color:rgba(242,162,27,.6);background:rgba(242,162,27,.14);color:#ffd88a}

.chr-brands{background:var(--chr-paper);border-bottom:1px solid var(--chr-line)}
.chr-brands__in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 28px;padding:20px 0}
.chr-brands__lab{color:var(--chr-slate);font-size:12.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.chr-brands__list{display:flex;flex-wrap:wrap;gap:10px 26px;color:#7f8d9b;font-size:18px;font-weight:800;letter-spacing:-.01em}
.chr-brands__stats{display:flex;gap:22px;font-size:13.5px;color:var(--chr-slate)}
.chr-brands__stats b{color:var(--chr-ink);font-size:16px}

/* Fondos con imagen translúcida */
.chr-bg{position:relative;isolation:isolate;overflow:hidden}
.chr-bg::before{content:"";position:absolute;inset:0;z-index:-2;background-image:var(--bg);background-size:cover;background-position:center;opacity:var(--bgo,.1)}
.chr-bg--dark::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(1200px 500px at 85% 10%,rgba(40,195,119,.16),transparent 60%),linear-gradient(90deg,rgba(7,27,44,.97) 0%,rgba(7,27,44,.88) 55%,rgba(7,27,44,.72) 100%)}
.chr-bg--light::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(246,248,247,.86),rgba(246,248,247,.94))}
.chr-dots{background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:22px 22px}

/* Black Friday */
.chr-bf{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}
.chr-bf__date{display:inline-flex;align-items:center;gap:12px;margin:22px 0 6px;padding:10px 16px;border:1px solid rgba(242,162,27,.45);border-radius:14px;background:rgba(242,162,27,.1);color:#ffd88a;font-weight:800}
.chr-bf__date b{font-size:28px;color:#fff}
.chr-bf__links{margin:22px 0 26px;padding:0;list-style:none}
.chr-bf__links li{border-top:1px solid rgba(255,255,255,.1)}
.chr-bf__links a{display:flex;justify-content:space-between;gap:12px;padding:13px 0;color:#fff;font-weight:700;text-decoration:none}
.chr-bf__links a span{color:var(--chr-green)}
.chr-bf__links a:hover{color:var(--chr-green)}
.chr-bf__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.chr-deal{display:flex;flex-direction:column;gap:6px;padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.05);backdrop-filter:blur(8px);color:#fff}
.chr-deal__tag{color:var(--chr-green);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.chr-deal b{font-size:16px;line-height:1.25}
.chr-deal small{color:rgba(255,255,255,.62);font-size:12.5px;line-height:1.4}
.chr-deal__price{margin-top:auto;padding-top:8px;font-size:24px;font-weight:800;color:#fff}
.chr-deal__price span{display:block;font-size:11.5px;font-weight:700;color:rgba(255,255,255,.5)}
.chr-deal__kwh{display:inline-block;margin-top:2px;padding:2px 8px;border-radius:999px;background:rgba(40,195,119,.16);color:#8ff0bb;font-size:11.5px;font-weight:800}
.chr-deal a{margin-top:8px;display:inline-flex;justify-content:center;min-height:38px;align-items:center;border-radius:10px;background:var(--chr-amber);color:var(--chr-navy)!important;font-size:13.5px;font-weight:800;text-decoration:none}
.chr-deal a:hover{background:#ffb941}
.chr-bf__note{margin-top:10px;color:rgba(255,255,255,.5);font-size:12px}

/* Curiosidades */
.chr-mag{display:grid;grid-template-columns:1.05fr .95fr;gap:24px}
.chr-feat{position:relative;display:flex;flex-direction:column;border-radius:var(--chr-r-lg);overflow:hidden;color:#fff;text-decoration:none;background:var(--chr-navy);box-shadow:var(--chr-shadow-lg)}
.chr-feat__media{display:block;overflow:hidden;aspect-ratio:16/9}
.chr-feat img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.chr-feat:hover img{transform:scale(1.04)}
.chr-feat__in{position:relative;padding:26px 30px 30px}
.chr-feat__tag{display:inline-block;padding:5px 11px;border-radius:999px;background:var(--chr-amber);color:var(--chr-navy);font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.chr-feat h3{margin-top:12px;font-size:clamp(24px,2.6vw,32px);font-weight:800;line-height:1.12;color:#fff}
.chr-feat p{margin-top:10px;color:rgba(255,255,255,.75);font-size:16px}
.chr-feat__go{display:inline-block;margin-top:14px;color:var(--chr-green);font-weight:800}
.chr-list{display:grid;gap:12px}
.chr-li{display:grid;grid-template-columns:132px 1fr;gap:16px;align-items:center;padding:10px;border:1px solid var(--chr-line);border-radius:16px;background:#fff;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s}
.chr-li:hover{border-color:#bfe8d1;box-shadow:var(--chr-shadow);transform:translateX(3px)}
.chr-li img{width:132px;height:74px;object-fit:cover;border-radius:10px;display:block}
.chr-li small{color:var(--chr-green-600);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.chr-li b{display:block;margin-top:3px;color:var(--chr-ink);font-size:16px;line-height:1.3}
.chr-more{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}
.chr-more a{display:flex;flex-direction:column;gap:6px;padding:16px 18px;border-radius:14px;background:var(--chr-navy);color:#fff;text-decoration:none;transition:background-color .2s}
.chr-more a:hover{background:var(--chr-navy-800)}
.chr-more small{color:var(--chr-green);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.chr-more b{font-size:15.5px;line-height:1.3}

/* Duelos */
.chr-duels{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.chr-duel{display:flex;flex-direction:column;gap:8px;padding:22px;border:1px solid var(--chr-line);border-radius:18px;background:#fff;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s}
.chr-duel:hover{border-color:var(--chr-green);box-shadow:var(--chr-shadow);transform:translateY(-3px)}
.chr-duel__vs{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:800;color:var(--chr-ink)}
.chr-duel__vs i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--chr-amber);color:var(--chr-navy);font-style:normal;font-size:11px;font-weight:900;flex:0 0 auto}
.chr-duel p{color:var(--chr-slate);font-size:14.5px}
.chr-duel>span:last-child{margin-top:auto;color:var(--chr-green-700);font-weight:800;font-size:14.5px}

/* Directorio de guías */
.chr-dir{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.chr-dir h3{margin-bottom:12px;font-size:15px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--chr-green-700)}
.chr-dir ul{margin:0;padding:0;list-style:none}
.chr-dir li{border-bottom:1px solid var(--chr-line)}
.chr-dir a{display:flex;justify-content:space-between;gap:8px;padding:9px 0;color:var(--chr-ink);font-size:15px;text-decoration:none}
.chr-dir a::after{content:"→";color:#a5b3bf}
.chr-dir a:hover{color:var(--chr-green-700)}
.chr-dir a:hover::after{color:var(--chr-green-600)}

@media (max-width:1060px){.chr-bf,.chr-mag{grid-template-columns:1fr}.chr-dir{grid-template-columns:repeat(2,1fr)}.chr-more{grid-template-columns:repeat(2,1fr)}.chr-duels{grid-template-columns:repeat(2,1fr)}.chr-brands__stats{display:none}}
@media (max-width:760px){.chr-bf__grid{grid-template-columns:repeat(2,1fr)}.chr-li{grid-template-columns:96px 1fr}.chr-li img{width:96px;height:60px}.chr-more,.chr-duels,.chr-dir{grid-template-columns:1fr}.chr-brands__list{font-size:15px;gap:8px 16px}}

/* ── v49.2 · más visual: tabs, mosaicos con foto, banda, puntos sobre foto ── */
.chr-hero::after{background:linear-gradient(100deg,rgba(6,23,36,.96) 0%,rgba(6,23,36,.82) 42%,rgba(6,23,36,.35) 75%,rgba(6,23,36,.2) 100%)}
.chr-hero__media{opacity:.62}
.chr-hero--page::after{background:linear-gradient(100deg,rgba(6,23,36,.95) 0%,rgba(6,23,36,.82) 55%,rgba(6,23,36,.55) 100%)}
.chr-hero--page .chr-hero__media{opacity:.5}

.chr-tabs{position:sticky;top:70px;z-index:150;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--chr-line)}
.chr-tabs__in{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding:8px 0}
.chr-tabs__in::-webkit-scrollbar{display:none}
.chr-tabs a{flex:0 0 auto;padding:8px 14px;border-radius:999px;color:var(--chr-slate);font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap;transition:background-color .2s,color .2s}
.chr-tabs a:hover{background:var(--chr-green-100);color:var(--chr-green-700)}
.chr-tabs a.bf{color:#9a5d00}
.chr-tabs a.bf:hover{background:var(--chr-amber-100)}
@media (max-width:1000px){.chr-tabs{top:70px}}

/* Mosaico con foto (situaciones y funciones) */
.chr-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.chr-tile{position:relative;display:flex;min-height:400px;border-radius:var(--chr-r-md);overflow:hidden;color:#fff;text-decoration:none;background:var(--chr-navy);isolation:isolate;box-shadow:0 14px 34px rgba(6,23,36,.14)}
.chr-tile img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.chr-tile::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(6,23,36,.05) 20%,rgba(6,23,36,.55) 52%,rgba(6,23,36,.94) 100%)}
.chr-tile:hover img{transform:scale(1.06)}
.chr-tile__in{align-self:flex-end;padding:24px}
.chr-tile__tag{display:inline-block;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.16);backdrop-filter:blur(6px);font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.chr-tile h3{margin-top:12px;font-size:22px;font-weight:800;line-height:1.15;color:#fff}
.chr-tile p{margin-top:8px;color:rgba(255,255,255,.78);font-size:14.5px}
.chr-tile__go{display:inline-block;margin-top:12px;color:var(--chr-green);font-weight:800;font-size:14.5px}
.chr-bento{display:grid;grid-template-columns:1.3fr 1fr 1fr;grid-template-rows:260px 260px;gap:16px}
.chr-bento .chr-tile{min-height:0}
.chr-bento .chr-tile:first-child{grid-row:1/3}
.chr-bento .chr-tile:first-child h3{font-size:30px}
.chr-bento .chr-tile:nth-child(4){grid-column:2/4}
.chr-tile__ic{display:grid;place-items:center;width:44px;height:44px;margin-bottom:6px;border-radius:12px;background:rgba(40,195,119,.92);color:var(--chr-navy)}
.chr-tile__ic svg{width:24px;height:24px}

/* Banda a sangre con foto */
.chr-band{position:relative;isolation:isolate;overflow:hidden;color:#fff;background:var(--chr-navy)}
.chr-band img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;opacity:.75}
.chr-band::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(6,23,36,.94) 0%,rgba(6,23,36,.7) 50%,rgba(6,23,36,.25) 100%)}
.chr-band__in{padding:110px 0;max-width:640px}
.chr-band__kicker{display:inline-flex;gap:10px;align-items:center;padding:6px 12px;border-radius:999px;background:rgba(200,72,60,.9);font-size:12.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.chr-band h2{margin-top:18px;font-size:clamp(32px,4.4vw,54px);font-weight:800;line-height:1.05;color:#fff}
.chr-band h2 em{font-style:normal;color:var(--chr-amber)}
.chr-band p{margin-top:16px;color:rgba(255,255,255,.8);font-size:18px}
.chr-band__stats{display:flex;flex-wrap:wrap;gap:28px;margin:26px 0 30px}
.chr-band__stats b{display:block;font-size:30px;font-weight:800;color:#fff}
.chr-band__stats span{color:rgba(255,255,255,.6);font-size:13.5px}

/* Kits con foto */
.chr-kit__img{height:150px;margin:-28px -28px 18px;border-radius:var(--chr-r-md) var(--chr-r-md) 0 0;background-size:cover;background-position:center}
.chr-kit--feat .chr-kit__img{opacity:.9}
.chr-kit__badge{z-index:3}

/* Foto con puntos (seguridad por capas) */
.chr-spots{position:relative;border-radius:var(--chr-r-lg);overflow:hidden;box-shadow:var(--chr-shadow-lg)}
.chr-spots img{display:block;width:100%;height:auto}
.chr-spot{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px}
.chr-spot i{position:relative;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--chr-green);color:var(--chr-navy);font-style:normal;font-weight:900;font-size:14px;box-shadow:0 0 0 6px rgba(40,195,119,.3)}
.chr-spot i::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(40,195,119,.7);animation:chrPulse 2.2s infinite}
.chr-spot span{padding:6px 11px;border-radius:10px;background:rgba(6,23,36,.86);backdrop-filter:blur(6px);color:#fff;font-size:13px;font-weight:800;white-space:nowrap}
.chr-spots__card{position:absolute;left:16px;bottom:16px;display:flex;gap:12px;align-items:center;max-width:300px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.95);box-shadow:var(--chr-shadow);color:var(--chr-ink)}
.chr-spots__card i{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:50%;background:var(--chr-amber);font-style:normal;font-weight:900}
.chr-spots__card b{display:block;font-size:14px}
.chr-spots__card small{display:block;color:var(--chr-slate);font-size:12.5px;line-height:1.35}
@keyframes chrPulse{0%{transform:scale(.8);opacity:1}100%{transform:scale(1.6);opacity:0}}
@media (prefers-reduced-motion:reduce){.chr-spot i::after{animation:none}}

@media (max-width:1060px){.chr-tiles{grid-template-columns:repeat(2,1fr)}.chr-bento{grid-template-columns:1fr 1fr;grid-template-rows:320px 240px 240px}.chr-bento .chr-tile:first-child{grid-row:auto;grid-column:1/3}.chr-bento .chr-tile:nth-child(4){grid-column:auto}}
@media (max-width:760px){.chr-tiles{grid-template-columns:1fr}.chr-tile{min-height:320px}.chr-bento{grid-template-columns:1fr;grid-template-rows:none}.chr-bento .chr-tile{min-height:260px}.chr-bento .chr-tile:first-child{grid-column:auto}.chr-band__in{padding:72px 0}.chr-spot span{display:none}.chr-spots__card{position:static;max-width:none;border-radius:0}}

/* ══════════════════════════════════════════════════════════════════
   v49.3 · Piel nueva para las páginas antiguas (body.chr-skin)
   Recolorea sus variables y moderniza cabecera, tarjetas, botones,
   cajas, tablas y FAQ sin tocar su HTML.
   ══════════════════════════════════════════════════════════════════ */
body.chr-skin{--verde:#19a866;--verde-oscuro:#12814e;--verde-suave:#e9f8f0;--naranja:#f2a21b;--naranja-suave:#fff6e3;--azul:#071b2c;--azul-medio:#102f49;--gris-claro:#f6f8f7;--gris-medio:#dce5e9;--gris-texto:#56677a;--negro:#10243a;--r:18px;--rl:28px;--sombra:0 10px 30px rgba(6,23,36,.08);--sombra-hover:0 18px 44px rgba(6,23,36,.14);color:#10243a;-webkit-font-smoothing:antialiased}

/* Cabecera con foto */
body.chr-skin .chr-skin-hero{position:relative;isolation:isolate;overflow:hidden;background:#071b2c!important;padding-top:96px;padding-bottom:84px}
body.chr-skin .chr-skin-hero::before{content:"";position:absolute;inset:0;z-index:-2;display:block;width:auto;height:auto;border:0;border-radius:0;background:var(--hero) center/cover no-repeat;opacity:.6;transform:none;animation:none}
body.chr-skin .chr-skin-hero::after{content:"";position:absolute;inset:0;z-index:-1;display:block;width:auto;height:auto;border:0;border-radius:0;background:radial-gradient(900px 420px at 88% 0%,rgba(40,195,119,.18),transparent 60%),linear-gradient(100deg,rgba(6,23,36,.96) 0%,rgba(6,23,36,.86) 45%,rgba(6,23,36,.5) 80%,rgba(6,23,36,.35) 100%);transform:none;animation:none}
body.chr-skin .chr-skin-hero h1{font-size:clamp(34px,4.6vw,58px);font-weight:800;letter-spacing:-.025em;line-height:1.06;color:#fff;max-width:920px}
body.chr-skin .chr-skin-hero h1 em,body.chr-skin .chr-skin-hero h1 span{color:#28c377}

body.chr-skin .chr-skin-hero .breadcrumb,body.chr-skin .chr-skin-hero .breadcrumb a{color:rgba(255,255,255,.72)}
body.chr-skin .chr-skin-hero .breadcrumb a:hover{color:#28c377}
body.chr-skin .chr-skin-hero .ch-byline,body.chr-skin .chr-skin-hero .ch-byline a,body.chr-skin .chr-skin-hero .hero-meta,body.chr-skin .chr-skin-hero .hero-time{color:rgba(255,255,255,.7)}
body.chr-skin .chr-skin-hero :is(.page-hero-badge,.hero-badge,.comp-hero-badge){padding:7px 14px;border:0;border-radius:999px;background:rgba(40,195,119,.92);color:#071b2c;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
body.chr-skin .chr-skin-hero .hero-tag{padding:7px 13px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.08);backdrop-filter:blur(6px);color:#fff;font-weight:700}
body.chr-skin .chr-skin-hero .hero-tag:hover{border-color:#28c377}

/* Títulos de contenido */
body.chr-skin :is(.content-wrap,.main-content,.prose,.article-wrap,.article-grid,.comp-body,.legal-content,.content) h2{font-weight:800;letter-spacing:-.018em}
body.chr-skin :is(.content-wrap,.main-content,.prose,.article-wrap,.article-grid,.comp-body,.legal-content,.content) h3{font-weight:800}
body.chr-skin :is(.slabel,.section-tag,.cat-label){color:#12814e;letter-spacing:.09em;text-transform:uppercase;font-weight:800}
body.chr-skin :is(.stitle,.section-title){font-weight:800;letter-spacing:-.02em}

/* Tarjetas */
body.chr-skin :is(.pcard,.kit-card,.rcard,.rg,.chv-card,.oc,.ch-pick__opt,.guia-card,.gcard,.ccard,.cat-card,.vcard,.comp-card){border:1px solid #dce5e9;border-radius:18px;box-shadow:0 8px 24px rgba(6,23,36,.06);transition:transform .25s,box-shadow .25s,border-color .25s}
body.chr-skin :is(.pcard,.rcard,.rg,.chv-card,.oc,.guia-card,.gcard,.ccard,.cat-card,.vcard,.comp-card):hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(6,23,36,.13);border-color:#bfe8d1}
body.chr-skin .kit-card.recomendado{border:2px solid #28c377;box-shadow:0 18px 44px rgba(6,23,36,.12)}
body.chr-skin .sidebar-card{border:1px solid #dce5e9;border-radius:18px;background:#f6f8f7}
body.chr-skin .toc-wrap{border:1px solid #dce5e9;border-radius:18px;background:#f6f8f7}

/* Botones */
body.chr-skin :is(.btn-ver,.chv-btn,.btn-sc){border-radius:11px;background:#071b2c;color:#fff!important;font-weight:800;box-shadow:none}
body.chr-skin :is(.btn-ver,.chv-btn,.btn-sc):hover{background:#19a866;transform:translateY(-1px)}
body.chr-skin :is(.btn-sidebar,.ch-close__btn,.ch-pick__opt--main .ch-pick__btn,.ch-mpa-btn){border-radius:12px;background:#28c377;color:#071b2c!important;font-weight:800;box-shadow:0 10px 26px rgba(40,195,119,.28)}
body.chr-skin :is(.btn-sidebar,.ch-close__btn,.ch-pick__opt--main .ch-pick__btn,.ch-mpa-btn):hover{background:#4ad28c}

/* Cajas */
body.chr-skin .box{border:1px solid #dce5e9;border-left:4px solid #19a866;border-radius:16px;background:#fff}
body.chr-skin .box-azul{border-left-color:#3b82c4;background:#f6faff}
body.chr-skin .box-verde,body.chr-skin .destacado{border-left-color:#19a866;background:#f2fbf6}
body.chr-skin .box-naranja{border-left-color:#f2a21b;background:#fffaf0}
body.chr-skin .box-rojo{border-left-color:#c8483c;background:#fff8f7}

/* Tablas */
body.chr-skin :is(.tabla-wrap,.ch-tablewrap){border:1px solid #dce5e9;border-radius:16px;overflow:auto;box-shadow:0 8px 24px rgba(6,23,36,.05)}
body.chr-skin :is(.tabla-wrap,.ch-tablewrap) table{border-collapse:collapse;width:100%}
body.chr-skin :is(.tabla-wrap,.ch-tablewrap) th{background:#071b2c;color:#fff;font-size:13px;letter-spacing:.04em;text-transform:uppercase}
body.chr-skin :is(.tabla-wrap,.ch-tablewrap) td{border-bottom:1px solid #edf1f3}
body.chr-skin :is(.tabla-wrap,.ch-tablewrap) tr:nth-child(even) td{background:#fafbfb}

/* FAQ */
body.chr-skin .faq-item{border:1px solid #dce5e9;border-radius:14px;overflow:hidden}
body.chr-skin .faq-q{font-weight:800}

/* Bloque «Sigue con tu plan» con foto */
.chr-next{position:relative;isolation:isolate;overflow:hidden}
.chr-next[style*="--bg"]::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--bg) center/cover no-repeat;opacity:.45}
.chr-next[style*="--bg"]::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgba(7,27,44,.97) 0%,rgba(7,27,44,.88) 60%,rgba(7,27,44,.7) 100%)}
.chr-next__eyebrow{display:inline-block;margin-bottom:10px;color:#28c377;font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
@media (max-width:760px){body.chr-skin .chr-skin-hero{padding-top:64px;padding-bottom:56px}}
body.chr-skin .veredicto-card h3,body.chr-skin .veredicto-card h3 *{color:#fff}body.chr-skin .v-card strong{color:#fff}
body.chr-skin .cta-sec{background:radial-gradient(900px 400px at 50% 0%,rgba(40,195,119,.18),transparent 60%),linear-gradient(135deg,#071b2c 0%,#102f49 100%)}