/* gylab.click · lupa desplegable en PC, sin alterar la barra móvil. */
@media (min-width:761px) {
  /* La portada de Lo nuevo ya tiene búsqueda en la barra superior.
     Los visitantes no registrados mantienen la búsqueda de la página. */
  body.home-clicks-page:has(.topbar-v5-desktop) .new-clicks-search { display:none!important; }
  body.home-clicks-page:has(.topbar-v5-desktop) .new-clicks-categories { margin-top:6px; }

  body .topbar.topbar-auth > .topbar-v5-desktop {
    grid-template-columns:minmax(112px,170px) 50px minmax(255px,1fr) max-content max-content max-content 54px!important;
    column-gap:clamp(5px,.55vw,10px)!important;
  }
  body .topbar.topbar-auth > .topbar-v5-desktop:not(:has(> .topbar-v5-create)) {
    grid-template-columns:minmax(112px,170px) 50px minmax(255px,1fr) max-content max-content 54px!important;
  }
  body .topbar.topbar-auth .topbar-v5-search {
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start;
    justify-self:start;
    position:relative;
    z-index:30;
    width:50px!important;
    min-width:50px!important;
    max-width:50px!important;
    height:50px!important;
    padding:0!important;
    border:0!important;
    border-radius:999px!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  body .topbar.topbar-auth .topbar-v5-search:focus-within {box-shadow:none!important;border:0!important;background:transparent!important;}
  .topbar-v5-search .topbar-v5-search-trigger {
    all:unset;
    box-sizing:border-box;
    position:relative;
    z-index:3;
    flex:0 0 46px;
    display:grid;
    place-items:center;
    width:46px;
    height:46px;
    border:1px solid rgba(171,137,243,.45);
    border-radius:50%;
    background:#211538;
    color:#e1d0ff;
    cursor:pointer;
    transition:background .2s ease,border-color .2s ease,transform .2s ease;
  }
  .topbar-v5-search .topbar-v5-search-trigger:hover,
  .topbar-v5-search.is-open .topbar-v5-search-trigger {background:#6832d4;border-color:#9b77ef;color:#fff;transform:none;}
  .topbar-v5-search .topbar-v5-search-trigger:focus-visible {outline:3px solid #bf94ff;outline-offset:3px;}
  .topbar-v5-search .topbar-v5-search-reveal {
    box-sizing:border-box;
    position:absolute;
    left:23px;
    top:50%;
    z-index:2;
    height:50px;
    width:0;
    padding:5px 0;
    display:flex;
    gap:8px;
    align-items:center;
    border:1px solid transparent;
    border-radius:999px;
    background:#1b1230;
    box-shadow:0 13px 35px rgba(10,3,28,.25);
    opacity:0;
    transform:translateY(-50%) translateX(-16px);
    transform-origin:left center;
    transition:width .32s cubic-bezier(.19,1,.22,1),opacity .2s ease,transform .32s cubic-bezier(.19,1,.22,1),padding .32s ease;
    overflow:hidden;
    pointer-events:none;
    visibility:hidden;
  }
  .topbar-v5-search.is-open .topbar-v5-search-reveal {
    width:min(355px,calc(100vw - 215px));
    padding:5px 7px 5px 34px;
    border-color:rgba(173,127,255,.40);
    opacity:1;
    transform:translateY(-50%) translateX(0);
    visibility:visible;
    pointer-events:auto;
  }
  body .topbar-v5-search .topbar-v5-search-reveal input {
    flex:1 1 auto;
    min-width:0;
    width:100%;
    height:38px;
    padding:0 5px!important;
    font-size:13px;
    color:#f7f3ff;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .topbar-v5-search .topbar-v5-search-reveal input::placeholder{color:#b4a6cb;}
  body .topbar-v5-search .topbar-v5-search-reveal .topbar-v5-search-submit{
    flex:0 0 auto;
    height:36px;
    padding:0 13px;
    border:0;
    border-radius:999px;
    background:#773aea;
    color:#fff;
    font-weight:850;
    font-size:12px;
    cursor:pointer;
    box-shadow:none;
  }
  .topbar-v5-search .topbar-v5-search-reveal .topbar-v5-search-submit:hover {background:#874aff;transform:none;}
  html:not([data-theme="dark"]) body:not(.profile-premium-v396) .topbar-v5-search .topbar-v5-search-trigger {background:#f4ecff;color:#6938c8;border-color:#dcc8f6;}
  html:not([data-theme="dark"]) body:not(.profile-premium-v396) .topbar-v5-search.is-open .topbar-v5-search-trigger {background:#733ad7;color:#fff;border-color:#733ad7;}
  html:not([data-theme="dark"]) body:not(.profile-premium-v396) .topbar-v5-search .topbar-v5-search-reveal {background:#fff;color:#291c42;box-shadow:0 13px 35px rgba(64,42,105,.20);}
  html:not([data-theme="dark"]) body:not(.profile-premium-v396) .topbar-v5-search .topbar-v5-search-reveal input {color:#291c42!important;}
  html:not([data-theme="dark"]) body:not(.profile-premium-v396) .topbar-v5-search .topbar-v5-search-reveal input::placeholder {color:#786a90;}
}
@media (min-width:1241px) and (max-width:1399px) {
  body .topbar.topbar-auth > .topbar-v5-desktop {grid-template-columns:minmax(100px,147px) 50px minmax(250px,1fr) max-content max-content max-content 50px!important;}
  body .topbar.topbar-auth > .topbar-v5-desktop:not(:has(> .topbar-v5-create)) {grid-template-columns:minmax(100px,147px) 50px minmax(250px,1fr) max-content max-content 50px!important;}
}
@media (min-width:1091px) and (max-width:1240px) {
  body .topbar.topbar-auth > .topbar-v5-desktop {grid-template-columns:112px 50px minmax(250px,1fr) max-content max-content 50px!important;}
  body .topbar.topbar-auth > .topbar-v5-desktop:not(:has(> .topbar-v5-create)) {grid-template-columns:112px 50px minmax(250px,1fr) max-content 50px!important;}
}
@media (min-width:871px) and (max-width:1090px) {
  body .topbar.topbar-auth > .topbar-v5-desktop {grid-template-columns:90px 50px minmax(240px,1fr) max-content max-content 50px!important;}
  body .topbar.topbar-auth > .topbar-v5-desktop:not(:has(> .topbar-v5-create)) {grid-template-columns:90px 50px minmax(240px,1fr) max-content 50px!important;}
}
@media (min-width:761px) and (max-width:870px) {
  body .topbar.topbar-auth > .topbar-v5-desktop,body .topbar.topbar-auth > .topbar-v5-desktop:not(:has(> .topbar-v5-create)) {grid-template-columns:70px 46px minmax(220px,1fr) max-content 50px!important;}
  body .topbar.topbar-auth .topbar-v5-search {width:46px!important;min-width:46px!important;max-width:46px!important;}
}
@media (prefers-reduced-motion:reduce){.topbar-v5-search .topbar-v5-search-reveal,.topbar-v5-search .topbar-v5-search-trigger{transition:none!important}}