/* AguaPura Hogar - estilos base */
:root{
  --azul:#0e6ea8; --azul-osc:#0a527d; --celeste:#e8f4fb;
  --texto:#22303a; --gris:#5b6b76; --borde:#d9e6ee; --fondo:#ffffff;
  --acento:#0fa968; --amarillo:#fff8e1;
}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--texto);line-height:1.7;background:var(--fondo)}
.contenedor{max-width:900px;margin:0 auto;padding:0 20px}
header.sitio{background:var(--azul);color:#fff;padding:14px 0}
header.sitio .contenedor{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}
.marca{font-size:1.4rem;font-weight:800;color:#fff;text-decoration:none}
.marca span{font-weight:400;font-size:1rem;opacity:.9}
nav.principal a{color:#fff;text-decoration:none;margin-left:18px;font-size:.95rem}
nav.principal a:hover{text-decoration:underline}
.hero{background:var(--celeste);padding:40px 0;border-bottom:1px solid var(--borde)}
.hero h1{margin:0 0 10px;font-size:2rem;line-height:1.3}
.hero p{margin:0;color:var(--gris);font-size:1.05rem}
main{padding:32px 0}
h2{color:var(--azul-osc);margin-top:2em}
h3{color:var(--azul-osc)}
.tarjetas{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:24px 0}
.tarjeta{border:1px solid var(--borde);border-radius:10px;padding:18px;background:#fff}
.tarjeta h3{margin-top:0}
.boton{display:inline-block;background:var(--acento);color:#fff!important;text-decoration:none;padding:12px 22px;border-radius:8px;font-weight:700;margin:8px 0}
.boton:hover{background:#0c8753}
.boton-sec{background:var(--azul)}
.boton-sec:hover{background:var(--azul-osc)}
.tabla{width:100%;border-collapse:collapse;margin:20px 0;font-size:.95rem}
.tabla th,.tabla td{border:1px solid var(--borde);padding:10px;text-align:left;vertical-align:top}
.tabla th{background:var(--celeste)}
.aviso{background:var(--amarillo);border:1px solid #f0dfa8;border-radius:8px;padding:12px 16px;font-size:.9rem;margin:20px 0}
.faq{margin:24px 0}
.faq details{border:1px solid var(--borde);border-radius:8px;margin-bottom:10px;padding:12px 16px}
.faq summary{font-weight:700;cursor:pointer;color:var(--azul-osc)}
footer.sitio{background:#10222e;color:#cfe3ef;padding:28px 0;margin-top:40px;font-size:.88rem}
footer.sitio a{color:#9fd0ea}
.divulgacion{background:#fff3cd;border:1px solid #e6d28a;border-radius:8px;padding:12px 16px;font-size:.85rem;margin:24px 0;color:#5a4a1a}
.migas{font-size:.85rem;color:var(--gris);margin-bottom:16px}
.migas a{color:var(--azul)}
@media(max-width:600px){.hero h1{font-size:1.5rem}nav.principal a{margin-left:12px}}