/* «Tu arranque acompañado de 15 min» (app/arranque.js): tarjeta en Planes, Perfil y Mi cuenta, y su formulario */
.arr-tarjeta { border: 1px solid var(--accent); border-radius: var(--r-xl, 14px); padding: 20px 22px; margin: 0 0 22px; display: grid; gap: 8px; justify-items: start; background: var(--surface); }
.arr-tarjeta.arr-compacta { padding: 16px 18px; margin: 0; }
.arr-etiqueta { margin: 0; font-size: 12px; letter-spacing: .08em; font-weight: 700; color: var(--accent); }
.arr-titulo { margin: 0; font-size: 21px; line-height: 1.2; }
.arr-compacta .arr-titulo { font-size: 17px; }
.arr-frase { margin: 0; color: var(--ink-2, var(--ink)); line-height: 1.5; max-width: 62ch; }
.arr-agendar { margin-top: 6px; }
.arr-dialogo { max-height: calc(100vh - 40px); overflow-y: auto; }
.arr-form { display: grid; gap: 4px; }
.arr-contacto { border: 0; padding: 0; margin: 0 0 6px; display: flex; flex-wrap: wrap; gap: 6px 18px; align-items: center; }
.arr-contacto legend { width: 100%; margin-bottom: 6px; }
.arr-radio { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; cursor: pointer; }
.arr-radio input { width: 18px; height: 18px; accent-color: var(--accent); }
