/* === Styles personalizados para la aplicación seguros-app === */

/* --- General --- */
/* Personalizar el color principal del texto */
body {
    font-family: 'Arial', sans-serif;
    background-color: #f4f6f9; /* Color similar al de AdminLTE */
    color: #1e1e2d; /* Texto estándar ligeramente oscuro */
}

/* --- Personalización del Dashboard (content-wrapper) --- */
.content-wrapper {
    background-color: #ffffff; /* Cambiar fondo de las vistas del dashboard */
    padding: 20px;
    border-radius: 8px; /* Un poco de borde redondeado */
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1); /* Sombra sutil */
}

/* --- Títulos del Dashboard --- */
h1, h2, h3, h4, h5 {
    font-weight: bold;
    color: #37474f; /* Color un poco más oscuro para títulos */
}

/* --- Botones Personalizados --- */
button.btn-primary {
    background-color: #007bff; /* Azul estándar */
    border-color: #0056b3; /* Bordes más oscuros */
    color: #fff;
    transition: background-color 0.3s ease;
}

button.btn-primary:hover {
    background-color: #0056b3; /* Cambiar color al hacer hover */
}

/* --- Personalización del Sidebar (Barra Lateral) --- */
/* Cambiar el color de fondo de la barra lateral */
.main-sidebar {
    background-color: #343a40 !important; /* Gris oscuro */
}

/* Cambiar color y estilo de los enlaces en el sidebar */
.nav-sidebar .nav-link {
    color: #c2c7d0 !important; /* Gris claro */
}

.nav-sidebar .nav-link:hover {
    background-color: #6a7177; /* Color visible al pasar el mouse */
    color: #ffffff !important; /* Texto blanco */
}

/* Cambiar el color del enlace activo */
.nav-sidebar .nav-link.active {
    background-color: #007bff; /* Azul brillante */
    color: #ffffff !important; /* Texto blanco */
}

/* --- Personalización de tablas --- */
.table {
    border-collapse: separate;
    border-spacing: 0 10px; /* Espaciado entre filas */
}

.table th {
    background-color: #007bff; /* Encabezado azul */
    color: #ffffff; /* Texto en blanco */
    text-align: left;
    padding: 10px;
    border: none;
}

.table td {
    background-color: #f8f9fa; /* Fondo claro para celdas */
    padding: 8px 10px;
    border: none;
}

/* --- Encabezado --- */
/* Eliminar márgenes del header principal */
.main-header {
    padding: 15px;
}

/* Personalizar el logo del encabezado */
.brand-link {
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
    background-color: #007bff; /* Fondo azul para el logo */
    color: #ffffff !important;
}

.brand-link:hover {
    background-color: #0056b3; /* Azul más oscuro al pasar el mouse */
}

/* --- Footer --- */
/* Ajustar el estilo del pie de página */
.main-footer {
    background-color: #e9ecef; /* Fondo gris claro */
    padding: 15px 20px;
    text-align: center;
    font-size: 0.9rem;
    color: #6c757d; /* Texto gris */
    border-top: 1px solid #dee2e6;
}

.main-footer strong {
    color: #343a40; /* Texto más oscuro */
}