/* =====================================================================
   Contenido editorial de pilares SEO — misma piel que tienda.wattsaver.com
   (fondo claro #F3F6F4, texto #132A1C, acento verde #10B981, hero #0B3D24)
   El hero NO se define aquí: se reutiliza el componente .silo-hero.ws-hero
   de la tienda para que luzca idéntico a /extintores-covenin/.
   ===================================================================== */

.chk-crumbs{font-size:12.5px;color:#5C6B62;margin:16px 0 6px}
.chk-crumbs a{color:#0E7A46;text-decoration:none;display:inline-flex;align-items:center;min-height:44px;min-width:44px;justify-content:center;padding:0 4px}

.chk-sec{margin:34px 0}
.chk-sec > h2{font-family:'Rajdhani',sans-serif;font-size:clamp(22px,2.6vw,29px);line-height:1.22;color:#132A1C;margin:0 0 10px}
.chk-sec h3{font-family:'Rajdhani',sans-serif;font-size:18px;color:#132A1C;margin:0 0 6px}
.chk-sec p,.chk-sec li{font-size:15.5px;line-height:1.68;color:#33403A}
.chk-sec a{color:#0E7A46}
.chk-lead{font-size:16.5px;color:#3B4A43}

.chk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:16px}
.chk-card{background:#fff;border:1px solid #D2E0D7;border-radius:12px;padding:16px 18px;box-shadow:0 6px 18px rgba(18,101,60,.06)}
.chk-card p{margin:0;font-size:14.5px;color:#4A5A52}
.chk-card h3{color:#132A1C}

.chk-list{list-style:none;padding:0;margin:14px 0 0;counter-reset:chk}
.chk-list li{position:relative;background:#fff;border:1px solid #D2E0D7;border-radius:12px;padding:13px 16px 13px 54px;margin-bottom:10px;counter-increment:chk;box-shadow:0 4px 12px rgba(18,101,60,.04)}
.chk-list li::before{content:counter(chk);position:absolute;left:14px;top:13px;width:26px;height:26px;border-radius:50%;background:#0B3D24;color:#fff;font-family:'Rajdhani',sans-serif;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center}
.chk-list strong{color:#132A1C}

.chk-warn{background:#F0FAF4;border:1px solid #B7E4C7;border-left:4px solid #10B981;border-radius:12px;padding:14px 16px;margin:18px 0}
.chk-warn p{margin:0;font-size:14.5px;color:#25503A}

.chk-table{width:100%;border-collapse:collapse;margin-top:14px;background:#fff;font-size:14.5px;border-radius:12px;overflow:hidden;box-shadow:0 6px 18px rgba(18,101,60,.06)}
.chk-table th,.chk-table td{border:1px solid #D2E0D7;padding:10px 12px;text-align:left;vertical-align:top;color:#33403A}
.chk-table th{background:#0B3D24;color:#fff;font-family:'Rajdhani',sans-serif;letter-spacing:.4px;border-color:#0B3D24}
.chk-table strong{color:#132A1C}

.chk-faq details{background:#fff;border:1px solid #D2E0D7;border-radius:12px;padding:12px 16px;margin-bottom:10px;box-shadow:0 4px 12px rgba(18,101,60,.04)}
.chk-faq summary{font-weight:700;cursor:pointer;color:#132A1C;font-size:15.5px;min-height:44px;display:flex;align-items:center;padding:6px 0}
.chk-faq p{margin:8px 0 0;font-size:14.5px}

.chk-cta{background:#0B3D24;color:#fff;border-radius:14px;padding:26px 24px;margin-top:30px;text-align:center}
.chk-cta h2{color:#fff !important;margin:0 0 8px;font-family:'Rajdhani',sans-serif;font-size:clamp(21px,2.4vw,27px)}
.chk-cta p{color:#D8E9DE !important;margin:0 auto 16px;max-width:620px;font-size:15px}
.chk-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border-radius:10px;font-weight:800;font-size:14.5px;text-decoration:none;background:#10B981;color:#04120B}
.chk-btn:hover{filter:brightness(1.06)}

.chk-related{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 40px}
.chk-related a{display:inline-flex;align-items:center;min-height:44px;padding:10px 14px;border:1px solid #D2E0D7;border-radius:10px;text-decoration:none;font-size:14px;color:#132A1C;background:#fff}

@media(max-width:640px){.chk-sec{margin:26px 0}.chk-list li{padding-left:50px}.chk-table{font-size:13.5px}}
.chk-crumb-sep{color:#8FA298;font-size:13px;padding:0 6px}
