/* 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}
img{max-width:100%;height:auto}
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}

/* Tarjetas de producto (bestsellers) */
.productos{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin:24px 0}
.producto{border:1px solid var(--borde);border-radius:12px;overflow:hidden;background:#fff;display:flex;flex-direction:column;transition:box-shadow .2s}
.producto:hover{box-shadow:0 6px 20px rgba(14,110,168,.12)}
.producto .foto{background:#f6fafd;padding:14px;height:230px;display:flex;align-items:center;justify-content:center}
.producto .foto img{max-width:100%;max-height:100%;object-fit:contain}
.producto-cuerpo{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1}
.etiqueta{display:inline-block;background:var(--acento);color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.4px;text-transform:uppercase;padding:4px 12px;border-radius:20px;margin-bottom:10px;align-self:flex-start}
.etiqueta.rorra{background:#6d28d9}
.etiqueta.amazon{background:#e8821e}
.producto h3{margin:0 0 4px;font-size:1.08rem;line-height:1.35}
.producto .sub{font-size:.86rem;color:var(--gris);margin:0 0 8px}
.producto .precio{font-size:1.35rem;font-weight:800;color:var(--azul-osc);margin:6px 0 2px}
.producto .precio small{font-size:.8rem;font-weight:400;color:var(--gris)}
.producto ul{margin:10px 0;padding-left:18px;font-size:.9rem}
.producto ul li{margin-bottom:4px}
.producto .boton{margin-top:auto;text-align:center}
.producto .nota-precio{font-size:.78rem;color:var(--gris);margin-top:8px}
.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}}