:root{--fondo:#fffdf8;--texto:#2b2a33;--suave:#5e5c6b;--acento:#2f7d6d;--acento2:#f2b544;--linea:#ece6da;--tarjeta:#fff;--wa:#1f9d55}
*{box-sizing:border-box}
body{margin:0;background:var(--fondo);color:var(--texto);font:17px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:var(--acento)}
.cab{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--linea);background:#fff}
.marca{font-weight:700;font-size:1.15rem;text-decoration:none;color:var(--texto)}
nav{display:flex;flex-wrap:wrap;gap:.25rem 1rem}
nav a{text-decoration:none;color:var(--suave);padding:.25rem 0}
nav a[aria-current=page]{color:var(--acento);font-weight:600;border-bottom:2px solid var(--acento2)}
main{max-width:860px;margin:0 auto;padding:1.5rem 16px 4rem}
h1{font-size:clamp(1.6rem,4.5vw,2.3rem);line-height:1.2;margin:.5rem 0 1rem}
h2{font-size:1.35rem;margin:2.2rem 0 .6rem}
h3{font-size:1.05rem;margin:1.2rem 0 .3rem}
.entrada{font-size:1.15rem;color:var(--suave)}
.portada{width:100%;height:auto;border-radius:14px;background:var(--linea);display:block;margin:1rem 0}
.boton{display:inline-block;background:var(--acento);color:#fff;text-decoration:none;font-weight:600;padding:.8rem 1.3rem;border-radius:999px}
.rejilla{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.tarjeta{background:var(--tarjeta);border:1px solid var(--linea);border-radius:12px;padding:1rem}
.tarjeta h3{margin-top:0}
.lista{padding-left:1.2rem}
.lista li{margin:.3rem 0}
.tabla{border-collapse:collapse;width:100%}
.tabla th,.tabla td{border-bottom:1px solid var(--linea);padding:.5rem;text-align:left;vertical-align:top}
.mapa{width:100%;height:320px;border:0;border-radius:12px}
.pie{border-top:1px solid var(--linea);background:#fff;padding:1.5rem 16px 5rem;text-align:center;color:var(--suave);font-size:.95rem}
.wa{position:fixed;right:16px;bottom:16px;background:var(--wa);color:#fff;text-decoration:none;font-weight:700;padding:.8rem 1.1rem;border-radius:999px;box-shadow:0 4px 14px rgba(0,0,0,.2)}
mark.pend{background:#ffe08a;color:#5a3d00;padding:0 .2em;border-radius:3px}