.hero__fineprint {
    color: var(--text-soft);
    font-size: 0.75rem;
    /* 12px */
    line-height: 1.45;
    max-width: 100%;
    text-align: justify;
}

/* ---------- Botones de acción ---------- */
.actions {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
}

/* Variante outline (fondo blanco, borde y texto oscuro)
   Hover: borde + ícono + texto pasan a #067FEE; el fondo sigue blanco. */
.btn--outline {
    background-color: var(--white);
    border-color: var(--blue-dark);
    color: var(--blue-dark);
}

.btn--outline:hover,
.btn--outline:focus-visible {
    border-color: var(--blue-bright);
    color: var(--blue-bright);
}

.btn:focus-visible {
    outline: 3px solid rgba(6, 127, 238, .4);
    outline-offset: 2px;
}