@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500&display=swap');
.bor{border: 1px solid pink;}
body{
    font-family: 'Jost', sans-serif;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
 
}
h1, h2, h3, h4, h5, h6{
    color: #29465a;
}
/**** SOLO AUTENTICACIÓN ***/
h1.ini{ font-size: 2rem;}
.unam{
    width: 110px !important;
}
section.up{
    background: url("../images/tri_back.svg") bottom center no-repeat,
                linear-gradient(0deg, #45c9bf, #086da7);
    /*height: 70vh;*/
}
section.down{
    text-align: center;
    padding-top: 2em;
    /*height: 10vh;*/
    margin-top: -1px;
    background: white;
}
section.up .container img{
    margin: 0 auto;
    max-width: 150px;
    
}
section.up a.btn{ 
    color: white; 
    text-shadow: 1px 1px 2px black; 
    letter-spacing: .02em; 
}
@media all and (min-width: 768px) and (min-height: 700px){
    h1.ini{ font-size: 3.5rem;}
    section.up{ 
        padding-top: 30px; 
        /*height: 50vh; */
    }
    section.down{
        /*height: 35vh; */
    }
}
.req2{
    color: #002D17;
    font-weight: 400;
    letter-spacing: .02em;
    background: rgba(256, 256, 256, .4);
    border-radius: 3px;
    padding: 0 4px; 
}
/***** FIN AUTENTICACIÓN *****/

header{
    background: url("../images/head_back.svg") center bottom  no-repeat,
                linear-gradient(0deg, #45c9bf, #086da7);    
    height: 100px;
    
}
main{
    height: 100%;
    min-height: 400px;
    padding-bottom: 30px;
}
header  h1{ 
    color: white;
    font-size: 1.2rem;
}
@media (min-width: 576px) {  
    header  h1{ 
        font-size: 1.5rem;
    } 
}
@media (min-width: 1200px) { 
    header  h1{ 
        font-size: 2rem;
    } 
}
header > div{
    background: url("../images/goometric_tableta.png") no-repeat;
    background-size: 130px;
    background-position: right -40px ;
}
footer{
    font-size: 11px;
    /*display: flex;*/
    justify-content: center;
    text-align: center;
}


/******* ESTILOS GENERALES *********/
.datos{
    border: 1px solid #bac2c7;
    padding: 20px;
    background: #f9f9f9;
}
.foto{ 
    display: flex;
    justify-content: flex-end;
}
.foto img{
    width: 130px !important;
    height: 160px !important;
    background: #2694b1 url("../images/bg_foto.jpg");
    border: 1px solid #bac2c7;
}
.subtit-form{
    background: #2694b1;
    color: white;
    text-align: center;
    display: block;
    width: 100%;
    margin: 0px 0px 20px 0px;
    padding: 4px;
}
input{
    height: 45px;
    padding: .5em;
}
.btn-primary{
    background: #118e79;
    border: none;
}
.btn-primary:hover{
    background: #0E3C58;
}
.btn-outline-primary {
    color: #118e79;
    border-color: #118e79;
}
.btn-outline-primary:hover {
    color: #fff;
    background-color: #118e79;
    border-color: #118e79;
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #118e79;
    background-color: transparent;
}
.btn-100{
    width: 100px;
    margin: auto;
}
.nota{
    font-size: 80%;
}
.separador-menu {
    padding-right: 5px;
}
@media all and (max-width: 1050px) { 
    .separador-menu {
        display: none;
    }
}
#menu-opcion-usuario:hover {
    text-decoration: none;
}