/* =========================
    Fuente global
    ========================= */
body {
     font-family: 'Roboto', sans-serif;
}

/* =========================
    Formularios
    ========================= */
.form-control {
     border: 1px solid #000000;        /* Borde negro */
     border-radius: 0.375rem;          /* Bordes redondeados */
     padding: 0.5rem 0.75rem;          /* Espaciado interno */
     transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; /* Transición suave */
}

/* Estado enfocado del input */
.form-control:focus {
     border-color: #0066ff;            /* Borde azul al enfocar */
     outline: 0;                       /* Sin outline por defecto */
     box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); /* Sombra azul suave */
}

/* =========================
    Barra de navegación
    ========================= */
.navbar-custom {
     background-color: #19223D;        /* Fondo azul oscuro */
     color: white;
     font-size: 1.1rem;                /* Tamaño de fuente */
}

/* Textos y enlaces dentro del navbar */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text,
.navbar-custom .nav-link,
.navbar-custom i {
     color: #fff !important;           /* Texto blanco */
     font-weight: 500;
     font-size: 20px;
}

/* Botones en el navbar */
.navbar-custom .btn-outline-light {
     font-size: 0.95rem;
     font-weight: 500;
}

/* =========================
    Sidebar (menú lateral)
    ========================= */
#sidebar {
     width: 250px;                     /* Ancho fijo */
     min-height: 100vh;                /* Altura completa */
     background-color: #19223D;        /* Fondo azul oscuro */
     border-right: 1px solid #dee2e6;  /* Borde derecho */
     color: #fff;
     text-align: left;
}

/* Contenedor principal con sidebar y contenido */
#wrapper {
     display: flex;
}

/* Contenido principal */
#content {
     flex: 1;
     padding: 3rem;
     margin-left: 20px;                /* Espacio entre menú y contenido */
}

/* Menú lateral */
.sidebar-menu {
     width: 240px;
     background-color: #19223D;
}

/* Ítems del menú lateral */
.sidebar-menu .list-group-item {
     border: none;
     padding: 15px 20px;
     font-weight: 500;
     color: #fff;
     background-color: transparent;
     transition: background-color 0.3s, color 0.3s;
}

/* Hover en ítems del menú */
.sidebar-menu .list-group-item:hover {
     background-color: #243057;        /* Azul más claro */
     color: #fff;
}

/* Ítem activo del menú */
.sidebar-menu .list-group-item.active {
     background-color: #ffffff;        /* Azul Bootstrap */
     color: #fff;
}

/* Dropdown en el menú lateral */
.sidebar-menu .dropdown-toggle {
     width: 100%;
     display: block;
     color: #fff;
     text-decoration: none;
}

/* Opciones del dropdown */
.sidebar-menu .dropdown-menu {
     background-color: #19223D;
     border-radius: 0;
     border: none;
     padding-left: 15px;
}

/* Ítems del dropdown */
.sidebar-menu .dropdown-menu .dropdown-item {
     color: #fff;
     padding: 8px 20px;
}

/* Hover en ítems del dropdown */
.sidebar-menu .dropdown-menu .dropdown-item:hover {
     background-color: #243057;
     color: #fff;
}

/* =========================
    Tablas
    ========================= */
/* Enlaces dentro de tbody al pasar el mouse */
tbody a:hover {
     color: #0d6efd !important;
     text-decoration: underline;
}
.footer {
  padding: 20px;
  background-color: #ffffff; /* Un color para verlo claramente */
  text-align: center;
}