@font-face{
    font-family: 'lightcondense';
    src: url('../font/Fontspring-DEMO-herokid-lightcondensed.otf') format('opentype');
}

@font-face{
    font-family: 'semiboldultracondensed';
    src: url('../font/Fontspring-DEMO-herokid-semiboldultracondensed.otf') format('opentype');
}

.botonEntrar{
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important; 
    font-size:16px !important; 
    border-radius: 15px !important; 
    color:White !important; 
    background:#FF7B7F !important; 
    width:100px !important; 
    text-align:center !important;
    border-color: #FF7B7F !important; 
    transition: background 0.3s ease, border-color 0.3s ease !important;
}
.botonEntrar:hover{
    color:White !important; 
    background:#335376 !important; 
    border-color: #335376 !important; 
}

.inputsLogin input{
    border-radius:15px !important; 
    padding:15px !important; 
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important; 
    font-size:14px !important;
}

.outputBienvenida{
    font-family:'Segoe UI', sans-serif !important; 
    font-size:20px !important; 
    font-weight:bold !important; 
    color:#002c54 !important; 
}
.opcionRestablecer{
    alignment-baseline:middle  !important; 
    alignment-adjust:middle !important; 
    font-size:16px !important;  
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important; 
    color:#0056b3 !important; 
    display:inline-block !important;  
    margin-top:20px !important;
}
.opcionRestablecer span{
    transition: color 0.2s ease !important;
}
.opcionRestablecer span:hover{
    text-decoration:none !important;
    text-shadow:1px 1px 1px #FFACAE !important;
}

.opcionesMenu{
    font-family:'Segoe UI', sans-serif !important; 
    font-size:20px !important; 
    font-weight:bold !important; 
    color:#002c54 !important; 
    margin-bottom:20px !important;
    cursor: pointer !important;
}
.opcionesMenu span{
    transition: color 0.3s ease !important;
}
.opcionesMenu span:hover{
    color:#FF5A5F !important;
    text-decoration:none !important;
}

.menu{
    background-color:rgba(255,255,255,0.8) !important; 
    padding: 10px !important;
}

.footer{
    background-color:rgba(51, 83, 118, 0.7) !important; 
}

.opcionesFooter{
    font-family:'Segoe UI', sans-serif !important; 
    font-size:0.75vw !important; 
    color:white !important; 
}

.opcionesFooter span:hover{
    color:white !important;
    text-decoration:none !important;
}

.panelLogin{
    background-color:rgba(255,255,255,0.9) !important; 
    padding:2rem !important; 
    width:100% !important; 
    border-radius:15px !important; 
    box-shadow: 0px 4px 12px rgba(0,0,0,0.2) !important;
}

.background{
    background-image:url("../images/fondo-bg-login.png") !important; 
    background-repeat:no-repeat !important; 
    background-size:100% !important; 
    background-position:50% 50% !important; 
    background-size:cover !important; 
    height:100vh !important; 
    width:100vw !important; 
    overflow:hidden !important; 
}
.outputPrimerTexto{
    font-family:'semiboldultracondensed', sans-serif !important; 
    font-size:9vw !important; 
    color:white !important;
}
.outputSegundoTexto{
    font-family:'semiboldultracondensed', sans-serif !important; 
    font-size:9vw !important; 
    color:#FF7B7F !important;
}
.check span input[type="checkbox"]{
    width: 18px !important;
    height: 18px !important;
    color: #002c54 !important;
    cursor: pointer !important;
}
.check label{
    font-size:15px !important; 
    font-family:'Segoe UI', sans-serif !important; 
    cursor: pointer !important;
}