/* Grupo Nórdico — el link de reservas dentro de la app y el PIN en Mi perfil (Bloque A, ver public/reservas-link.js): clases rln-.
   El flujo en sí usa los estilos de la página del link (public/reservar.css, que se carga al abrirlo). */
.rln-sin-scroll, .rln-sin-scroll body { overflow: hidden; }
.rln-capa { animation: rln-entra .16s ease-out; }
@keyframes rln-entra { from { opacity: 0; transform: translateY(8px); } }
.rln-ficha { display: flex; flex-direction: column; gap: 6px; margin-top: 10px; }
.rln-linea { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.rln-pin { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.rln-pin .inp { flex: 1 1 120px; min-width: 0; max-width: 100%; }
.rln-pin select.inp { flex: 2 1 180px; }
.rln-pin .btn { flex: 0 0 auto; }
@media (max-width: 520px) { .rln-pin .btn { flex: 1 1 100%; } }