/* Estilos para el body con imagen de fondo */
body {
    margin: 0;
    padding: 0;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    font-family: 'Open Sans', sans-serif; /* Fuente predeterminada */
}
/* Títulos */
h1 {
    font-size: 2.5rem; /* 40px */
    font-weight: 700; /* Negrita */
}

h2 {
    font-size: 2rem; /* 32px */
    font-weight: 600; /* Semi-negrita */
}

h3 {
    font-size: 1.75rem; /* 28px */
    font-weight: 600; /* Semi-negrita */
}

h4 {
    font-size: 1.5rem; /* 24px */
    font-weight: 600; /* Semi-negrita */
}

/* Texto normal */
p {
    font-size: 1rem; /* 16px */
    font-weight: 400; /* Normal */
}

small {
    font-size: 0.875rem; /* 14px */
    font-weight: 400; /* Normal */
}

/* Enlaces */
a {
    font-size: 1rem; /* 16px */
    font-weight: 600; /* Semi-negrita */
    color: #007bff; /* Color azul oficial */
    text-decoration: none; /* Sin subrayado */
}

a:hover {
    text-decoration: underline; /* Subrayado al pasar el mouse */
}

/* Botones */
.btn {
    font-size: 1rem; /* 16px */
    font-weight: 600; /* Semi-negrita */
    padding: 10px 20px; /* Espaciado interno */
}
.body-login{
    background-image: url('../image/ceav\ fondo\ original.jpg'); /* Ruta a la imagen de fondo */
    background-size: cover; /* Ajusta la imagen para cubrir todo el body */
    background-position: center; /* Centra la imagen */
    background-repeat: no-repeat; /* Evita que la imagen se repita */
    background-attachment: fixed; /* Fija la imagen de fondo */
}
.container {
    display: flex;
    justify-content: center; /* Centra horizontalmente */
    align-items: center; /* Centra verticalmente */
    width:100%;
}
/* Estilos para el header */
.admin-header {
    background-color: #691C32; /* Color de fondo */
    padding: 10px 0; /* Espaciado interno */
    color: white; /* Color del texto */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Sombra suave */
    position: fixed; /* Fija el header */
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000; /* Asegura que el header esté por encima del menú */
}
.admin-header .logo-text {
    font-size: 1.1rem; /* Tamaño del texto */
    color: white; /* Color del texto */
    margin-left: 10px; /* Espaciado entre el logo y el texto */
}
.admin-header .logo img {
    height: 50px; /* Altura del logo */
}

.admin-header .dropdown-toggle {
    color: white !important; /* Color del texto del botón */
    text-decoration: none; /* Quita el subrayado */
    background-color: transparent; /* Fondo transparente */
    border: none; /* Quita el borde */
    padding: 10px; /* Espaciado interno */
}

.admin-header .dropdown-toggle:hover {
    background-color: rgba(255, 255, 255, 0.1); /* Fondo al pasar el mouse */
}

.admin-header .dropdown-menu {
    background-color: #691C32; /* Color de fondo del menú desplegable */
    border: none; /* Quita el borde */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Sombra suave */
}

.admin-header .dropdown-item {
    color: white; /* Color del texto del menú desplegable */
    padding: 10px 20px; /* Espaciado interno */
}

.admin-header .dropdown-item:hover {
    background-color: rgba(255, 255, 255, 0.1); /* Fondo al pasar el mouse */
    color: white; /* Color del texto */
}

/* Estilos para el menú lateral */
.admin-menu {
    width: 250px; /* Ancho del menú */
    background-color: #10312B; /* Color de fondo */
    height: 100vh; /* Altura completa */
    position: fixed; /* Fija el menú */
    top: 60px; /* Espaciado para el header */
    left: -250px; /* Oculta el menú por defecto */
    transition: left 0.3s ease; /* Animación suave */
    z-index: 999; /* Asegura que el menú esté por encima del contenido */
}

.admin-menu.active {
    left: 0; /* Muestra el menú */
}

.admin-menu nav ul {
    list-style: none; /* Quita los puntos de la lista */
    padding: 0;
    margin: 0;
}

.admin-menu nav ul li {
    margin: 10px 0; /* Espaciado entre elementos */
}

.admin-menu nav ul li a {
    color: white; /* Color del texto */
    text-decoration: none; /* Quita el subrayado */
    padding: 10px 20px; /* Espaciado interno */
    display: block; /* Hace que el enlace ocupe todo el ancho */
}

.admin-menu nav ul li a:hover {
    background-color: rgba(255, 255, 255, 0.1); /* Fondo al pasar el mouse */
}

.admin-menu nav ul li a i {
    margin-right: 10px; /* Espaciado entre el ícono y el texto */
}

/* Estilos para el contenido principal */
.admin-content {
    margin-left: 0; /* Sin margen inicial */
    padding: 80px 20px 20px; /* Espaciado interno (ajustado para el header) */
    background-color: #f8f9fa; /* Color de fondo */
    min-height: 100vh; /* Altura mínima */
    transition: margin-left 0.3s ease; /* Animación suave */
}

.admin-content h1 {
    color: #691C32; /* Color del título */
    margin-bottom: 20px; /* Espaciado inferior */
}
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1600px;
    }
}
/* Estilos responsivos */
@media (min-width: 768px) {

    .admin-menu {
        left: 0; /* Muestra el menú en pantallas grandes */
    }

    .admin-content {
        margin-left: 250px; /* Espaciado para el menú lateral */
    }

    #menuToggle {
        display: none; /* Oculta el botón de hamburguesa en pantallas grandes */
    }

}