/* Original Lives V0.33.7 — home navigation, voice rooms and global chat at the top.
   Presentation-only; leaves back-end authentication & existing chat controls intact. */
html {scroll-behavior:smooth;}
#salas-reales-beta,#chat-global,#acceso-rapido {scroll-margin-top:94px;}
.ol37-access-hub {padding:25px 0 19px;background:linear-gradient(180deg,#101729 0%,#0c1726 100%);}
.ol37-hub-box {display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding:clamp(19px,3vw,30px);border-radius:23px;
  background:linear-gradient(125deg,rgba(23,45,66,.98),rgba(17,30,52,.99) 55%,rgba(36,22,63,.94));
  border:1px solid rgba(40,204,218,.59);box-shadow:0 18px 42px rgba(0,0,0,.22),inset 0 1px rgba(160,239,252,.06);}
.ol37-hub-main {flex:1;min-width:0;max-width:810px}
.ol37-hub-kicker {display:inline-flex;align-items:center;gap:9px;margin-bottom:10px;
  font-size:11px;color:#9cf3fb;font-weight:850;letter-spacing:.1em;}
.ol37-status-light{display:inline-block;width:8px;height:8px;border-radius:50%;background:#1ddbbc;box-shadow:0 0 0 4px #1ddbbc1e,0 0 12px #1ddbbc55}
.ol37-hub-box h2{margin:0 0 10px;color:#f9fdff;font-size:clamp(23px,2.7vw,35px);letter-spacing:-.04em;line-height:1.15}
.ol37-hub-box p{margin:0 0 9px;color:#d1ddec!important;font-size:14px;line-height:1.63}
.ol37-hub-box p strong{color:#f3feff}
.ol37-hub-box .ol37-access-state{margin:12px 0 0;padding:10px 13px;border-radius:11px;
  border:1px solid rgba(121,98,193,.45);background:#1b2440;color:#d9eaff!important;font-size:12.5px}
.ol37-access-state.is-authenticated{border-color:#25cdb54f!important;background:rgba(19,93,97,.26)!important;color:#a5f6dc!important}
.ol37-hub-actions{flex:0 0 min(245px,31%);display:flex;flex-direction:column;gap:9px}
.ol37-primary,.ol37-hub-link{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:43px;
  padding:11px 14px;border-radius:11px;border:1px solid #37bfda;text-decoration:none;font-weight:820;font-size:13px;
  color:#faffff;box-shadow:none;cursor:pointer;line-height:1.35;text-align:center}
.ol37-primary{background:linear-gradient(120deg,#216b80,#1a8794);color:white}
.ol37-primary:hover,.ol37-hub-link:hover{filter:brightness(1.16);border-color:#68ebf1}
.ol37-primary[hidden]{display:none!important}
.ol37-hub-link{background:rgba(9,25,43,.64);border-color:#277c97}
.ol37-room-entry-note,.ol37-chat-entry-note{margin:5px 0 16px;padding:13px 16px;border-radius:13px;
  background:linear-gradient(100deg,rgba(23,58,71,.84),rgba(42,24,62,.62));
  border:1px solid rgba(34,182,202,.42);color:#d6e8f0!important;font-size:13.5px;line-height:1.6}
.ol37-room-entry-note strong,.ol37-chat-entry-note strong{color:#f0fbff}
/* Emphasize actual working beta features, not the illustrative demo rooms. */
#salas-reales-beta{padding-top:26px!important;padding-bottom:28px!important;background:#0b1728!important}
#chat-global{padding-top:28px!important;padding-bottom:42px!important;background:#0b1524!important}
#salas-reales-beta .ol-voice-live-head{margin-bottom:12px}
#chat-global .section-head{margin-bottom:18px}
#chat-global .ol-global-wrap{max-width:1100px;width:100%}
#chat-global .ol-global-messages{min-height:200px;height:clamp(220px,32vh,350px)}
#chat-global .ol-global-form input{min-height:43px}
.nav .links a[href="#salas-reales-beta"],.nav .links a[href="#chat-global"]{color:#95f5fa!important;font-weight:850}
@media(max-width:820px){.ol37-hub-box{flex-direction:column;align-items:stretch;gap:17px}.ol37-hub-actions{flex:none;display:grid;grid-template-columns:1fr 1fr;gap:9px}.ol37-primary{grid-column:1/-1}}
@media(max-width:560px){.ol37-access-hub{padding:15px 0}.ol37-hub-box{border-radius:17px;padding:18px 15px}.ol37-hub-box p{font-size:13px}.ol37-hub-actions{grid-template-columns:1fr 1fr}.ol37-hub-link{font-size:12px;min-height:40px;padding:10px 7px}.ol37-hub-kicker{font-size:10px;letter-spacing:.05em}#salas-reales-beta{padding-top:22px!important}#chat-global{padding-top:25px!important}.ol37-room-entry-note,.ol37-chat-entry-note{font-size:12px;padding:11px 12px}#chat-global .ol-global-messages{height:240px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}