/* Mi Moto — Guías y Rastreo (frente) */

.mg-tarjeta {
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	padding: 20px;
	margin: 24px 0;
	background: #fafafa;
}

.mg-tarjeta h3 {
	margin: 0 0 12px;
	font-size: 18px;
}

.mg-tarjeta p {
	margin: 0 0 8px;
	display: flex;
	justify-content: space-between;
	gap: 12px;
	border-bottom: 1px dashed #e0e0e0;
	padding-bottom: 8px;
}

.mg-tarjeta p span {
	color: #555;
}

.mg-tarjeta .mg-guia {
	font-family: monospace;
	letter-spacing: 0.5px;
	user-select: all;
}

.mg-tarjeta .mg-boton-fila {
	border-bottom: 0;
	justify-content: flex-start;
	padding-top: 6px;
}

.mg-boton {
	display: inline-block;
	background: #111;
	color: #fff;
	padding: 12px 22px;
	border: 0;
	border-radius: 4px;
	text-decoration: none;
	cursor: pointer;
	font-size: 15px;
}

.mg-boton:hover {
	background: #333;
	color: #fff;
}

.mg-rastreo .mg-form {
	max-width: 460px;
}

.mg-rastreo .mg-form label {
	display: block;
	font-weight: 600;
	margin-bottom: 4px;
}

.mg-rastreo .mg-form input[type="text"] {
	width: 100%;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
}

.mg-error {
	background: #fdeceb;
	border-left: 4px solid #b32d2e;
	padding: 12px 16px;
	margin: 20px 0;
}

.mg-nota {
	background: #eef5fd;
	border-left: 4px solid #2271b1;
	padding: 12px 16px;
	margin: 20px 0;
}