/* Listado de autoescuelas de una provincia (estadisticas-por-provincia.php) */
:root {
    --ap-puntos: #9a5b00;          /* texto de la marca "Solo puntos" */
    --ap-puntos-fondo: #fff4e0;
    --ap-puntos-borde: #f0c27a;
    --ap-cerrada: #5f6b7a;         /* parece cerrada (sin datos en 6 meses) */
    --ap-cerrada-fondo: #eef1f4;
    --ap-cerrada-borde: #b8c1cc;
}

.ap-filtro-provincia {
    display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px 20px;
    margin: 0 0 12px; padding: 12px 14px;
    background: var(--ap-superficie); border: 1px solid var(--ap-borde); border-radius: var(--ap-radio);
}
.ap-filtro-provincia label { margin: 0; font-weight: 600; color: var(--ap-texto-2); }
.ap-filtro-provincia select { display: block; min-width: 220px; margin-top: 4px; }
.ap-filtro-casilla { display: flex; align-items: center; gap: 8px; min-height: 30px; cursor: pointer; }
.ap-filtro-casilla input { width: 18px; height: 18px; margin: 0; }

.ap-leyenda-provincia { margin: 0 0 14px; padding: 0; list-style: none; font-size: 14px; color: var(--ap-texto-2); }
.ap-leyenda-provincia li + li { margin-top: 6px; }
.ap-leyenda-provincia .ap-marca-puntos,
.ap-leyenda-provincia .ap-marca-cerrada { margin-right: 6px; }

.ap-marca-puntos, .ap-marca-cerrada {
    display: inline-block; padding: 1px 7px; border-radius: 999px; white-space: nowrap;
    font-size: 11px; font-weight: 600; line-height: 1.6; vertical-align: 1px;
    color: var(--ap-puntos); background: var(--ap-puntos-fondo); border: 1px solid var(--ap-puntos-borde);
}
.ap-marca-cerrada { color: var(--ap-cerrada); background: var(--ap-cerrada-fondo); border-color: var(--ap-cerrada-borde); cursor: help; }

/* Parece cerrada: gris, con el nombre atenuado (si además es "solo puntos", conserva el borde ámbar). */
.ap-rejilla a.ap-cerrada { background: var(--ap-cerrada-fondo); border-style: dashed !important; }
.ap-rejilla a.ap-cerrada:not(.ap-solo-puntos) { border-color: var(--ap-cerrada-borde) !important; }
.ap-rejilla a.ap-cerrada { color: var(--ap-cerrada); }
.ap-rejilla a.ap-solo-puntos {
    background: var(--ap-puntos-fondo);
    border-color: var(--ap-puntos-borde) !important;
    border-left: 4px solid var(--ap-puntos-borde) !important;
}
.ap-rejilla a.ap-solo-puntos:hover { border-color: var(--ap-puntos) !important; }
.ap-vacio[hidden] { display: none; }

@media (max-width: 480px) {
    .ap-filtro-provincia select { min-width: 0; width: 100%; }
    .ap-filtro-provincia label:first-of-type { flex: 1 1 100%; }
}