.mc-contenido {
  display: flex;
  flex-direction: column;
  gap: var(--esp-5);
  padding-top: var(--esp-7);
  padding-bottom: var(--esp-8);
}

.mc-estado {
  display: flex;
  align-items: flex-start;
  gap: var(--esp-4);
  padding: 24px 26px;
  background: var(--blanco);
  border: 1px solid var(--gris-300);
  border-left: 6px solid var(--amarillo);
}

.mc-estado-ok { border-left-color: var(--verde); }
.mc-estado-pendiente { border-left-color: var(--amarillo); }

.mc-estado-icono { font-size: 26px; line-height: 1.2; }
.mc-estado-ok .mc-estado-icono { color: var(--verde); }
.mc-estado-pendiente .mc-estado-icono { color: var(--amarillo-oscuro); }

.mc-estado-titulo { font-size: 22px; margin-bottom: 6px; }
.mc-estado p { font-size: 15px; line-height: 1.6; color: var(--texto-medio); max-width: 70ch; }
.mc-estado .btn { margin-top: var(--esp-3); }

.mc-resumen {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: var(--esp-4);
  align-items: end;
  background: var(--blanco);
  border: 1px solid var(--gris-300);
  padding: 22px 26px;
}

.mc-dato { display: flex; flex-direction: column; gap: 2px; }

.mc-dato-etiqueta {
  font-size: 10px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--texto-claro);
}

.mc-dato-valor {
  font-family: var(--fuente-titulo);
  font-weight: 800;
  font-size: 34px;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}

.mc-dato-valor-sm { font-size: 24px; }
.mc-resumen-cta { justify-self: end; }

.mc-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(280px, 1fr);
  gap: var(--esp-5);
  align-items: start;
}

.mc-lateral { display: flex; flex-direction: column; gap: var(--esp-5); }

.mc-caja {
  display: grid;
  gap: var(--esp-4);
  background: var(--blanco);
  border: 1px solid var(--gris-300);
  border-top: 4px solid var(--navy-900);
  padding: 26px 28px;
}

.mc-caja-titulo { font-size: 20px; }

.mc-subtitulo {
  font-family: var(--fuente-mono);
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--texto-claro);
  border-bottom: 1px solid var(--gris-200);
  padding-bottom: var(--esp-2);
}

.mc-caja .form-fila {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: var(--esp-4);
}

.mc-caja .btn { justify-self: start; }
.mc-caja-salir { border-top-color: var(--rojo); }

@media (max-width: 900px) {
  .mc-grid { grid-template-columns: 1fr; }
  .mc-resumen-cta { justify-self: start; }
}

@media (max-width: 560px) {
  .mc-caja { padding: 20px 18px; }
  .mc-estado { flex-direction: column; gap: var(--esp-3); padding: 20px 18px; }
}