/* Página Hazte socio · familia visual del index */
.hs .hero{padding:80px 0 56px}
.rb.big{font-size:13px;padding:7px 16px;margin-bottom:22px;background:color-mix(in srgb,var(--rd) 8%,transparent)}
.hs .hero h1 span{background:linear-gradient(90deg,var(--rd),#f97316);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.hs .hero .lead{max-width:720px}
.hs .stats{margin:48px auto 0;text-align:left}
nav .nr .btn.r.on{background:var(--rd);color:#fff}
.hs #ventajas{padding-top:72px}
.hs .promo{display:inline-block;margin:0 0 22px;padding:8px 16px}
.price.two-c{grid-template-columns:repeat(2,minmax(0,1fr));max-width:860px;margin:0 auto}
.pc.plus{border:2px solid color-mix(in srgb,var(--rd) 45%,var(--bd))}
.pc.ent{background:color-mix(in srgb,var(--rd) 5%,var(--surf))}
.pc.rd .btn,.pc.plus .btn{margin-top:auto}
.fn.wide{max-width:860px;margin:28px auto 0;border-top:1px solid var(--bd);padding-top:16px;font-size:13px}
@media(max-width:780px){.price.two-c{grid-template-columns:1fr}.hs .hero{padding:56px 0 40px}}
.hs .pc.rd{padding:36px}.hs .pc{align-self:stretch}.hs .pc .rb{margin-bottom:14px}
.price.two-c,.fn.wide{max-width:none;margin-left:0;margin-right:0}

/* Foto de fondo en la portada (lavada, ~70 % visible) con los efectos de color encima */
.hs .hero{background:
 radial-gradient(60% 75% at 50% 42%,color-mix(in srgb,var(--bg) 62%,transparent),transparent 100%),
 linear-gradient(color-mix(in srgb,var(--bg) 30%,transparent),color-mix(in srgb,var(--bg) 30%,transparent)),
 url(../img/fondo-socios.webp) center/cover no-repeat}
@media(max-width:780px){.hs .hero{background-position:center,center,70% center}}
.hs .hero .lead{color:#334155;font-weight:500}
@media all{.hs .hero .lead{color:#cbd5e1}}
@media(max-width:780px){.hs .hero{background:
 linear-gradient(color-mix(in srgb,var(--bg) 52%,transparent),color-mix(in srgb,var(--bg) 52%,transparent)),
 url(../img/fondo-socios.webp) 72% center/cover no-repeat}}

/* Detalles de la portada */
.dsh{display:inline-block;margin:0 .22em}
.rb.big{background:rgba(255,255,255,.72);border-color:var(--rd)}
@media all{.rb.big{background:rgba(255,255,255,.12)}}
.st b.cb{display:flex;align-items:center;height:52px;line-height:1}
.st b.cb .cl{width:78px;height:auto;filter:drop-shadow(0 8px 14px rgba(6,182,212,.35));animation:flIA 4.2s ease-in-out infinite}