:root{--color-primario: #1e2d45;--color-azul-claro: #5b9bd5;--color-verde: #8dc63f;--color-plata: #b0b8c1;--color-gris: #6b7280;--color-gris-light: #f3f4f6;--color-blanco: #ffffff;--color-texto: #1f2937;--alto-navbar: 65px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--color-gris-light);color:var(--color-texto);padding-bottom:var(--alto-navbar)}.header{background-color:var(--color-primario);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #0000004d}.header__logo{display:flex;align-items:center;gap:10px;text-decoration:none}.header__logo img{height:40px;width:auto}.header__titulo{color:var(--color-plata);font-size:1.2rem;font-weight:700;letter-spacing:1px}.navbar-bottom{position:fixed;bottom:0;left:0;right:0;height:var(--alto-navbar);background-color:var(--color-blanco);display:flex;align-items:center;justify-content:space-around;border-top:2px solid var(--color-primario);box-shadow:0 -2px 10px #0000001a;z-index:100}.navbar-bottom__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:var(--color-gris);font-size:.7rem;font-weight:500;flex:1;padding:8px 0;border-radius:8px;transition:color .3s ease;position:relative}.navbar-bottom__item.activo{color:var(--color-verde)}.navbar-bottom__item.activo:after{content:"";position:absolute;bottom:2px;width:5px;height:5px;background-color:var(--color-verde);border-radius:50%}.navbar-bottom__icono{font-size:1.4rem;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:inline-block}.navbar-bottom__item.activo .navbar-bottom__icono{font-size:1.8rem;transform:translateY(-4px)}.navbar-bottom__texto{font-size:.65rem;transition:font-weight .2s ease}.navbar-bottom__item.activo .navbar-bottom__texto{font-weight:700;font-size:.7rem}.main-content{padding:16px;min-height:calc(100vh - var(--alto-navbar) - 64px)}@keyframes salto{0%{transform:translateY(0)}40%{transform:translateY(-10px)}70%{transform:translateY(-6px)}to{transform:translateY(0)}}.header__acciones{display:flex;align-items:center;gap:8px}.header__btn-login{color:#b0b8c1;font-size:.8rem;font-weight:600;text-decoration:none;padding:6px 12px;border:1px solid rgba(255,255,255,.2);border-radius:8px;transition:background .2s ease}.header__btn-login:hover{background-color:#ffffff1a}.header__btn-logout{background:none;border:1px solid rgba(239,68,68,.4);color:#ef4444;font-size:.8rem;font-weight:600;padding:6px 12px;border-radius:8px;cursor:pointer;transition:background .2s ease}.header__btn-logout:hover{background-color:#ef44441a}.header__btn-cuenta{color:#1e2d45!important;font-size:.8rem;font-weight:700;text-decoration:none;padding:6px 12px;background-color:#8dc63f!important;border:none;border-radius:8px;transition:background .2s ease;display:inline-block}.header__btn-cuenta:hover{background-color:#7ab535!important}