/* /get-started/ · página de conversión. Solo lo que no existe en plantillas.css: garantías bajo la
   respuesta, la tarjeta del formulario en la cabecera, el recorrido vertical de los pasos 2-4 y la
   pareja «primer día / lo que cuesta». Solo tokens de tokens.css. */

/* Garantías (sale de la nota de cabecera de Configuración, partida por «·»). */
.empezar-garantias {
	list-style: none; padding: 0; margin: var(--sp-24) 0 0;
	display: flex; flex-wrap: wrap; gap: var(--sp-12) var(--sp-24);
	font-size: var(--fs-16); font-weight: 600; line-height: 1.4;
}
.empezar-garantias li { display: inline-flex; align-items: center; gap: var(--sp-8); min-height: var(--target); }

/* Tarjeta del formulario: blanca sobre crema, con borde para que se lea como un bloque propio. */
.empezar-formulario { border: 1px solid var(--arg-border); box-shadow: var(--shadow-card); scroll-margin-top: var(--sp-96); }
.empezar-formulario__paso { color: var(--arg-link); }
.empezar-formulario__titulo { margin-top: var(--sp-8); font-size: var(--fs-35); line-height: var(--lh-heading); letter-spacing: var(--ls-heading); }
.empezar-formulario__texto { margin: var(--sp-12) 0 var(--sp-24); color: var(--arg-text-weak); font-size: var(--fs-18); line-height: 1.5; }
.empezar-formulario__alternativa { display: grid; gap: var(--sp-12); }
.empezar-formulario__alternativa .nota { margin-top: 0; }
@media (min-width: 600px) { .empezar-formulario { padding: var(--sp-32); } }
@media (min-width: 1024px) { .empezar-formulario { margin-top: var(--sp-32); } }

/* Recorrido de los pasos 2-4: número grande a la izquierda, línea que los une. */
.empezar-pasos { --paso: var(--sp-48); list-style: none; padding: 0; margin: 0; display: grid; gap: 0; max-width: 880px; }
.empezar-paso { display: grid; grid-template-columns: var(--paso) minmax(0, 1fr); column-gap: var(--sp-16); position: relative; padding-bottom: var(--sp-48); }
.empezar-paso:last-child { padding-bottom: 0; }
.empezar-paso::before {
	content: ""; position: absolute; left: calc(var(--paso) / 2 - 1px); top: var(--paso); bottom: var(--sp-8);
	width: 2px; background: var(--arg-border);
}
.empezar-paso:last-child::before { display: none; }
.empezar-paso__numero {
	display: grid; place-items: center; width: var(--paso); height: var(--paso); border-radius: 50%;
	background: var(--arg-lime); color: var(--arg-ink);
	font-family: var(--arg-font-mono); font-size: var(--fs-18); font-weight: 500;
}
.empezar-paso__titulo { font-size: var(--fs-28); line-height: var(--lh-sub); padding-top: var(--sp-8); }
.empezar-paso__texto { margin-top: var(--sp-16); font-size: var(--fs-18); line-height: 1.55; max-width: var(--measure); }
.empezar-paso__texto > * + * { margin-top: var(--sp-16); }
.empezar-paso__texto .lista-check { font-size: var(--fs-18); }
@media (min-width: 768px) {
	.empezar-pasos { --paso: var(--sp-64); }
	.empezar-paso { column-gap: var(--sp-32); }
	.empezar-paso__titulo { font-size: var(--fs-35); padding-top: var(--sp-12); }
}

/* Primer día y lo que cuesta: dos tarjetas, una columna en móvil. */
.empezar-pares { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--sp-16); }
.empezar-pares__titulo { margin-top: var(--sp-16); font-size: var(--fs-28); line-height: var(--lh-sub); }
.empezar-pares .pag-tarjeta__texto { font-size: var(--fs-18); line-height: 1.55; }
@media (min-width: 768px) {
	.empezar-pares { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--sp-24); }
	.empezar-pares .pag-tarjeta { padding: var(--sp-32); }
}