/* Cabecera compartida por todas las aplicaciones de Virtual Office. */
.office-nav{background:linear-gradient(135deg,#080b10,#17334f);border-bottom:1px solid rgba(255,255,255,.12);color:#fff;position:sticky;top:0;z-index:300;backdrop-filter:blur(18px)}
.office-nav-inner{gap:30px;height:78px}
.office-brand{color:#fff;flex:0 0 auto}
.office-brand:hover{color:#fff}
.office-mark{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.16);color:#d8bf8f}
.office-main-nav{align-items:center;display:flex;gap:5px;margin-right:auto}
.office-main-nav a{align-items:center;border-radius:9px;color:rgba(255,255,255,.72);display:flex;font-size:13px;font-weight:700;gap:8px;padding:10px 12px;transition:.2s}
.office-main-nav a:hover{background:rgba(255,255,255,.1);color:#fff}
.office-nav-actions{gap:16px}
.office-user{align-items:center;color:rgba(255,255,255,.82);display:flex;gap:9px}
.office-avatar{align-items:center;background:#d8bf8f;border:2px solid rgba(255,255,255,.3);border-radius:50%;color:#17334f;display:inline-flex;font-size:13px;height:34px;justify-content:center;width:34px}
.office-logout{color:rgba(255,255,255,.82);font-size:13px;font-weight:700}
.office-logout:hover{color:#fff;text-decoration:underline}
.office-btn{border-radius:10px}
.office-btn-secondary{border-radius:10px}
.office-hero{padding-top:92px}
@media(max-width:720px){.office-nav-inner{gap:14px}.office-main-nav span,.office-user>span:last-child{display:none}.office-main-nav a{font-size:16px;padding:9px}.office-brand>span:last-child{display:none}.office-logout{font-size:12px}}
@media(max-width:440px){.office-nav-inner{height:68px}.office-main-nav{gap:0}.office-avatar{height:30px;width:30px}.office-nav-actions{gap:8px}}