/* landing.adirit.mx · «link in bio». Se carga después de estilo.css y sólo usa sus variables
   (ningún color propio: la paleta de marca de Adirit, la del logo). Contraste: mismos pares que estilo.css. */

.landing { background: var(--fondo-alt); }

/* ---- arriba: logo, una línea y «Próximamente» ---- */
.bio-portada { background: var(--rosa-tinte); text-align: center; padding: 32px var(--aire) 28px; border-bottom: 3px solid var(--rosa); }
.bio-portada .logo img { height: 56px; width: auto; }
.bio-portada h1 { font-size: clamp(1.625rem, 6.5vw, 2.25rem); letter-spacing: -.01em; margin-top: 20px; }
.bio-portada .etiqueta { margin: 16px 0 0; }

/* ---- una columna estrecha, como en el móvil de quien viene de una red social ---- */
.bio { max-width: 480px; margin: 0 auto; padding: 24px var(--aire) 48px; }
.bio-lista { list-style: none; margin: 0; padding: 0; display: grid; gap: 16px; }
.bio-redes { margin-top: 32px; }
.bio-redes h2 { font-size: 1.1875rem; text-align: center; margin-bottom: 16px; }

.tienda--bio { padding: 20px; }
.tienda--bio h2 { font-size: 1.1875rem; }
.tienda--bio .acciones { flex-direction: column; padding-top: 16px; margin-top: 0; }
.tienda--bio .boton { width: 100%; min-height: 52px; flex: none; }
.bio-redes .boton { width: 100%; min-height: 52px; flex: none; }