/* --- CSS Personalizado Mínimo con Bootstrap --- */

/* Definición de variables de color que puedes usar para sobreescribir estilos de Bootstrap */
:root {
    --color-primary: #3498db; 
    --color-secondary: #2ecc71;
    --color-text: #333;
    --color-background: #f4f7f6;
}

/* NOTA IMPORTANTE: 
Se han eliminado todos los estilos para:
- .main-nav, .logo, .nav-links (sustituidos por .navbar, .navbar-brand, etc.)
- fieldset, .form-group, .search-box (sustituidos por .mb-3, .form-control, etc.)
- table, .table-wrapper (sustituidos por .table, .table-striped, etc.)
*/

/* Estilo para el Badge de Estado (solo un ajuste de padding y font-weight) */
.status-badge {
    /* Clases de Bootstrap como .badge .bg-warning .text-dark hacen el trabajo */
    font-weight: bold;
    padding: 0.5rem 0.8rem !important; /* Usar !important si hay conflicto */
    border-radius: 0.5rem;
    display: inline-block;
}

/* Estilo del mapa */
#map {
    /* Se mantuvo el alto fijo en el HTML, pero puedes definir el estilo aquí si lo necesitas */
    height: 400px; 
}
body {
    /* CAMBIO: Aplicar la fuente Garet */
    font-family: 'Garet', sans-serif; 
    line-height: 1.6;
    color: var(--color-text);
    background-color: #f4f4f9;
}