/* =========================================================
   NÚMEROS FINOS · /empezar (link en bio, estilo linktree)
   Página focalizada, mobile-first, centrada. Reutiliza los
   tokens y el patrón de puntos de styles.css.
   ========================================================= */

.ltk {
  position: relative;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: var(--blanco);
}

/* patrón de puntos decorativo (esquina inferior izquierda) */
.dotbg--bl { bottom: -46px; left: -34px; }

.ltk__inner {
  position: relative;
  z-index: 1;
  flex: 1;
  width: 100%;
  max-width: 460px;
  margin: 0 auto;
  padding: 2.6rem 1.25rem 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* -------- Encabezado -------- */
.ltk__head { text-align: center; margin-bottom: 1.9rem; }
.ltk__mark { width: 64px; height: 64px; margin: 0 auto .9rem; display: block; }
.ltk__name { font-size: 1.75rem; }
.ltk__slogan {
  font-family: var(--ff-mono); text-transform: uppercase; letter-spacing: .1em;
  font-size: .78rem; color: var(--gris); margin-top: .55rem;
}
.ltk__lead { color: var(--gris); font-size: .96rem; margin-top: .85rem; }

/* -------- Botones -------- */
.ltk__btns { display: grid; gap: .8rem; }

.ltk-btn {
  display: flex; align-items: center; gap: .9rem;
  width: 100%;
  padding: 1.05rem 1.15rem;
  border-radius: 12px;
  border: 2px solid var(--negro);
  background: #fff; color: var(--negro);
  font-family: var(--ff-txt); font-weight: 700; font-size: 1.02rem;
  transition: transform .15s ease, background .2s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.ltk-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 22px rgba(2, 2, 1, .10); }
.ltk-btn:focus-visible { outline: 3px solid var(--azul); outline-offset: 3px; }

.ltk-btn__ic { flex: none; width: 24px; height: 24px; }
.ltk-btn__ic svg { width: 100%; height: 100%; display: block; }

.ltk-btn__txt { flex: 1; display: flex; flex-direction: column; line-height: 1.2; text-align: left; }
.ltk-btn__txt small {
  font-family: var(--ff-mono); font-weight: 400; font-size: .68rem;
  text-transform: uppercase; letter-spacing: .04em; color: var(--gris); margin-top: .18rem;
}

.ltk-btn__arrow { flex: none; width: 20px; height: 20px; color: var(--gris); transition: transform .15s ease; }
.ltk-btn__arrow svg { width: 100%; height: 100%; display: block; }
.ltk-btn:hover .ltk-btn__arrow { transform: translateX(3px); }

/* botón principal: WhatsApp */
.ltk-btn--wa { background: var(--azul); border-color: var(--azul); color: #fff; }
.ltk-btn--wa:hover { background: var(--azul-d); border-color: var(--azul-d); }
.ltk-btn--wa .ltk-btn__txt small { color: rgba(255, 255, 255, .72); }
.ltk-btn--wa .ltk-btn__arrow { color: rgba(255, 255, 255, .82); }

/* -------- Contacto -------- */
.ltk-contact { margin-top: 2.1rem; text-align: center; }
.ltk-contact__label {
  font-family: var(--ff-mono); text-transform: uppercase; letter-spacing: .12em;
  font-size: .72rem; color: var(--azul);
}
.ltk-contact__rows { display: grid; gap: .55rem; margin-top: .95rem; }
.ltk-contact__row {
  display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
  font-size: .95rem; color: var(--negro);
  transition: color .15s ease;
}
.ltk-contact__row:hover { color: var(--azul); }
.ltk-contact__row svg { width: 18px; height: 18px; color: var(--azul); flex: none; }
.ltk-contact__note {
  font-family: var(--ff-mono); font-size: .72rem; color: var(--gris);
  margin-top: 1.1rem; line-height: 1.5;
}

/* -------- Pie -------- */
.ltk__foot {
  position: relative; z-index: 1;
  text-align: center; padding: 1.3rem;
  font-family: var(--ff-mono); font-size: .74rem; color: var(--gris);
}
.ltk__foot a { color: var(--azul); }
.ltk__foot a:hover { text-decoration: underline; }

/* respeta el motion reducido: sin desplazamientos en hover */
@media (prefers-reduced-motion: reduce) {
  .ltk-btn, .ltk-btn__arrow { transition: none; }
  .ltk-btn:hover { transform: none; }
  .ltk-btn:hover .ltk-btn__arrow { transform: none; }
}