@charset "utf-8";
/* CSS Document */
body {
	height: 100%; /* Ensures html and body fill the viewport height */
	margin: 0;
	background-image: url("../images/Fondo_CDP.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
	overflow: hidden;
	font-family: 'BarlowCondensed-Regular', Arial, sans-serif;
}


@font-face {
	font-family: 'BarlowCondensed-Regular';
	src: url('../fonts/BarlowCondensed-Regular.ttf') format('truetype');
}

@font-face {
	font-family: 'BarlowCondensed-Bold';
	src: url('../fonts/BarlowCondensed-Bold.ttf') format('truetype');
}

/* 3. Fondo de página blanco */
 
        
        /* 2. Aplicar Open Sans a todo el documento */
        html,  div, span, h1, h2, h3, h4, h5, h6, p, a, input, button, label, small {
            font-family: 'Open Sans', sans-serif !important;
        }
        
        /* 1. Color del botón Acceder */
        .btn-primary {
            background-color: #A52220 !important;
            border-color: #A52220 !important;
        }
        
        .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
            background-color: #8A1C1A !important;
            border-color: #8A1C1A !important;
        }
        
        /* 4. Color de las letras de Ingreso, Login, Clave */
        h3 {
            color: #A52220 !important;
        }
        
        .form-group label[for="username"],
        .form-group label[for="password"] {
            color: #A52220 !important;
            font-weight: 600;
        }
        
        /* 5. Color del texto "Sistema de Evaluación" */
        .text-center.mb-5 p {
            color: #D23F3E !important;
            font-weight: 400;
        }
        
        /* Color del enlace "Recuperar clave" */
        a.float-right[onclick*="forgotPassword"] {
            color: #D23F3E !important;
            text-decoration: none;
        }
        
        a.float-right[onclick*="forgotPassword"]:hover {
            color: #A52220 !important;
            text-decoration: underline;
        }
        
        /* Estilo adicional para mejorar la apariencia */
        .card {
            border: none;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }
        
        .card-body {
            padding: 2rem;
        }
        
        /* 6. Eliminar cualquier imagen de fondo si existiera */
        #auth {
            background-image: none !important;
            background-color: #FFFFFF;
        }
        
        /* Asegurar que el overlay se vea bien sobre fondo blanco */
        #overlay {
            background-color: rgba(255, 255, 255, 0.8);
        }