/*variables: colores fondo info panels */
:root {
    --var-color-fondo-contenido:#f5f5f5;
    --var-color-fondo-pantalla:#ffffff;
    --var-altura-contenedor-info-a: 58vh;
    --var-altura-contenedor-info-b: 24vh;
    --var-altura-contenedor-info-c: 20vh;
    --var-altura-contenedor-tiras-a: 68vh;
    --var-altura-contenedor-tiras-b: 50vh;
    --var-altura-contenedor-tiras-busqueda: 20vh;
    --var-altura-footer: 40px;
}


/* css general hoja: html y body */
html {
    min-height: 100%;
    position: relative;
    margin: 0;
    overscroll-behavior: none;
    overflow:hidden;
}
body {
    min-height: 100%;
    min-width: vw;
    margin: 0;
    overscroll-behavior: none;
    overflow: hidden;
    background-color: var(--var-color-fondo-pantalla);
    }

.blue {
    color: blue;
}


.main-container {
    margin-left: 10px;
    margin-right: 10px;
} 
/* ajustes para menú de navegación */ 
.navbar-brand > img{
    height: 80px;
}

i {
    font-size: 2rem;
    color: #0d6efd;

}
.contenedor-imagen-profile {
    background-color: white;
    border-radius: 1rem;
    height: 2rem;
    width: 2rem;
    border: solid 1px;
    border-color: rgb(190, 190, 190);
    margin: auto;
    overflow: hidden;
}
.contenedor-imagen-profile img {
    width: 100%;
    height: 100%;
    object-fit: cover;

}

#boton-nav {
    width: 120px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-top: 5px;
    margin-bottom: 5px;
}

ul.no-bullets {
    list-style-type: none;
}
.log-out-text{
    font-size: x-small;
} 

.contenedor-user-total {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 250px;
}
.contenedor-user-user {
    width: 200px;
}

/* ajustes del footer */
footer {
    width: 100vw;
    height: var(--var-altura-footer);
    position: absolute;
    bottom: 0;
    left: 0;
    background-color:rgb(218, 245, 245);
    z-index: 5;
    
}

.footer-copyright {
    font-size: xx-small;
    vertical-align: middle;
    text-align: center;
}

/*imágenes portada */
.img-portada {
    max-height: 43vh;
    max-width: 43vw;
}

/*botones submenús y botones de formularios */
.botones-submenus-main {
    --bs-btn-padding-y: .1rem; 
    --bs-btn-padding-x: .5rem; 
    --bs-btn-font-size: .55rem;
}
.formulario-boton {
    text-align: right;
}