/* STETIK CLINICAL v47.55.25 · Perfil, avatar y cierre de sesión responsive. */
.v4749-topbar{position:relative;z-index:30;overflow:visible}
.v4749-top-actions{position:relative}
.v475524-profile-trigger,.v475524-sidebar-trigger{font:inherit;cursor:pointer;text-align:left;background:transparent;color:#193b60;-webkit-tap-highlight-color:transparent}
.v475524-profile-trigger{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:10px;margin-left:0;text-align:left;line-height:1.2;border:1px solid transparent;border-left:1px solid #d8e6f5;border-radius:10px;padding:5px 9px 5px 14px;min-height:48px;max-width:100%;}
.v475524-profile-trigger:hover,.v475524-profile-trigger.is-open{background:#eef6ff;border-color:#cbdff5}
.v475524-sidebar-trigger{width:100%;min-height:52px;display:flex;align-items:center;gap:9px;border-left:0;border-right:0;border-bottom:0;cursor:pointer}
.v475524-sidebar-trigger:hover,.v475524-sidebar-trigger.is-open{background:#eef6ff}
.v475524-profile-trigger:focus-visible,.v475524-sidebar-trigger:focus-visible,.v475524-menu-logout:focus-visible{outline:3px solid #2d68a4;outline-offset:3px}
/* contain evita ampliar/cortar el retrato en el avatar. */
.v475524-profile-trigger .v4749-avatar,.v475524-sidebar-trigger .v4749-avatar{width:40px;height:40px;min-width:40px;min-height:40px;flex:none;display:grid;place-items:center;border-radius:50%;overflow:hidden;background:#edf4fc}
.v475524-profile-trigger .v4749-avatar img,.v475524-sidebar-trigger .v4749-avatar img{display:block;width:100%;height:100%;object-fit:contain;object-position:center center;border-radius:0;background:#edf4fc}
.v475524-profile-trigger .icon:last-child,.v475524-sidebar-trigger .icon:last-child{transition:transform .15s ease;flex:none}
.v475524-profile-trigger.is-open .icon:last-child,.v475524-sidebar-trigger.is-open .icon:last-child{transform:rotate(90deg)}
.v475524-professional-menu{position:absolute;top:calc(100% + 9px);right:0;z-index:60;min-width:258px;max-width:min(330px,calc(100vw - 24px));padding:8px;background:#fff;border:1px solid #cbdff3;border-radius:15px;box-shadow:0 16px 46px rgba(21,50,88,.17);color:#173755}
.v475524-professional-menu[hidden]{display:none!important}
.v475524-menu-heading{padding:12px 13px 13px;border-bottom:1px solid #e4ecf5;overflow-wrap:anywhere}
.v475524-menu-heading strong,.v475524-menu-heading small{display:block}
.v475524-menu-heading strong{font-size:14px;color:#162f4e}
.v475524-menu-heading small{margin-top:4px;font-size:12px;color:#607b99}
.v475524-menu-logout{display:block;width:100%;min-height:46px;margin-top:6px;padding:10px 13px;text-align:left;background:#fff6f6;border:1px solid transparent;border-radius:10px;color:#9c293a;font:inherit;font-weight:750;cursor:pointer}
.v475524-menu-logout:hover{background:#ffebec;border-color:#f3c4ca}
@media(max-width:980px){
 .v4749-top-actions{gap:5px}
 .v475524-profile-trigger{min-width:44px;min-height:44px;padding:2px 5px}
 .v475524-profile-trigger .v4749-avatar{width:36px;height:36px;min-width:36px;min-height:36px}
 .v475524-profile-trigger>div:not(.v4749-avatar),.v475524-profile-trigger>.icon:last-child{display:none}
}
@media(max-width:720px){
 .v4749-global-search{flex:1 1 auto;min-width:0;width:auto}
 .v4749-top-actions{flex:0 0 auto;gap:4px;min-width:0}
 .v475524-profile-trigger{display:inline-flex!important;width:44px;min-width:44px;min-height:44px;padding:3px;border:1px solid #dbe9f6;border-radius:50%;justify-content:center;align-items:center}
 .v475524-profile-trigger .v4749-avatar{width:36px;height:36px;min-width:36px;min-height:36px}
 .v475524-professional-menu{position:fixed;top:calc(66px + env(safe-area-inset-top,0px));left:12px;right:12px;width:auto;max-width:none;max-height:calc(100dvh - 90px);overflow-y:auto}
}

/* v47.55.25: evita el retrato fuera de la cabecera si una regla anterior aplica flex-direction:column. */
.v475524-profile-trigger>.v4749-avatar{align-self:center;margin:0;overflow:hidden}
.v475524-profile-trigger>div:not(.v4749-avatar){flex:1 1 auto;min-width:0}
.v475524-profile-trigger>div:not(.v4749-avatar) strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* v47.55.27 · La hoja base ocultaba .top-right por completo a <=720px.
   Mostrar explícitamente el acceso de cuenta dentro de la cabecera móvil. */
@media (max-width:720px) {
  .v4749-topbar { display:flex; align-items:center; gap:8px; padding-left:12px; padding-right:12px; }
  .v4749-topbar .v4749-global-search { flex:1 1 0; min-width:0; max-width:none; }
  .v4749-topbar .top-right.v4749-top-actions {
    display:flex !important;
    flex:0 0 46px;
    width:46px;
    min-width:46px;
    margin-left:auto;
    justify-content:flex-end;
    align-items:center;
    overflow:visible;
  }
  /* Esos dos iconos ya estaban ocultos en móvil; solo reaparece el perfil. */
  .v4749-topbar .v4749-top-actions > .v4749-icon-btn { display:none; }
  .v4749-topbar .v475524-profile-trigger {
    display:inline-flex !important;
    width:44px;
    height:44px;
    min-width:44px;
    min-height:44px;
    flex:0 0 44px;
    margin:0;
    padding:3px;
    border:1px solid #bfd8f2;
    border-radius:50%;
    background:#f0f7ff;
    align-items:center;
    justify-content:center;
  }
  .v4749-topbar #stetik-professional-menu {
    position:fixed;
    z-index:100;
    top:calc(70px + env(safe-area-inset-top, 0px));
    right:12px;
    left:auto;
    width:min(310px, calc(100vw - 24px));
    max-width:calc(100vw - 24px);
    box-sizing:border-box;
  }
}