/*
 * Liquid Glass — Plantilla de página Garantía
 * (page-templates/template-garantia.php)
 *
 * Depende de: liquid-glass.css, page-templates-base.css (".dp-checklist" y
 * ".dp-hero__actions" viven ahí, compartidas con ¡Cuidado! y Servicio
 * Técnico respectivamente).
 * Breakpoints: móvil ≤544px, tablet ≤976px.
 *
 * ".dp-step" se repite aquí (misma regla que en servicio-tecnico.css) porque
 * cada plantilla de página solo carga SU PROPIA hoja de /assets/css/pages/
 * (ver astra_child_enqueue_styles() en functions.php) — no hay hoja
 * compartida entre páginas específicas más allá de page-templates-base.css.
 */

/* --- "Cómo activar tu garantía": pasos numerados --- */
.dp-step {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 14px;
}

.dp-step__label {
	margin: 0;
	font-weight: 600;
	color: #1e293b;
	max-width: 26ch;
}