.header{display:flex;align-items:center;justify-content:space-between;margin:0;padding:0}.header__user-info{display:flex;flex-direction:column;align-items:start;justify-content:center;gap:5px}.header__user-info-title{font-family:var(--font-secondary);color:var(--bipal-rich-black);font-size:var(--font-3xl);font-weight:var(--font-semibold);margin:0}.header__logout-button-container{display:flex;align-items:center;justify-content:center;background-color:var(--bipal-light-green);cursor:pointer;width:40px;height:50px;padding:10px;border-radius:10px;transition:all .3s ease-in-out}.header__logout-button-container:hover{background-color:var(--bipal-dark-green)}.header__logout-button-container:hover .header__logout-button-icon{transform:translateX(2px)}.header__logout-button{background:none;cursor:pointer;margin:0;padding:0}.header__logout-button-icon{color:#fff;font-size:var(--font-xl);transition:transform .3s ease-in-out}.header__login-buttons-container{display:flex;align-items:center;justify-content:center;gap:10px}.header__login-buttons-container ul{list-style:none}.sidebar-container{transition:all .4s cubic-bezier(.4,0,.2,1);width:20vw;z-index:2000;position:relative}.sidebar-container--colapsed{width:100px}.side-bar{display:flex;flex-direction:column;justify-content:space-between;position:relative;border-radius:15px;padding:20px;margin:10px 0 10px 10px;gap:20px;height:98vh;background-color:var(--bipal-rich-black);transition:all .4s cubic-bezier(.4,0,.2,1);overflow-y:auto;overflow-x:hidden}.side-bar__colapse-button{width:40px;height:40px;border-radius:50%;position:absolute;top:30px;right:-20px;display:flex;align-items:center;justify-content:center;background-color:var(--bipal-light-green);box-shadow:0 4px 6px 2px rgba(0,0,0,.1);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:999}.side-bar__colapse-button-icon{color:#fff;font-size:20px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.side-bar__colapse-button-icon--rotated{transform:rotate(180deg)}.side-bar__colapse-button:hover{background-color:var(--bipal-dark-green);transition:all .3s cubic-bezier(.4,0,.2,1)}.side-bar__header{display:flex;align-items:center;justify-content:center;width:100%}.side-bar__close-button{display:none;color:#fff;font-size:32px;background:none}.side-bar__close-button-bar{display:flex;align-items:center;justify-content:center;width:24px;height:2px;background-color:#fff;margin:5px 0;transition:all .3s ease-in-out}.side-bar__close-button-bar--top.active{transform:translateY(7px) rotate(45deg)}.side-bar__close-button-bar--middle.active{opacity:0}.side-bar__close-button-bar--bottom.active{transform:translateY(-7px) rotate(-45deg)}.side-bar__logo-container{display:flex;align-items:center;justify-content:center;width:-moz-fit-content;width:fit-content}.side-bar__logo-text{font-family:var(--font-secondary);color:#fff;font-size:var(--font-6xl);margin:0!important}.side-bar__menu-container{display:flex;align-items:start;justify-content:center;width:100%;height:100%;opacity:1;transform:translateY(0);transition:opacity .3s ease-in-out,transform .3s ease-in-out}.side-bar__menu-container--closed{opacity:0;transform:translateY(-100px);position:absolute;visibility:hidden;transition:opacity .3s ease-in-out,transform .3s ease-in-out,visibility 0s .1s}.side-bar__menu{display:flex;align-items:center;flex-direction:column;width:100%;height:-moz-fit-content;height:fit-content;gap:15px;padding:0;opacity:1;transform:translateY(0);transition:opacity .3s ease-in-out,transform .3s ease-in-out}.side-bar__menu--closed{opacity:0;transform:translateY(-20px);position:absolute;visibility:hidden;transition:opacity .3s ease-in-out,transform .3s ease-in-out,visibility 0s .3s;pointer-events:none}.side_bar__menu-item-container{display:flex;align-items:center;justify-content:start;border-radius:8px;width:100%;padding:10px;transition:all .3s ease-in-out;margin:0}.side_bar__menu-item-container:hover{color:#fff;transform:translateY(-2px);box-shadow:0 4px 6px 2px rgba(0,0,0,.1)}.side_bar__menu-item-container--active,.side_bar__menu-item-container:hover{background-color:var(--bipal-light-green)}.side_bar__menu-item-container--collapsed{width:50px;height:50px;justify-content:center;align-items:center}.side-bar__menu-item{display:flex;align-items:center;justify-content:start;border-radius:8px;gap:10px;width:100%;transition:all .3s ease-in-out}.side-bar__menu-item--collapsed{justify-content:center}.side-bar__menu-item-text{font-family:var(--font-primary);color:#fff;font-weight:var(--font-medium);font-size:var(--font-md)}.side-bar__menu-item-text--collapsed{display:none}.side-bar__menu-item-tooltip{color:var(--bipal-rich-black)!important;font-family:var(--font-primary)!important;font-weight:var(--font-medium)!important;font-size:var(--font-md)!important}.side-bar__account-icon-container{display:flex;align-items:center;justify-content:center;width:100%;margin:auto}.side-bar__account-icon{background-color:#fff;color:var(--bipal-gray-400);border:2px solid var(--bipal-rich-black);border-radius:50%;padding:20px;font-size:var(--font-xl)}.side-bar__account-icon--expanded{position:absolute;top:-40px;left:50%;transform:translateX(-50%)}.side-bar__account-container{display:flex;align-items:center;justify-content:center;border-radius:10px;background-color:var(--bipal-light-green);padding:30px 20px;height:-moz-fit-content!important;height:fit-content!important;position:relative;flex-direction:column;gap:8px;width:100%;margin-top:12px;opacity:1;transform:translateY(0);transition:opacity .3s ease-in-out,transform .3s ease-in-out}.side-bar__account-container--closed{opacity:0;transform:translateY(-100px);height:0;margin:0;visibility:hidden;transition:opacity .3s ease-in-out,transform .3s ease-in-out,visibility 0s .3s,height .3s ease-in-out,margin .3s ease-in-out;pointer-events:none}.side-bar__account-username{color:#fff;font-family:var(--font-secondary);font-size:var(--font-xl);margin:0}.side-bar__account-select{width:100%;height:50px;padding:10px;background-color:var(--bipal-light-green);color:#fff;border:1px solid hsla(0,0%,100%,.2);border-radius:5px;font-size:var(--font-md);cursor:pointer;transition:all .3s ease-in-out}.side-bar__account-select:focus{outline:none;border-color:hsla(0,0%,100%,.5);box-shadow:0 4px 4px 1px hsla(0,0%,100%,.1)}.side-bar__account-select option{background-color:var(--bipal-light-green);color:#fff;padding:.5rem 1rem}@media (max-width:1024px){.sidebar-container{position:fixed;width:100vw}.side-bar{height:100dvh;margin:0;border-radius:0}.side-bar--closed{height:100px}.side-bar-container--opened{display:flex}.side-bar__colapse-button{display:none}.side-bar__header{justify-content:space-between}.side-bar__close-button{display:block;cursor:pointer}.side-bar__account-icon{font-size:var(--font-3xl);padding:24px}.side-bar__account-icon--expanded{top:-55px}}.home-header{width:100%;display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;z-index:20;padding:20px 40px;background-color:transparent;transition:background-color .3s ease-in-out}.home-header--scrolled{background-color:var(--bipal-dark-green)!important}.home-header__btns-container{display:flex;align-items:center;gap:10px}.home-header__btn{padding:10px 20px;font-family:var(--font-primary);font-size:var(--font-sm);font-weight:var(--font-semibold);color:#fff;background-color:var(--bipal-light-green);border-radius:8px;transition:all .3s ease-in-out;border:1px solid var(--bipal-light-green);cursor:pointer;text-align:center}.home-header__btn:hover{transform:translateY(-2px);color:var(--bipal-dark-green);background-color:#fff;border:1px solid #fff}.home-header__btn--transparent{background-color:transparent;color:#fff;border:1px solid #fff}.footer-wrapper{width:100%;display:flex;align-items:center;justify-content:center;background-color:var(--bipal-rich-black);color:#fff;padding:40px}.footer-container{width:70vw;margin:auto}.footer-grid{display:grid;grid-template-columns:repeat(2,1fr);width:100%}.footer-left-column{display:flex;align-items:start}.footer-left-column,.footer-right-column{justify-content:center;flex-direction:column;gap:20px}.footer-right-column{display:none;align-items:center}@media (max-width:1024px){.home-header{padding:20px}@media (max-width:768px){.home-header__btn{padding:5px 10px;font-size:var(--font-xs)}}@media (max-width:425px){.home-header__btns-container{flex-direction:column;align-items:start;justify-content:center}.home-header__btn{width:100%}}.footer-container{width:90vw}.footer-grid{grid-template-columns:repeat(1,1fr)}}