@charset "UTF-8";

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

.Ingresar {
    position: relative; /* Asegúrate de que el contenedor tenga posición relativa */
}

    .Ingresar img {
        transition: opacity 0.3s; /* Añade una transición suave */
        display: block; /* Asegúrate de que las imágenes se comporten como bloques */
    }

        .Ingresar img.hover {
            opacity: 0; /* Oculta la imagen de hover por defecto */
        }

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

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

@media (max-width: 981px) {
    .Fondo {
        background-image: url(../../Recursos/Imagenes/Portada/Portada_Movil.jpg);
    }

    .Ingresar img {
        width: 130px;
    }
}

@media (min-width: 982px) {
    .ContFecha {
        position: absolute;
        top: 28em;
        left: 6em;
    }

        .ContFecha p {
            color: #ffffff;
            font-size: 1.1em;
            font-weight: 700;
        }
}