/* Comparador de alarmas · 9-nov-2026 · sin recursos externos */
@font-face{font-family:"Jakarta";src:url(../fonts/plus-jakarta-sans-400-800-latin.woff2) format("woff2");font-weight:400 800;font-display:swap}
@font-face{font-family:"Inter";src:url(../fonts/inter-300-900-latin.woff2) format("woff2");font-weight:300 900;font-display:swap}
:root{--marino:#0F2744;--marca:#0E7490;--marca-osc:#0B5D73;--acento:#F59E0B;--acento-osc:#B45309;--texto:#1E293B;--suave:#475569;
--fondo:#F8FAFC;--blanco:#fff;--borde:#E2E8F0;--claro:#E6F4F7;--si:#15803D;--no:#B91C1C;--radio:14px;--sombra:0 6px 24px rgba(15,39,68,.08)}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--texto);background:var(--fondo);line-height:1.65;font-size:17px}
h1,h2,h3,h4{font-family:"Jakarta","Inter",sans-serif;color:var(--marino);line-height:1.25;letter-spacing:-.01em}
h1{font-size:clamp(1.9rem,4.2vw,2.8rem);margin:.2em 0 .35em}h2{font-size:clamp(1.35rem,2.6vw,1.75rem);margin:1.8em 0 .5em}
h3{font-size:1.15rem;margin:1.4em 0 .4em}a{color:var(--marca)}a:hover{color:var(--marca-osc)}
.contenedor{max-width:1120px;margin:0 auto;padding:0 20px}.prosa{max-width:860px}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;background:#fff;padding:8px 12px;z-index:99}
.ico{width:1.1em;height:1.1em;vertical-align:-.18em}
/* cabecera */
.cab{background:var(--blanco);border-bottom:1px solid var(--borde);position:sticky;top:0;z-index:20}
.barra{display:flex;align-items:center;justify-content:space-between;min-height:64px;gap:16px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:"Jakarta",sans-serif;font-weight:800;color:var(--marino);font-size:1.08rem}
.logo-svg{width:30px;height:30px}.nav{display:flex;gap:22px}.nav a{text-decoration:none;color:var(--texto);font-weight:600;font-size:.95rem}
.nav a[aria-current=page]{color:var(--marca)}.menu-btn{display:none;background:none;border:0;font-size:1.4rem;color:var(--marino);cursor:pointer}
@media (max-width:860px){.menu-btn{display:block}.nav{display:none;position:absolute;left:0;right:0;top:64px;background:#fff;flex-direction:column;
padding:12px 20px 18px;border-bottom:1px solid var(--borde)}.nav.abierta{display:flex}}
/* portada y cabeceras */
.hero{background:linear-gradient(135deg,var(--marino),#163a63 60%,var(--marca));color:#fff;padding:34px 0 38px}
.hero h1{color:#fff}.hero .entradilla{font-size:1.12rem;max-width:760px;color:#E2E8F0}.hero .meta{font-size:.85rem;color:#CBD5E1}
.hero .meta a{color:#fff}.hero-portada{padding:56px 0 60px}.kicker{display:inline-block;font-weight:700;font-size:.8rem;text-transform:uppercase;
letter-spacing:.08em;color:#FCD34D}.migas{font-size:.85rem;margin-bottom:10px;color:#CBD5E1}.migas a{color:#fff}
/* botones */
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:999px;font-weight:700;text-decoration:none;border:2px solid transparent;
font-family:"Jakarta",sans-serif;font-size:.98rem;cursor:pointer}.btn-sm{padding:7px 13px;font-size:.85rem}
.btn-acento{background:var(--acento);color:#1F2937}.btn-acento:hover{background:#FBBF24;color:#111827}
.btn-marca{background:var(--marca);color:#fff}.btn-marca:hover{background:var(--marca-osc);color:#fff}
.btn-fantasma{border-color:var(--marca);color:var(--marca);background:transparent}.ctas{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}
/* botón de tienda junto al precio de un kit (9-nov-2026) */
.tienda{display:block;margin-top:8px}.btn-tienda{border-color:var(--marca);color:var(--marca);background:#fff;white-space:nowrap}.btn-tienda:hover{background:var(--marca);color:#fff}
/* tablas */
.tabla-envoltura{overflow-x:auto;border:1px solid var(--borde);border-radius:var(--radio);background:#fff;box-shadow:var(--sombra);margin:18px 0}
@media (min-width:1000px){.prosa .tabla-envoltura.ancha{width:min(1080px,calc(100vw - 40px));position:relative;left:50%;transform:translateX(-50%)}}
.tabla{border-collapse:collapse;width:100%;min-width:760px;font-size:.92rem}.tabla caption{text-align:left;padding:12px 14px;color:var(--suave);font-size:.85rem}
.tabla th,.tabla td{padding:11px 12px;border-top:1px solid var(--borde);text-align:left;vertical-align:top}
.tabla thead th{background:var(--claro);color:var(--marino);font-size:.82rem;text-transform:uppercase;letter-spacing:.03em;border-top:0}
.tabla tbody th{font-weight:700}.tabla.ficha{min-width:0;table-layout:fixed}.tabla.ficha th{width:38%;background:#FAFCFD}
.tabla.ficha td,.tabla.ficha th{overflow-wrap:anywhere}
.si{color:var(--si);font-weight:600;white-space:nowrap}.no{color:var(--no);font-weight:600;white-space:nowrap}.fuente{font-size:.8rem;color:var(--suave)}
/* bloques */
.pista{font-size:.88rem;color:var(--suave)}.aviso{background:#FFF7E6;border-left:4px solid var(--acento);padding:12px 16px;border-radius:8px}
.cta{background:#fff;border:1px solid var(--borde);border-left:6px solid var(--acento);border-radius:var(--radio);padding:22px 24px;margin:34px 0;box-shadow:var(--sombra)}
.cta h2{margin-top:0}.rejilla{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:18px 0}
.tarjeta{background:#fff;border:1px solid var(--borde);border-radius:var(--radio);padding:18px;box-shadow:var(--sombra)}.tarjeta h3{margin-top:0}
.norma{margin:18px 0;padding:14px 18px;background:#F1F5F9;border-left:4px solid var(--marca);border-radius:8px;font-size:.95rem}
.norma p{margin:0 0 6px}.norma footer{font-size:.85rem}.fuentes{font-size:.9rem}
.lista-check{list-style:none;padding-left:0}.lista-check li{padding-left:30px;position:relative;margin:8px 0}
.lista-check li::before{content:"";position:absolute;left:4px;top:.45em;width:14px;height:8px;border-left:3px solid var(--si);border-bottom:3px solid var(--si);transform:rotate(-45deg)}
details{background:#fff;border:1px solid var(--borde);border-radius:10px;padding:12px 16px;margin:10px 0}summary{font-weight:700;cursor:pointer;color:var(--marino)}
/* calculadora */
.calc{background:#fff;border:1px solid var(--borde);border-radius:var(--radio);padding:22px;margin:30px 0;box-shadow:var(--sombra)}.calc h2{margin-top:0}
.calc-rejilla{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.calc-op{border:1px solid var(--borde);border-radius:10px;padding:12px 16px}
.calc-op legend{font-weight:800;color:var(--marca);padding:0 6px}.calc label{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:8px 0;font-size:.92rem}
.calc input,.calc select{width:120px;padding:8px 10px;border:1px solid #CBD5E1;border-radius:8px;font:inherit}.calc-resultado{margin-top:14px;font-size:1.02rem}
.calc-resultado .total{font-family:"Jakarta",sans-serif;font-size:1.35rem;font-weight:800;color:var(--marino)}
/* captación */
.form-captacion{display:grid;gap:10px;max-width:560px}.form-captacion input[type=email]{padding:12px 14px;border:1px solid #CBD5E1;border-radius:10px;font:inherit}
.casilla{display:flex;gap:10px;align-items:flex-start;font-size:.88rem;color:var(--suave)}.casilla input{margin-top:4px;width:18px;height:18px;flex:none}
/* pie */
.pie{background:var(--marino);color:#CBD5E1;margin-top:60px;padding:40px 0 26px;font-size:.92rem}.pie a{color:#fff}.pie .logo{color:#fff}
.pie-rejilla{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:26px}.pie h4{color:#fff;margin:0 0 8px}.pie ul{list-style:none;padding:0;margin:0}.pie li{margin:6px 0}
.legal-linea{border-top:1px solid #23466F;margin-top:26px;padding-top:16px;font-size:.82rem}
@media (max-width:760px){body{font-size:16px}.pie-rejilla{grid-template-columns:1fr 1fr}.hero-portada{padding:40px 0}}
@media (max-width:480px){.pie-rejilla{grid-template-columns:1fr}.calc label{flex-direction:column;align-items:flex-start}.calc input{width:100%}}