#mp-espacios { color: #333; }
/* Ancho completo: margen interior para que la tabla no toque los bordes de la pantalla */
#mp-espacios.alignfull {
  padding-left: var(--wp--style--root--padding-left, 1.5rem);
  padding-right: var(--wp--style--root--padding-right, 1.5rem);
  box-sizing: border-box;
}
#mp-espacios .mp-descripcion { margin-bottom: 25px; line-height: 1.6; }

/* Tarjetas resumen */
#mp-espacios .mp-resumen { display: flex; gap: 20px; flex-wrap: wrap; margin-bottom: 30px; }
#mp-espacios .mp-resumen:empty { display: none; }
#mp-espacios .mp-tarjeta { background: #f5f7f9; border-left: 4px solid #005A87; padding: 15px; min-width: 180px; }
#mp-espacios .mp-tarjeta strong { font-size: 24px; display: block; color: #005A87; }

/* Filtros */
#mp-espacios .mp-filtros { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; margin-bottom: 25px; }
#mp-espacios .mp-filtros input[type="search"],
#mp-espacios .mp-filtros select {
  padding: 10px; border: 1px solid #ccc; border-radius: 4px;
  background: #fff; color: #333; font: inherit; font-size: 14px; margin: 0;
}
#mp-espacios .mp-filtros input[type="search"] { min-width: 220px; }
#mp-espacios .mp-filtros select:disabled { opacity: .5; }
#mp-espacios .mp-f-check { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; cursor: pointer; }

#mp-espacios .mp-tabla-wrap { width: 100%; overflow-x: auto; }
#mp-espacios .mp-tabla { width: 100%; border-collapse: collapse; font-size: 14px; margin: 0; }
#mp-espacios .mp-tabla thead { background: #005A87; color: #fff; }
#mp-espacios .mp-tabla th { padding: 12px; text-align: left; white-space: nowrap; color: #fff; border: 0; }
#mp-espacios .mp-tabla td { padding: 12px; border: 0; border-bottom: 1px solid #ddd; vertical-align: middle; }
#mp-espacios .mp-tabla tbody tr:nth-child(even) { background: #fafafa; }
#mp-espacios .mp-tabla tbody tr:hover { background: #eef7fc; }
#mp-espacios .mp-mensaje { text-align: center; color: #666; padding: 30px; }
#mp-espacios .mp-mensaje.mp-error { color: #842029; }

#mp-espacios .mp-num { text-align: right; white-space: nowrap; }
#mp-espacios .mp-nowrap { white-space: nowrap; }

#mp-espacios .mp-estado-abierto { color: #198754; font-weight: bold; }
#mp-espacios .mp-estado-proximo { color: #fd7e14; font-weight: bold; }
#mp-espacios .mp-estado-cerrado { color: #dc3545; font-weight: bold; }

#mp-espacios .mp-pill { padding: 5px 10px; border-radius: 15px; font-weight: bold; display: inline-block; white-space: nowrap; }
#mp-espacios .mp-verde   { background: #d1e7dd; color: #0f5132; }
#mp-espacios .mp-naranja { background: #fff3cd; color: #856404; }
#mp-espacios .mp-rojo    { background: #f8d7da; color: #842029; }
#mp-espacios .mp-gris    { background: #e9ecef; color: #495057; }

#mp-espacios .mp-badge { padding: 5px 8px; border-radius: 12px; font-size: 12px; white-space: nowrap; }

#mp-espacios a.mp-btn { display: inline-block; padding: 7px 12px; border-radius: 4px; text-decoration: none; white-space: nowrap; }
#mp-espacios a.mp-btn-doc { background: #e9ecef; color: #333; }
#mp-espacios a.mp-btn-doc:hover { background: #d6dbe0; }
#mp-espacios a.mp-btn-solicitud { background: #005A87; color: #fff; }
#mp-espacios a.mp-btn-solicitud:hover { background: #00466a; }
#mp-espacios a.mp-lote { font-weight: bold; color: #005A87; white-space: nowrap; }

#mp-espacios .mp-info { margin-top: 25px; background: #f8f9fa; padding: 15px; border-left: 4px solid #005A87; }
#mp-espacios .mp-info ul { margin: 10px 0 0; }

/* Ficha del espacio en la página de solicitud */
.mp-ficha { background: #f5f7f9; border-left: 4px solid #005A87; padding: 15px 20px; margin-bottom: 25px; color: #333; }
.mp-ficha-titulo { display: block; color: #005A87; font-size: 18px; margin-bottom: 10px; }
.mp-ficha dl { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px 20px; margin: 0; }
.mp-ficha dt { font-size: 13px; color: #666; }
.mp-ficha dd { margin: 0; font-weight: bold; }
.mp-ficha-error { background: #f8d7da; border-left-color: #842029; color: #842029; }
/* Si el espacio no se puede solicitar no se muestra el formulario (el servidor también lo rechaza) */
.mp-ficha-error ~ .wpcf7 { display: none; }