#cajacookies {
    height: 6vh;
}

.btn-cookies {
    padding-left: 2vh;
    padding-right: 2vh;
    padding-top: 1vh;
    padding-bottom: 1.5vh;
    width: 100px !important;
    border: 1px solid #202c64;
    background-color: #202c64;
    color: white;
    text-decoration: none;
    border-radius: 6%;
    transition: 0.3s;
    font-size: 11px;
}

.volver{
    height:30px;
    width: 30px;
    border-radius: 50%;
    background-color: #c0c0c0;
    color: white;
    display: flex; 
    justify-content: center;
    align-items: center;
    transition:  all 0.2s ease-in-out;
    }
    
.volver:hover{
background-color: #a19f9f;
}
    
.bg-home {
    background-color: white !important;
    background: linear-gradient(135deg, #54576380, #0e144e69), url(/assets/images/fondo_apreton.png) !important;

    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    height: 100vh !important;
    width: 100% !important;
}

.cajaRegistro {
    width: 100%;
    border-radius: 2%;
    animation-duration: 2s;
    border: 2px solid transparent;
    transition: 0.3s;
}

.botones {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top:10%;
    margin-left: 48px;

}

.altura {
    min-height:  40vh;  
}

.cajaLogin {
    max-width: 400px;
    margin: 20vh auto 0 auto;
    padding: 20px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.2);
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    text-align: center;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}




.cajaLogin {
    max-width: 400px;
    margin: 20vh auto 0 auto;
    padding: 20px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.2);
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    text-align: center;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.fraseBienvenida {
    width:60%;
    font-size:45px;
    font-weight: bolder;
    text-align: end;
    color: rgb(255, 255, 255) ;  
    letter-spacing: 1px;
    animation: fadeIn 1.2s ease-in-out;
    background-color: rgba(252, 210, 41, 0.438);
    width:fit-content;
    
}

.sso-btn{
    border-radius: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    background-color: rgb(54, 54, 54);
    width:180px;
    transition: all 0.2s ease-in-out;
    margin:10px;
    border:none;
    color:whitesmoke
}

.sso-btn:hover{
    background-color: rgb(100, 95, 95);
    color:rgb(255, 255, 255)
}

.sso-btn img{
    margin-right:30px;
}

 .validado .footer.candidato{
    display:none;
}

.footer .container{
    display: flex;
    flex-wrap: wrap;
}

.contenedor-todas-ofertas{
    padding: 20px;
}

.volver{
    height:30px;
    width: 30px;
    border-radius: 50%;
    background-color: #c0c0c0;
    color: white;
    display: flex; 
    justify-content: center;
    align-items: center;
    transition:  all 0.2s ease-in-out;
}

.volver:hover{
    background-color: #a19f9f;
}


.divider {
    margin: 3vh 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(to right, transparent, #0b4c86, transparent);
    border: none;
}


.softDivider{
    background: linear-gradient(to right, transparent, #bbbbbb, transparent) !important;
    opacity: 0.8;
}


.box {
    border-radius: 20px;
    animation-duration: 2s;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border: 2px solid transparent;
    background-color: rgba(255, 255, 255, 0.8) !important;
    transition: 0.3s;
    padding-left: 6vh;
    padding-right: 5vh;

    
}

.caja .box.bg-white{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
}

.no-cursor{
    pointer-events: none;
    cursor: default;
}

.bg-home {
    background-attachment: fixed;
    background-size: cover;
}

.validado .caja {
/* padding: 5vh; */
box-shadow: 0px 2px 16px rgba(195, 202, 241, 0.884);
border-radius: 20px;
margin-top: 20px;
margin-bottom: 20px; 

min-width: 500px;

}

@media(max-width:1024px){
   .validado .perfilcv .caja{
        padding:5vh !important;
    }

}

.caja {
 padding: 5vw; 
border-radius: 20px;
margin-top: 20px;
margin-bottom: 20px; 

min-width: 500px;
    
}

@media(min-width:1024px){
    .caja{
        padding: 5vh;
    }
    .validado .caja{
        padding: 5vh;
    }
}

.quienSoy{
   padding:2px 4px;
    color: black;
   border-radius: 8px;
}

.botones-si-no button{
    border-radius:8px;
}

.titulo-amarillo{
    background-color: var(--salle-yellow);
    padding: 2px 8px;
    border-radius: 4px;
    width:fit-content;
}

.titulo-azul{
    background-color: var(--salle-blue);
    padding: 2px 8px;
    border-radius: 4px;
    width:fit-content;
}


.i-titulo-seccion{
    font-size: 14px;
    color:white;
}

.i-navbar{
    font-size: 14px;
}


.cuerpo-oferta-resumen .oferta{
height:250px;
}


.box.bg-white
{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: start;
}



.relative .caja{
    margin-bottom:40px;
}

.cajaP{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: end;
}

.hamburger-icon{
    height:40px;
    width:40px;
}


.cargarImagen{
    background-color: rgba(146, 156, 209, 1) !important;
    transition: all 0.2s ease-in-out;
}

.cargarImagen:hover{
    background-color:  rgba(50, 61, 109, 1)  !important;
   
}

.row-perfil-tipo{
    display: flex;
    flex-direction: row;
    width: fit-content;
}
    
.titulo-caja{
    font-size:15px;
    font-weight: 400;
    color:#858585;
  
}

.validado  .relative{
    width:100%;
}

.validado .editando-cv.caja{
    margin-top:0px;
    width: -webkit-fill-available;
}

button:active{
    border-color:rgba(97, 109, 177, 0.882) !important;
}
button{
    transition: all 0.1s ease-in-out !important;
}

.validado .btn-secondary{
    border:none !important; 
}

.validado .btn-secondary:hover{
filter:brightness(95%);
}

.ultima-actualizacion{
    font-size:14px !important;
    margin-left:20px;
}

td{
    font-size:14px;
}

.color-inscrito .text-publicado-hace{
    
    color: whitesmoke;
}

.modal-content .color-inscrito #modalZonas{
    color: rgb(241, 235, 235) !important;
}

.editando-datos-personales .caja.editando-cv{
    min-height: 551px;
}


.cajaExperiencia fieldset{
    background:  rgb(245, 245, 250);
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    padding: 10px !important;
    margin-bottom: 20px !important;
    transition: 0.3s;
    width:fit-content;

}

.print-button{

    /* background-color: rgba(146, 156, 209, 0.884); */
    color:rgb(87, 75, 109);
    border:none;
    background-color: transparent;
    transition: all 0.2s ease-in-out;

    display:flex;
    flex-direction:column;
    justify-content: end;

    margin-left: 20px;
}

.areaDocente{
	margin-left: 1.5 rem;

}

.areaAdmin{
	margin-left: 1.5 rem;

}

.menu-container .nav-links a{
    padding:4px 10px !important;
    font-size: 14px !important;
}

.contenedor-map{
    opacity: 80%;
}