/*
* * * * *
* Configuracion general
* * * * * 
*/
html {
    overflow: hidden;
    overflow-y: hidden;
}
#_vhtml
{
    overflow: hidden;
    overflow-y: auto;
    width: 100vw;
    height: 100%;
    position: relative;
    z-index: 3;
    background-color: #ffffff;
}
body {
    height: 100%;
    width: 100vw;
    position: relative;
}
header#menu_logo, header#menu_logo_movile 
{
    position: fixed;
    z-index: 10;
    padding: 0.5rem 1rem;
    width: 100vw;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    height: 55px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 5rem;
    background-color: rgba(255, 255, 255, .6);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    -ms-backdrop-filter: blur(16px);
    -moz-backdrop-filter: blur(16px);
    top: 0.2rem;
    max-width: var(--max-ancho);
}
header#menu_logo_movile {
    bottom: 0.2rem !important;
    top: unset;
}

header#menu_logo figure, header#menu_logo_movile figure 
{
    width     : 90px;
    height    : 29px;
    text-align: left;
    min-width : 60px;
}
#lbyn_mov,#lbyn {
    height  : 80%;
    top     : 10%;
    position: relative;
}

#contenidoSeleccionado
{
    height             : 100vh;
    width              : 100vw;
    overflow           : auto;
    overflow-x         : hidden;
    position           : absolute;
    top                : 0;
    left               : 0;
    z-index            : 5;
    transform          : translateY(100px);
    opacity            : 0;
    transition         : transform 300ms linear;
    transition-property: transform,opacity;
    display            : none;
    background-color   : #181818;
    padding-top        : 55px;
}

.title-bold
{
    font-size: calc(25px +(35 - 25)*((100vw - 300px) /(1600 - 300)));
    line-height: 2rem;
    font-family: gm;
}
.texto-proy, .texto-normal
{
    font-size: var(--texto-proyectos);
}

main#__mainSite {
    position: relative;
    top: 0;
    padding: 0;
    margin: 0;
}
nav#contMenu,nav#contMenuMovile {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    gap: 0.5rem;
    width: 87%;
}
nav#contMenu a. nav#contMenuMovile a, nav#contMenu .drpd-menu, nav#contMenuMovile .drpd-menu {
    color: var(--body-text);
    height: 100%;
    display: inline-block;
    padding: 0.3rem 0.6rem;
    text-decoration: unset;
    text-transform: uppercase;
    position: relative;
    font-family: 'gm';
    flex: 0 0 30px;
    white-space: nowrap;
}
nav#contMenu a:hover,nav#contMenuMovile a:hover {
    background-color: var(--main-olive);
    color:var(--olive-border);
    border-radius: 5px;
}
.flex-wrap-linea
{
    flex-wrap: nowrap !important;
}

#_mnFllwDrpDown
{
    position: fixed;
    width: fit-content;
}
.text-preline, .text-pre-line
{
    white-space: pre-line;
}
a[data-acc="reg"] svg {
    height: 21px;
    width: auto;
}
*[visible-mobile]
{
    display: none;
    z-index: -1;
}

/* DM ALERT */
dmalert {
    max-width: 350px !important;
}
dmalert::before
{
    content:"";
    width:10px;
    height:100%;
    background-color:rgba(0,0,0,.2);
    position:absolute;
    left:0;
    top:0;
}

.overlay-content a
{
    display: none;
}
.overlay-content
{
    position: absolute;
    bottom: 0%;
    text-align: center;
    z-index: 2;
    display: flex;
    align-items: center;
    width: fit-content;
    height: 30px;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
}
.overlay-content h1
{
    /* background-color: rgba(255, 255, 255, 0.5); */
    /* backdrop-filter: blur(16px); */
    padding: 0.5rem 1rem;
    border-radius: 5rem;
    /* margin: 0 auto 1rem auto; */
    font-weight: 700;
    text-align: center;
    display: inline-block;
    box-sizing: border-box;
    font-size: 0.7rem;
    color: #ffffff;
}