/* Reset básico */
body, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
figure, figcaption, div, span, a, ul, ol, li, dl, dt, dd,
table, th, td, thead, tbody, tfoot, tr,
input, button, textarea, select, option, fieldset, legend, label,
section, article, aside, footer, header, nav, main,
audio, video, canvas, iframe, embed, object, param, picture, source, track,
strong, em, b, i, u, small, big, abbr, q, cite, time, code, sub, sup,
summary, details, mark, progress, meter{
    margin: 0;
    padding: 0;
    border: none;
    box-sizing: border-box;
    font-family: "Montserrat", sans-serif;
    text-decoration: none;
    list-style: none;
    font-size: 10px;
}

/* Body */ 
body{
    margin: unset;
    max-width: 100vw;
    min-height: 100vh;
    position: relative;
    display: flex;
}

/* Cambiar el ancho de la barra de desplazamiento */
::-webkit-scrollbar {
    width: .4rem;
}

/* Cambiar el color de la barra de desplazamiento */
::-webkit-scrollbar-thumb {
    background-color: #729edb;
    border-radius: 1rem;
}

/* Quitar el fondo de la barra */
::-webkit-scrollbar-track {
    background: transparent;
}

/* Imágenes */
img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Inputs y botones */
input, button, textarea, select{
    outline: 0 solid #000000;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------- */

/* HEADER NULL */
.header_null{
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------- */

/* HEADER USER - INICIO */

.header_loginOFF, .header_loginON{
    width: 100%;
    height: 12.8rem;
    background-color: #004278;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
}

/* Div Header Principal A */
.div_headerContPrinA-1{
    width: 100%;
    height: 56%;
    background: #3f57b7;
    display: flex;
    position: relative;
}

.div_izquierdoA-1{
    width: 50%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.div_baseLogoBiz-1{
    width: max-content;
    height: 100%;
    display: flex;
    align-items: center;
}

.div_baseLogoBiz-1 .svg_logoBizHeader{
    width: 70%;
    height: max-content;
    fill: #ffffff;
    margin-left: 2rem;
}

.div_derechoA-1{
    width: 50%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

/* LOGOFF */
.div_baseBtnsPrincipal-1{
    width: max-content;
    height: 100%;
    display: flex;
    align-items: center;
}

.div_baseBtnsPrincipal-1 .btn_headerBtnA{
    width: max-content;
    height: max-content;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1rem;
    padding: .6rem 1rem;
    font-size: 1rem;
}

.div_baseBtnsPrincipal-1 .btn_headerBtnA:last-child{
    margin-right: 2rem;
}

.div_baseBtnsPrincipal-1 .btn_headerBtnA:not(:last-child){
    margin-right: 1rem;
}

.btn_inicioSesion-1{
    background-color: transparent;
    border-bottom: 1px solid #88baff;
    color: #c0daff;
    box-shadow: 0 .3rem #000a3522;
    transition: .3s;
    cursor: pointer;
}

.btn_inicioSesion-1:hover{
    background: #5ba5eb;
    border: none;
    box-shadow: none;
    color: #ffffff;
}

.btn_registrarse-1{
    cursor: pointer;
    background: #5ba5eb;
    color: #031f4d;
    transition: .3s;
}

.btn_registrarse-1:hover{
    color: #ffffff;
}
/* LOGOFF */

/* LOGON */
.div_basePrinPerfilBtn-1{
    width: max-content;
    height: max-content;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 2rem;
    top: 50%;
    transform: translateY(-50%);
}

.btn_basePerfilBtn-1{
    width: 5.8rem;
    height: 5.8rem;
    border-radius: 100%;
    background-color: #273d99;
    border: 2px solid #daf2ff;
    overflow: hidden;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    position: relative;
    z-index: 500;
    align-items: center;
    justify-content: center;
}

.div_baseFotoPerfil-1{
    width: 5rem;
    height: 5rem;
    overflow: hidden;
    border: 4px solid #54a6d1;
    border-radius: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s ;
}

.btn_basePerfilBtn-1:hover .div_baseFotoPerfil-1{
    width: 5.8rem;
    height: 5.8rem;
}

.div_baseOpcionPerfil-1{
    width: 0;
    height: 0;
    overflow: hidden;
    opacity: 0;
    transform: right top;
    transition: .3s;
    position: absolute;
    top: 0;
    right: 100%;
    z-index: 1000;
}

.div_baseOpcionPerfil-1 .div_lineaDecoracion-1{
    position: absolute;
    right: 0;
    top: 0;
}

.div_baseOpcionPerfil-2{
    width: 20rem;
    height: max-content;
    display: flex;
    background-color: #CECECE;
    border-radius: 1rem 0 1rem 1rem;
    flex-direction: column;
    transform: top left;
    transition: .3s;
    position: absolute;
    box-shadow: .4rem .4rem 1rem #00427844;
    top: 0;
    right: 108%;
}

.div_lineaDecoracion-1{
    width: 3.8rem;
    height: 1rem;
    border-left: 3.8rem solid #8cafc9;
    border-top: 0;
    border-bottom: 1rem solid transparent;
    border-right: 0;
    box-sizing: border-box;
    position: absolute;
    right: -3.8rem;
    top: 0;
}

.div_cuentaIconPerfil-1{
    width: 100%;
    height: max-content;
    border-radius: 1rem 0 0 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background-color: #8cafc9;
}

.div_cuentaIconoBase-1{
    width: 100%;
    height: 2.6rem;
    display: flex;
    align-items: center;
    position: relative;
}

.div_cuentaIconoBase-1 .span_cuenta-1{
    display: flex;
    align-items: center;
    position: relative;
    font-size: .9rem;
    padding-left: .6rem;
    cursor: default;
    color: #031f4d;
}

.div_cuentaIconoBase-1 svg{
    width: 1.3rem;
    height: max-content;
    fill: #1f3f76;
    margin-left: .6rem;
}

.div_nomCargoCuentaBase-1{
    width: 100%;
    height: max-content;
    position: relative;
    display: flex;
    flex-direction: column;
    margin-bottom: .6rem;
}

.span_nombreCuenta-1{
    width: 94%;
    overflow: hidden;
    text-wrap: none;
    cursor: default;
    box-sizing: border-box;
    padding: 0 .6rem;
    color: #1f3f76;
    font-weight: 600;
    font-size: 1.1rem;
}

.span_cargoCuenta-1{
    width: 94%;
    overflow: hidden;
    cursor: default;
    text-wrap: none;
    padding: 0 .6rem;
    box-sizing: border-box;
    color: #1f3f76;
    font-size: 1rem;
}

.div_btnsGeneBase-1{
    width: 100%;
    height: max-content;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: 0 0 1rem 1rem;
    box-shadow: .4rem .4rem .6rem #031f4d44;
}

.div_btnsGeneBase-1 button{
    width: 100%;
    height: 2.6rem;
    display: flex;
    align-items: center;
    background-color: #F1F0F0;
    padding-left: 1rem;
    box-sizing: border-box;
    color: #1f3f76;
    font-size: 1rem;
    cursor: pointer;
}

.div_btnsGeneBase-1 button svg{
    width: 1.6rem;
    height: max-content;
    color: #1f3f76;
}

.div_btnsGeneBase-1 button span{
    font-size: 1rem;
    margin-left: .6rem;
}

.btn_cerrarSesion-1{
    transition: .3s;
}

.svg_cerrarSesion{
    fill: #922b2b99;
}

.span_btnCerrarSesion{
    color: #922b2b99;
}

.btn_cerrarSesion-1:hover{
    background-color: #922b2b99;
}

.btn_cerrarSesion-1:hover .svg_cerrarSesion{
    fill: #ffffff;
}

.btn_cerrarSesion-1:hover .span_btnCerrarSesion{
    color: #ffffff;
}
/* LOGON */

/* Div Header Principal A */

/* Div Nav Base */
.div_baseNavOpcionesLi-1{
    width: 100%;
    height: 20%;
    display: flex;
    background-color: #80a6dc;
    align-items: center;
}

.div_baseNavOpcionesLi-1 .nav_opcioneLi-1{
    width: 100%;
    height: 90%;
    padding-left: 2rem;
    box-sizing: border-box;
    display: flex;
}

.nav_opcioneLi-1 .ul_listaOpcionesNav-1{
    width: 100%;
    height: 100%;
    margin-right: 2rem;
    align-items: center;
    position: relative;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    overflow-x: auto;
    overflow-y: hidden;
    gap: 1rem;
}

.nav_opcioneLi-1 .ul_listaOpcionesNav-1::-webkit-scrollbar {
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 0;
}

.li_opcionNav{
    width: max-content;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-left: 1rem;
}

.li_opcionNav:first-child{
    margin-left: 0;
}

.li_opcionNav a{
    font-size: 1rem;
    color: #031f4d; 
    transition: .3s;
}

.li_opcionNav span{
    font-size: 1.4rem;
    margin-left: .8rem;
    transform: scaleY(60%) scaleX(170%) rotate(-90deg);
    color: #031f4d;
    width: max-content;
    height: max-content;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s;
}

.li_opcionNav:hover a, .li_opcionNav:hover span{
    color: #ffffff;
}
/* Div Nav Base */

/* Div Header Principal A */

/* Div Header Principal B */
.div_headerContPrinB-1{
    width: 100%;
    height: 24%;
    background-color: #466aad;
    display: flex;
    padding: .2rem 0;
    box-sizing: border-box;
}

.div_headerContPrinB-1 .div_izquierdoB-1{
    width: 50%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-color: #b1bee1;
}

.div_headerContPrinB-1 .div_derechoB-1{
    width: 50%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-color: #b1bee1;
}
/* Div Header Principal B */

/* HEADER USER - FIN */

/* ------------------------------------------------------------------------------------------------------------------------------------------------- */

/* HEADER ADMIN - INICIO */

.headerAdmin_logON{
    width: 100%;
    height: 13.2rem;
    background-color: #004278;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    border-bottom: .2rem solid #224D99;
    box-sizing: border-box;
}

.div_headerAdminBasePrinA-1{
    width: 100%;
    background-color: #3F57B688;
    height: 8.2rem;
    display: flex;
    position: relative;
    justify-content: space-between;
}

.div_headerAdminBasePrinA-1 .div_derechoHeader{
    width: 60%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.div_headerAdminBasePrinA-1 .div_izquierdoHeader{
    width: 40%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
}

.div_headerAdminBasePrinA-1 .div_izquierdoHeader .div_baseLogoAdmin-1{
    width: 4rem;
    height: max-content;
    position: absolute;
    left: 3rem;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.div_headerAdminBasePrinA-1 .div_izquierdoHeader .div_baseLogoAdmin-1 svg{
    fill: #ffffff;
    width: 100%;
    height: max-content;
}

.div_basePrinPerfilCuadro-1{
    width: 34rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.div_basePrinPerfilCuadro-1 .div_basePrinPerfilYOpcion-1{
    width: 90%;
    height: 6.6rem;
    margin-right: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.div_basePrinPerfilYOpcion-1 .div_perfilAdmin-1{
    width: 100%;
    height: 100%;
    border-radius: 1rem 3.3rem 3.3rem 1rem;
    display: flex;
    border: 3.2px solid #9DBEE2;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    z-index: 1000;
}

.div_perfilAdmin-1 .div_datosPerfilBase-1{
    width: 74%;
    height: 100%;
    background-color: #3763AD;
    display: flex;
    flex-direction: column;
    border-right: 1px solid #8cafc944;
    box-sizing: border-box;
    position: relative;
}   

.span_nombreAdmin-1{
    width: 100%;
    margin-top: .8rem;
    padding-left: 1rem;
    box-sizing: border-box;
    font-size: 1.2rem;
    font-weight: 600;
    border-top: 1px solid #ffffff44;
    border-bottom: 1px solid #ffffff44;
    color: #ffffff;
    text-wrap: none;
    background-color: #00427844;
    overflow: hidden;
    cursor: default;
}

.div_adminEtiqueta-1{
    width: 100%;
    padding-left: 1rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    height: max-content;
    margin-top: .2rem;
}

.div_adminEtiqueta-1 svg{
    height: 1.6rem;
    width: max-content;
    fill: #ffffff;
    margin-right: .6rem;
}

.div_adminEtiqueta-1 span{
    color: #ffffff;
    font-size: 1rem;
    cursor: default;
}

.div_spanCargo-1{
    width: 100%;
    height: 2rem;
    display: flex;
    align-items: center;
    padding-left: 1rem;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    bottom: 0;
    cursor: default;
}

.span_cargoAdmin-1{
    width: 90%;
    padding: .2rem;
    border-radius: 1rem;
    text-wrap: none;
    color: #ffffff;
    font-size: 1rem;
    font-weight: 400;
    padding-left: .4rem;
    box-sizing: border-box;
    background-color: #2F3647;
}

.div_perfilAdmin-1 .div_imgPerfilBase-1{
    width: 26%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #004278;
    background: linear-gradient(234deg, #2436AA 0%, #1D3D9C 54%, #1F53C8 100%);
}

.div_imgPerfilBase-1 .div_baseImgPerfil-1{
    width: 5.4rem;
    height: 5.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    background-color: #9dbfff66;
    border: 2px solid #378bd0;
    box-sizing: border-box;
    box-shadow: 0 0 .6rem #031f4d66;
    cursor: pointer;
    transition: .3s;
}

.div_imgPerfilBase-1 .div_baseImgPerfil-1:hover{
    width: 5.6rem;
    height: 5.6rem;
}

.div_imgPerfilBase-1 .div_baseImgPerfil-1:hover img{
    width: 4.8rem;
    height: 4.8rem;
    border: 3px solid #d3ecffcc;
    box-sizing: border-box;
}

.div_imgPerfilBase-1 img{
    width: 4.6rem;
    height: 4.6rem;
    transition: .1s;
    border: 2px solid #bbdbf4cc;
    box-sizing: border-box;
    border-radius: 100%;
}

.div_opcionesPerfilAdmin-1{
    height: 0;
    overflow: hidden;
    opacity: 0;
    width: 74%;
    position: absolute;
    top: 100%;
    transform: translateY(-3rem);
    left: 0;
    transform-origin: top;
}

.div_opcionesPerfilAdmin-2{
    width: 74%;
    padding-top: 3rem;
    opacity: 1;
    display: flex;
    transform-origin: top;
    flex-direction: column;
    position: absolute;
    top: 100%;
    transform: translateY(-3rem);
    left: 0;
    z-index: 900;
    background-color: #F1F0F1;
    border-radius: 0 0 1rem 1rem;
    overflow: hidden;
    box-shadow: .4rem .4rem .6rem #031f4d44;
    transition: .3s;
}

.div_opcionesPerfilAdmin-2 button{
    width: 100%;
    height: 2.6rem;
    display: flex;
    align-items: center;
    padding-left: 1rem;
    box-sizing: border-box;
    background-color: #F1F0F0;
    color: #1f3f76;
    font-size: 1rem;
    cursor: pointer;
}

.div_opcionesPerfilAdmin-2 button svg{
    width: 1.6rem;
    height: max-content;
    color: #1f3f76;
}

.div_opcionesPerfilAdmin-2 button span{
    font-size: 1rem;
    margin-left: .6rem;
}

.div_opcionesPerfilAdmin-2 .btn_cerrarSesion-1{
    transition: .3s;
}

.div_opcionesPerfilAdmin-2 .svg_cerrarSesion{
    fill: #922b2b99;
}

.div_opcionesPerfilAdmin-2 .span_btnCerrarSesion{
    color: #922b2b99;
}

.div_opcionesPerfilAdmin-2 .btn_cerrarSesion-1:hover{
    background-color: #922b2b99;
}

.div_opcionesPerfilAdmin-2 .btn_cerrarSesion-1:hover .svg_cerrarSesion{
    fill: #ffffff;
}

.div_opcionesPerfilAdmin-2 .btn_cerrarSesion-1:hover .span_btnCerrarSesion{
    color: #ffffff;
}

.separadorBtnPerfil1{
    width: 100%;
    border-top: 1px solid #00427844;
    margin: .6rem 0;
}

.div_headerAdminBasePrinB-1{
    width: 100%;
    height: 5rem;
    display: flex;
    position: relative;
    background-color: #c0dcecaa;
}

.div_decoracionNav1{
    width: 3%;
    height: 100%;
    background-color: #4c8bc0;   
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.div_decoracionNav1 svg{
    width: 1.2rem;
    height: max-content;
    fill: #ffffff;
    margin-bottom: 1rem;
}

.nav_adminHeader{
    width: 97%;
    height: 100%;
    border-left: 1px solid #00427888;
    border-right: 1px solid #00427888;
    box-sizing: border-box;
}

.nav_adminHeader .span_opcionesAdminLabel-1{
    width: 100%;
    height: 24%;
    display: flex;
    align-items: center;
    background-color: #3e4451;
    color: #ffffffcc;
    overflow: hidden;
    padding-left: 1rem;
    font-size: 1rem;
    box-sizing: border-box;
}

.nav_adminHeader .ul_adminOpciones-1{
    width: 100%;
    height: 78%;
    display: grid;
    align-items: center;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    overflow-x: auto;
    overflow-y: hidden;
    gap: 1rem;
    padding: 0 1rem;
    box-sizing: border-box;
}

.nav_adminHeader .ul_adminOpciones-1::-webkit-scrollbar{
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 0;
}

.li_opcionNavAdmin{
    width: max-content;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.li_opcionNavAdmin a{
    width: max-content;
    height: max-content;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #031f4d88;
    border-radius: 1rem;
    padding: .4rem;
    font-size: 1.1rem;
    background-color: #42a7ff44;
    color: #031f4d;
    cursor: pointer;
    transition: .3s;
}

.li_opcionNavAdmin a:hover{
    background-color: #031f4daa;
    color: #ffffff;
}

.div_otrasOpciones-1{
    width: 0;
    height: 0;
    opacity: 0;
}

/* HEADER ADMIN - FIN */

/* ------------------------------------------------------------------------------------------------------------------------------------------------- */

/* FOOTER */
.footer {
    width: 100%;
    height: 20rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
    position: absolute;
    background-color: #224D99;
    bottom: 0;
}

.div_redesSocialesContent {
    width: 100%;
    height: max-content;
    display: flex;
    justify-content: flex-end;
    padding: .6rem 2rem;
    box-sizing: border-box;
    margin-top: 4rem;
    background-color: #3B5BAF;
}

.div_redesS-1{
    width: max-content;
    height: 100%;
    display: flex;
    align-items: center;
}

.svg-redesS{
    width: 2.4rem;
    height: max-content;
    fill: #ffffffcc;
}

.div_redesS-1 .barra{
    background-color: #ffffff66;
    width: 2px;
    height: 2.8rem;
    margin: 0 1rem;
    margin-right: 0;
}

.div_redesS-1 a{
    height: 100%;
    width: max-content;
    display: flex;
    align-items: center;
    justify-content: center;
}

.div_redesS-1 a svg{
    height: max-content;
    width: 2.8rem;
    fill: #ffffff;
    margin-left: 1rem;
}

.div_redesContac-1{
    width: max-content;
    height: 100%;
    display: flex;
    align-items: center;
    margin-left: 4rem;
}

.svg_redesContac-1{
    width: 2rem;
    height: max-content;
    fill: #ffffff88;
}

.div_redesContac-1 .barra{
    background-color: #ffffff66;
    width: 2px;
    height: 2.8rem;
    margin: 0 1rem;
    margin-right: 0;
}

.div_redesContac-1 a{
    height: 100%;
    width: max-content;
    display: flex;
    align-items: center;
    justify-content: center;
}

.div_redesContac-1 a svg{
    height: max-content;
    width: 2.8rem;
    fill: #ffffff;
    margin-left: 1rem;
}

.div_copyrightContent {
    width: 100%;
    height: max-content;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-weight: 400;
    color: #ffffffdd;
    font-size: 1.2rem;
    padding-bottom: 2rem;
    padding-top: 1rem;
    border-top: 1px solid #ffffff44;
}

.svg_logoBizSvg {
    width: 3.8rem;
    height: max-content;
    fill: #ffffffdd;
    margin: 1rem 0;
}

.span_copyright-1{
    width: 100%;
    text-align: center;
    font-size: 1.2rem;
    color: #ffffff;
}
/* FOOTER */

/* MEDIA QUERYS */

@media only screen and (max-width: 768px){

    .footer .div_redesSocialesContent{
        width: 80%;
    }

    .div_headerContPrinB-1{
        height: 18%;
    }

    .div_baseNavOpcionesLi-1{
        height: 26%;
    }
    
}

@media only screen and (max-width: 480px){

    .footer{
        height: 22rem;
    }
    
    .footer .div_redesSocialesContent{
        width: 100%;
        flex-direction: column;
        margin-bottom: 1.4rem;
    }
    
    .div_redesContac{
        margin: 0;
        margin-top: 1.4rem;
    }

}

@media only screen and (max-width:400px){

    /* Header OFF Y ON Base */
    .header_loginOFF, .header_loginON{
        height: 18rem;
    }
    
    .div_headerContPrinA-1{
        flex-direction: column;
    }

    .div_izquierdoA-1{
        width: 100%;
        height: 20%;
        justify-content: center;
        padding: 0;
    }

    .div_baseLogoBiz-1{
        width: 70%;
        padding: 0;
        align-items: center;
        justify-content: center;
        position: relative;
    }

    .div_baseBtnsPrincipal-1 .btn_headerBtnA{
        font-size: 1.1rem;
    }

    .div_baseLogoBiz-1 a{
        width: max-content;
        height: max-content;
        padding: 0;
        margin: 0;
        position: absolute;
        top: 100%;
        transform: translateY(-50%);
    }

    .div_headerContPrinB-1{
        height: 16%;
    }

    .div_baseNavOpcionesLi-1{
        height: 28%;
    }


    .div_baseNavOpcionesLi-1 .nav_opcioneLi-1{
        width: 94%;
        margin: 0;
        margin-left: 3%;
        box-sizing: border-box;
        padding-left: 1rem;
    }

    .li_opcionNav a{
        font-size: 1.1rem;
        padding: .6rem;
        border-radius: 1rem;
        border: 1px solid #00427866;
    }

    .header_loginON .div_baseLogoBiz-1 a{
        width: max-content;
        height: max-content;
        padding: 0;
        margin: 0;
        position: absolute;
        top: 100%;
        left: -10%;
        transform: translateY(-50%);
    }

    .div_baseLogoBiz-1 .svg_logoBizHeader{
        margin: 0;
        height: 1.2rem;
        width: max-content;
    }
    
    .div_derechoA-1{
        width: 100%;
        height: 80%;
        flex-direction: column;
        position: relative;
        align-items: center;
        justify-content: center;
    }

    .div_baseBtnsPrincipal-1{
        gap: 1rem;
    }

    .div_baseBtnsPrincipal-1 .btn_headerBtnA:last-child{
        margin: 0;
    }

    .headerAdmin_logON{
        height: 20rem;
    }
    
    .div_headerAdminBasePrinA-1{
        height: 10rem;
    }

    .div_headerAdminBasePrinA-1 .div_izquierdoHeader{
        width: 0;
        height: 0;
        overflow: hidden;
        opacity: 0;
    }

    .div_headerAdminBasePrinA-1 .div_derechoHeader{
        width: 100%;
    }

    .div_basePrinPerfilCuadro-1{
        width: 100%;
        height: 100%;
        justify-content: center;
        padding: 0;
        margin: 0;
    }

    .div_basePrinPerfilCuadro-1 .div_basePrinPerfilYOpcion-1{
        margin: 0;
    }  
    
    .span_nombreAdmin-1{
        font-size: 1rem;
    }

    .span_cargoAdmin-1{
        font-size: 1rem;
    }

    .div_headerAdminBasePrinB-1{
        width: 100%;
        height: 10rem;
        flex-direction: column;
    }
    
    .div_decoracionNav1{
        width: 0;
        height: 0;
        opacity: 0;
    }
    
    .nav_adminHeader{
        width: 100%;
        height: 60%;
        align-items: center;
        border-bottom: 1px solid #00427866;
        box-sizing: border-box;
    }

    .nav_adminHeader .ul_adminOpciones-1{
        height: 80%;
        width: 100%;
        align-items: center;
    }

    .div_otrasOpciones-1{
        height: 0;
        width: 0;
        opacity: 0;
    }

    /* Perfil Usuario */

    .div_basePrinPerfilBtn-1{
        right: 50%;
        top: 50%;
        transform: translate(50%, -50%);
        z-index: 1000;
    }

    .btn_basePerfilBtn-1{
        width: 5rem;
        height: 5rem;
    }

    .div_baseFotoPerfil-1{
        width: 4.8rem;
        height: 4.8rem;
    }
    
    .btn_basePerfilBtn-1:hover .div_baseFotoPerfil-1{
        width: 5rem;
        height: 5rem;
    }

    .div_baseOpcionPerfil-1{
        transform: top top;
    }

    .div_baseOpcionPerfil-2{
        top: 112%;
        right: 50%;
        border-radius: 1rem;
        transform: translateX(50%);
    }
    
    .div_lineaDecoracion-1{
        width: 2rem;
        height: 1rem;
        box-sizing: border-box;
        border-left: 1rem solid transparent;
        border-top: 0;
        border-bottom: 1rem solid #8cafc9;
        border-right: 1rem solid transparent;
        position: absolute;
        right: 50%;
        transform: translateX(50%);
        top: -1rem;
    }

    .div_cuentaIconPerfil-1{
        border-radius: 1rem 1rem 0 0;
        position: relative;
        z-index: 1500;
    }

    /* Perfil Usuario */

}

/* MEDIA QUERYS */