/* ═══════════════════════════════════════════════════════════════════════
   NH MAISON · sitio-web/paginas.css  (Fase 89)
   Lo propio de las páginas informativas del menú: Salones aliados,
   Mayoreo y Sé promotor. Se apoya en cuenta.css (colores, tarjetas,
   botones y formularios), así que se ven como el resto del sitio.
   ═══════════════════════════════════════════════════════════════════════ */
.subnav{display:flex;gap:.35rem;overflow-x:auto;scrollbar-width:none;padding:.55rem 0 .1rem;margin-top:.35rem;
  border-top:1px solid rgba(192,161,108,.14)}
.subnav::-webkit-scrollbar{display:none}
.subnav a{flex:none;font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:var(--taupe);
  padding:.45rem .8rem;border-radius:99px;white-space:nowrap}
.subnav a:hover{color:var(--gold-deep)}
.subnav a[aria-current="page"]{color:var(--gold-deep);background:rgba(192,161,108,.14)}

.pag{max-width:960px;margin-inline:auto}
.pag-hero{text-align:center;padding:clamp(26px,5vw,56px) clamp(18px,4vw,48px)}
.pag-hero h1{font-size:clamp(2rem,6vw,3.2rem);margin:.5rem 0 .8rem}
.pag-hero p.lede{font-size:.98rem;color:var(--taupe);max-width:58ch;margin:0 auto}
.pag-hero .acciones{display:flex;gap:.7rem;justify-content:center;flex-wrap:wrap;margin-top:1.4rem}
.pag h2{font-family:var(--font-display);font-weight:400;font-size:clamp(1.4rem,3.4vw,1.9rem);color:var(--espresso);margin-bottom:.6rem}
.pag p,.pag li{font-size:.9rem;line-height:1.7;color:var(--taupe)}
.pag b{color:var(--espresso);font-weight:500}
.pag ul,.pag ol{padding-left:1.2rem;margin:.3rem 0 .4rem}
.pag li{margin:.25rem 0}

.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.9rem;margin-top:.9rem}
.tile{padding:1.2rem 1.1rem;border-radius:var(--r-lg);background:rgba(255,255,255,.55);border:1px solid rgba(192,161,108,.22)}
.tile .n{font-family:var(--font-display);font-size:2rem;line-height:1;color:var(--gold-deep)}
.tile h3{font-family:var(--font-display);font-weight:500;font-size:1.12rem;color:var(--espresso);margin:.35rem 0 .3rem}
.tile p{font-size:.8rem;line-height:1.6}

.pasos{counter-reset:paso;list-style:none;padding:0!important;display:grid;gap:.7rem;margin-top:.8rem}
.pasos li{counter-increment:paso;position:relative;padding:.2rem 0 .2rem 3rem;margin:0}
.pasos li::before{content:counter(paso);position:absolute;left:0;top:0;width:2.1rem;height:2.1rem;border-radius:50%;
  display:grid;place-items:center;font-family:var(--font-display);font-size:1.1rem;color:#2E241B;
  background:linear-gradient(145deg,#D8BE90,#B2955F)}

.nota{font-size:.78rem!important;color:var(--mist)!important;margin-top:.8rem}
.wa-btn{background:#25D366!important;border-color:#25D366!important;color:#fff!important}
.wa-btn svg{width:16px;height:16px;stroke:#fff;fill:none;stroke-width:1.5}
.form-wa .acciones{margin-top:1.1rem;display:flex;gap:.6rem;flex-wrap:wrap}
.form-wa .error{color:var(--alert);font-size:.78rem;margin-top:.6rem}

.pie{text-align:center;font-size:.72rem;color:var(--mist);margin:1.6rem 0 2rem}
.pie a{color:var(--gold-deep)}
.pag p + p{margin-top:.7rem}