@charset "UTF-8";
@charset 'iso-8859-15';

.Fondo {
    background-image: url(../Recursos/Imagenes/Portada/Portada.png);
    height: 100vh;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.bandera {
    position: absolute;
    bottom: 36%;
    right: 5%;
}

.Ingresar {
    position: absolute;
    bottom: 16%;
    right: 5%;
}

    .Ingresar a {
        position: relative; /* Necesario para posicionar el hover */
        display: inline-block; /* Asegura que el enlace se comporte como un bloque */
    }

        .Ingresar a img {
            transition: opacity 0.3s ease; /* Añade una transición suave */
        }

        .Ingresar a .hover {
            position: absolute; /* Posiciona la imagen de hover sobre la original */
            top: 0;
            left: 0;
            opacity: 0; /* Oculta la imagen de hover por defecto */
            transition: opacity 0.3s ease; /* Añade una transición suave */
        }

        .Ingresar a:hover .top {
            opacity: 0; /* Oculta la imagen original al hacer hover */
        }

        .Ingresar a:hover .hover {
            opacity: 1; /* Muestra la imagen de hover al hacer hover */
        }

.ContFecha {
    position: absolute; /* Cambiado a absolute para posicionarlo en relación a su contenedor */
    bottom: 5%; /* Ajusta este valor según sea necesario */
    right: 5%; /* Para PC, alineado a la derecha */
    text-align: right; /* Alineación a la derecha para PC */
}

.policy-container {
    position: absolute;
    bottom: 3%; /* Ajusta este valor según sea necesario */
    right: 5%; /* Para PC, alineado a la derecha */
    text-align: right; /* Alineación a la derecha para PC */
}

@media only screen and (max-width: 981px) {
    .Fondo {
        background-image: url(../Recursos/Imagenes/Portada/Portada_Movil.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% 100%;
    }

    .Ingresar {
        position: fixed; /* Cambiado a fixed para mantener la posición en la pantalla */
        bottom: 8%; /* Centrado verticalmente */
        left: 50%; /* Centrado horizontalmente */
        transform: translate(-50%, -50%); /* Ajusta la posición para centrar completamente */
        text-align: center;
    }

    .ContFecha {
        position: absolute;
        bottom: 5%; /* Ajusta este valor según sea necesario */
        left: 50%;
        transform: translateX(-50%);
        text-align: center; /* Alineación centrada para móviles */
    }

        .ContFecha p {
            color: #ffffff !important;
        }

    .policy-container label {
        color: #ffffff !important;
    }

    .policy-container {
        position: absolute;
        bottom: 3%; /* Ajusta este valor según sea necesario */
        left: 50%;
        transform: translateX(-50%);
        text-align: center; /* Alineación centrada para móviles */
    }
}