/* MotoPass v1.5.4 - Tarjetas compactas + grid 3/2/1 + hover */
.mp-reservas { display:grid; gap:14px; }
@media (min-width: 1200px) { .mp-reservas.mp-grid-3 { grid-template-columns: repeat(3, minmax(0,1fr)); } }
@media (min-width: 768px) and (max-width: 1199px) { .mp-reservas.mp-grid-3 { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 767px) { .mp-reservas.mp-grid-3 { grid-template-columns: 1fr; } }

.booking-card { background:#fff; border:2px solid #e6e6e6; border-radius:6px; overflow:hidden; transition:all .25s ease; box-shadow:none; min-height:0; }
.booking-card:hover { transform: translateY(-4px); }

/* Espaciados compactos */
.booking-card { padding:12px; }
.booking-card h3 { font-size:15px; margin:0 0 6px 0; }

/* Badge de estado */
.status-badge { font-size:12px; font-weight:600; padding:6px 10px; border-radius:999px; background:#F3F4F6; color:#374151; }

/* Contenido y chips */
.mp-card-body { display:grid; gap:10px; }
.mp-chip-title { font-size:12px; font-weight:700; color:#374151; margin-bottom:4px; }
.mp-chip-line { font-size:14px; color:#111827; }
.mp-pill { display:inline-block; padding:6px 10px; border-radius:999px; background:#f3f4f6; color:#6b7280; font-weight:600; font-size:12px; }

/* Botón dentro de la tarjeta */
.mp-card-actions .btn-notificar { display:inline-block; }