/* Body es un contenedor de flexbox */
body {
    background-image: url('/images/cps11.jfif');
    background-repeat: no-repeat; /* Evita que la imagen se repita */
    background-size: cover; /* Asegura que la imagen cubra toda la pantalla */
    display: flex;
    flex-direction: column;
    min-height: 100vh; /* Asegura que el contenido ocupe toda la altura de la pantalla */
}

/* Overlay */
.overlay-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(202, 207, 207, 0.7); /* Fondo de la superposición */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 0; /* Asegura que esté detrás del pie de página */
}

/* Contenido central del formulario */
.login-form {
    background: #fdfefe; /* Fondo blanco para el formulario */
    padding: 60px; 
    border-radius: 8px;
    box-shadow: #007b6d;
    width: 100%;
    max-width: 600px;
    text-align: center;
}

/* Footer */
.footer {
    background-color:#007b6d;
    color: white;
    text-align: center;
    padding: 20px;
    margin-top: auto; /* Asegura que el pie se mantenga al final */
    width: 100%;
    position: relative; /* Asegura que se pueda manipular el z-index */
    z-index: 1; /* Asegura que el pie de página esté por encima de otros elementos */
}

/* Contenedor del logo y el enlace */
.logo-container1 {
    position: fixed;
    top: 20px;
    left: 0;
    right: 0; /* Asegura que el contenedor ocupe todo el ancho de la pantalla */
    display: flex;
    justify-content: space-between; /* Alinea los elementos en los extremos */
    align-items: center; /* Centra verticalmente los elementos */
    padding: 0 20px; /* Añadimos un pequeño padding a la izquierda y derecha para un margen */
    z-index: 1000; /* Asegura que el logo esté encima de otros elementos */
}

/* Logo */
.logo {
    height: 40px; /* Ajusta el tamaño del logo según lo necesario */
}

/* Enlace del PDF */
.pdf-link {
    text-decoration: none;
    color: #000; /* Color del enlace */
    font-size: 14px; /* Ajusta el tamaño del texto */
    display: flex;
    align-items: center;
}

/* Icono del PDF */
.pdf-link i {
    margin-right: 5px; /* Espacio entre el icono y el texto */
}

/* Logo - contenedor centrado (sin interferir con el anterior) */
.logo-container {
    text-align: center; /* Centra el logo */
    margin-bottom: 30px; /* Añadir espacio debajo del logo */
}

/* Logo - tamaño ajustado */
.logo {
    max-width: 200px; /* Limitar el ancho máximo del logo */
    height: auto; /* Mantener la proporción del logo */
}