/* Distribución de cuadros opcionales; el contenido oculto conserva sus datos. */
[hidden]{display:none!important}
.plans[data-visible-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px;margin-inline:auto}
.plans[data-visible-count="1"]{grid-template-columns:minmax(0,1fr);max-width:520px;margin-inline:auto}
.tgrid[data-visible-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr));max-width:630px;margin-inline:auto}
.tgrid[data-visible-count="1"]{grid-template-columns:minmax(0,1fr);max-width:340px;margin-inline:auto}
@media(max-width:1000px){.plans[data-visible-count]{grid-template-columns:minmax(0,1fr);max-width:520px}}
@media(max-width:760px){.tgrid[data-visible-count]{grid-template-columns:minmax(0,1fr);max-width:340px}}

/* Las secciones ocultas salen del flujo; las tarjetas visibles ocupan las columnas. */
.mods[data-visible-count="1"],.mods[data-visible-count="2"],.mods[data-visible-count="3"],.mods[data-visible-count="4"],.mods[data-visible-count="5"]{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
.stats .wrap[data-visible-count]:not([data-visible-count="4"]){grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}
.steps[data-visible-count="1"],.steps[data-visible-count="2"]{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));max-width:900px;margin-inline:auto}
.hero>.wrap[data-visible-count="1"],.about>.wrap[data-visible-count="1"],.band>.wrap[data-visible-count="1"],.exp>.wrap[data-visible-count="1"],.gw-card[data-visible-count="1"],.founders[data-visible-count="1"],.org>.wrap[data-visible-count="1"],footer>.wrap[data-visible-count="1"]{grid-template-columns:minmax(0,1fr)}
footer>.wrap[data-visible-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}
.cal>.wrap:has(>.tl[hidden]){grid-template-columns:minmax(0,1fr)}
.band .wrap[data-visible-count="1"]>.side{border-left:0;padding-left:0}
@media(max-width:760px){footer>.wrap[data-visible-count]{grid-template-columns:minmax(0,1fr)}}

.hero-bar .wrap[data-visible-count="1"]{grid-template-columns:minmax(0,1fr)}
.hero-bar .wrap[data-visible-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}
.pay[data-visible-count="1"]{grid-template-columns:minmax(0,1fr);max-width:650px;margin-inline:auto}
.stats .wrap[data-visible-count]:not([data-visible-count="4"])>.stat:not([hidden]){border-left:0;padding-inline:12px}
@media(max-width:760px){.hero-bar .wrap[data-visible-count]{grid-template-columns:minmax(0,1fr)}}