/*
 * rastreo-pedido.css
 * Controla el formulario público de "Rastrear mi pedido" (el timeline en sí
 * está en variables.css, sección compartida). Ver page-rastrear-pedido.php.
 */

.gn-rastreo { padding-block: var(--espacio-lg) var(--espacio-2xl); }

.gn-rastreo__header { text-align: center; margin-bottom: var(--espacio-lg); }

.gn-rastreo__form {
	max-width: 640px;
	margin-inline: auto;
	background: var(--color-fondo-alterno);
	border-radius: var(--radio-lg);
	padding: var(--espacio-md);
	display: flex;
	flex-direction: column;
	gap: var(--espacio-sm);
}
.gn-rastreo__form .form-row label {
	display: block;
	font-weight: 600;
	margin-bottom: .35rem;
	font-size: .9rem;
}
.gn-rastreo__form input {
	width: 100%;
	padding: .85rem;
	border: 1px solid var(--color-borde);
	border-radius: var(--radio-md);
	font-family: var(--fuente-cuerpo);
	font-size: 1rem;
}
.gn-rastreo__form button { margin-top: .5rem; }

.gn-rastreo__error {
	margin-top: var(--espacio-md);
	background: #fdecec;
	color: #7a2c22;
	padding: var(--espacio-sm) var(--espacio-md);
	border-radius: var(--radio-sm);
}

.gn-rastreo__resultado { max-width: 640px; margin-inline: auto; }

.gn-rastreo__detalle {
	background: #fff;
	border: 1px solid var(--color-borde);
	border-radius: var(--radio-md);
	padding: var(--espacio-sm) var(--espacio-md);
	font-size: .9rem;
}
.gn-rastreo__detalle p { margin: 0 0 .5rem; }