/* Generales */
.main-card { background-color: #ffffff; padding: 24px; border-radius: 1rem; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); margin: auto; }
a.interactive-link { text-decoration: none !important; color: #212529 !important; font-weight: 500; transition: color 0.15s ease; }
a.interactive-link:hover { color: #0d6efd !important; }

/* Tabla General */
#directorio-general-app #mi-tabla thead th { background-color: #0d6efd; color: white; border-color: #0d6efd; font-weight: 700; }
#directorio-general-app .clickable-row { cursor: pointer; transition: background-color 0.1s ease; }
#directorio-general-app .clickable-row:hover { background-color: #e9ecef; }
#directorio-general-app .mobile-detail-row { display: none; }
#directorio-general-app .mobile-detail-row td { border-top: none !important; padding: 0; }
#directorio-general-app .table-active-detail { --bs-table-accent-bg: var(--bs-primary-bg-subtle); color: var(--bs-table-color); }

/* Tarjetas Distrito */
.grupo-card { transition: transform 0.2s ease, box-shadow 0.2s ease; border-radius: 1rem; height: 100%; border: 1px solid #e9ecef; }
.grupo-card:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.1); }
.card-icon { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: #e9ecef; color: #0d6efd; margin-bottom: 15px; }

/* Detalles Grupo */
.map-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; border-radius: 0.5rem; }
.map-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }

@media (max-width: 767.98px) {
    .export-buttons .btn { flex-grow: 1; }
}
@media print { .no-print { display: none !important; } .main-card { box-shadow: none; padding: 0; } }