/* ==========================================================================
   ft-proyectos-cta.css — entrada a soluciones.html desde la portada.
   Solo posiciona: NO define colores de fondo ni toca la paleta --ft-h-*.
   ========================================================================== */

/* CTA con dos enlaces en la misma linea; en movil caen uno debajo del otro. */
body.ft-home .ft-h-cta--dual {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 26px;
}

/* Enlace secundario del par: mismo patron .ft-h-link, peso visual menor. */
body.ft-home .ft-h-link--soft { color: var(--ft-h-dim); font-weight: 600; }
body.ft-home .ft-h-link--soft:hover { color: var(--ft-h-ink); }

/* En el bloque de cierre el enlace a proyectos lleva flecha y color de acento. */
body.ft-home .ft-h-end-links a .ft-h-arrow { transition: transform var(--ft-h-t); }
body.ft-home .ft-h-end-links a:hover .ft-h-arrow { transform: translateX(3px); }
body.ft-home .ft-h-end-links .ft-h-end-proyectos { color: var(--ft-h-accent); font-weight: 600; }
body.ft-home .ft-h-end-links .ft-h-end-proyectos:hover { color: var(--ft-h-ink); }
body.ft-home .ft-h-end-links .ft-h-end-proyectos::before { background: var(--ft-h-accent); }

@media (max-width: 640px) {
  body.ft-home .ft-h-cta--dual { flex-direction: column; align-items: flex-start; gap: 0; }
}