/* links.semillabitcoin.com: lo que la página de enlaces añade a estilo.css de Casa.
   Los colores son los tokens de Casa (--fondo, --blanco, --azul…), en su versión oscura. */

.enl{max-width:560px;margin:0 auto;padding:44px 16px 36px}

.enl-perfil{text-align:center;margin-bottom:20px}
.enl-avatar{display:block;margin:0 auto;width:92px;height:92px;border-radius:50%;
  box-shadow:0 8px 28px rgba(68,87,196,.35)}
.enl-nombre{font-size:2rem;line-height:1.1;margin:16px 0 6px;color:var(--tinta)}
.enl-lema{margin:0 auto;max-width:400px;color:var(--dim);line-height:1.45}

.enl-grupo{margin-top:26px}
.enl-grupo .bandeja-grupo{margin-bottom:10px}
.enl-lista{list-style:none;margin:0;padding:0;display:grid;gap:10px}

.enl-boton{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:16px;
  background:var(--blanco);border:1px solid var(--linea);color:var(--tinta);text-decoration:none;
  transition:border-color .15s, transform .15s}
.enl-boton:hover{border-color:var(--azul);transform:translateY(-1px)}
.enl-boton:focus-visible{outline:2px solid var(--azul);outline-offset:2px}

.enl-icono{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:12px;
  background:var(--azul-tenue);color:var(--azul)}
.enl-icono svg{width:24px;height:24px}
.enl-icono-foto{background:none;overflow:hidden}
.enl-icono-foto img{width:46px;height:46px;border-radius:12px;display:block}

.enl-texto{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.enl-tit{font-weight:650;font-size:1.02rem;line-height:1.25}
.enl-detalle{font-size:.86rem;color:var(--dim);line-height:1.35}
.enl-flecha{flex:none;font-size:1.6rem;line-height:1;color:var(--dim)}
.enl-boton:hover .enl-flecha{color:var(--azul)}

.enl-redes{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 0 30px}
.enl-redes a{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;
  background:var(--blanco);border:1px solid var(--linea);color:var(--tinta)}
.enl-redes a:hover{border-color:var(--azul);color:var(--azul)}
.enl-redes svg{width:20px;height:20px}

.enl-pie{text-align:center;font-size:.85rem;color:var(--dim);margin-top:34px}
