/*!
 * Based on "Category Dropdown" by Syed Hasnain (Pasta UI), https://21st.dev/r/syeddhasnainn/category-dropdown
 * https://github.com/syeddhasnainn/pastaui
 * MIT License. Copyright (c) 2026 Pasta UI
 * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
 * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to
 * permit persons to whom the Software is furnished to do so, subject to the following conditions:
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED.
 */
/* labnav1104: "Laboratorios" category menu (replaces the numbered command dock).
   Pattern adapted from 21st.dev "Category Dropdown" (syeddhasnainn): vertical category tabs with a sliding
   indicator, item list with a sliding hover highlight, morphing chevron, animated popup. Plain CSS, no build. */
.lab-nav{position:relative;flex:0 0 auto;z-index:120;font-family:var(--font-body,"Onest",system-ui,sans-serif)}
.lab-nav__trigger{display:inline-flex;align-items:center;gap:.55rem;height:36px;padding:0 .8rem 0 .7rem;border-radius:999px;border:1px solid rgba(142,176,255,.32);background:linear-gradient(180deg,rgba(59,108,255,.16),rgba(59,108,255,.05)),rgba(8,10,18,.6);color:#e8eefc;font:600 .86rem/1 var(--font-body,"Onest",system-ui,sans-serif);letter-spacing:.01em;cursor:pointer;white-space:nowrap;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:border-color .25s,background .25s,box-shadow .25s}
.lab-nav__trigger:hover,.lab-nav__trigger[aria-expanded="true"]{border-color:rgba(142,176,255,.7);background:linear-gradient(180deg,rgba(59,108,255,.28),rgba(59,108,255,.08)),rgba(8,10,18,.7);box-shadow:0 0 22px rgba(59,108,255,.25)}
.lab-nav__trigger:focus-visible{outline:2px solid #8eb0ff;outline-offset:2px}
.lab-nav__glyph{display:grid;grid-template-columns:repeat(2,5px);gap:2px}
.lab-nav__glyph i{width:5px;height:5px;border-radius:1.5px;background:#8eb0ff}
.lab-nav__glyph i:nth-child(4){background:var(--live,#3dff9a);box-shadow:0 0 6px rgba(61,255,154,.6)}
.lab-nav__count{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .45rem;border-radius:999px;background:rgba(61,255,154,.08);border:1px solid rgba(61,255,154,.28);color:var(--live,#3dff9a);font:500 .6rem/1 var(--font-mono,"JetBrains Mono",monospace);letter-spacing:.08em}
.lab-nav__count::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:0 0 6px currentColor}
.lab-nav__chev{position:relative;width:12px;height:12px;flex:0 0 auto;color:rgba(232,238,252,.7);transform:translateY(2px);transition:transform .3s cubic-bezier(.22,1,.36,1)}
.lab-nav__chev i{position:absolute;top:50%;width:7px;height:1.5px;border-radius:2px;background:currentColor;transition:transform .3s cubic-bezier(.22,1,.36,1)}
.lab-nav__chev i:first-child{left:0;transform-origin:right center;transform:translateY(-50%) rotate(38deg)}
.lab-nav__chev i:last-child{right:0;transform-origin:left center;transform:translateY(-50%) rotate(-38deg)}
.lab-nav__trigger[aria-expanded="true"] .lab-nav__chev{transform:translateY(-2px)}
.lab-nav__trigger[aria-expanded="true"] .lab-nav__chev i:first-child{transform:translateY(-50%) rotate(-38deg)}
.lab-nav__trigger[aria-expanded="true"] .lab-nav__chev i:last-child{transform:translateY(-50%) rotate(38deg)}

.lab-nav__panel{position:absolute;left:0;top:calc(100% + 10px);width:min(720px,calc(100vw - 2rem));padding:.75rem;border-radius:14px;border:1px solid rgba(142,176,255,.24);background:radial-gradient(120% 80% at 0% 0%,rgba(59,108,255,.12),transparent 55%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px) 0 0/100% 22px,#070a12;box-shadow:0 24px 60px rgba(0,0,0,.6),0 0 0 1px rgba(0,0,0,.4);color:#e8eefc;transform-origin:top left;opacity:0;transform:translateY(-4px) scale(.98);transition:opacity .16s ease-out,transform .22s cubic-bezier(.22,1,.36,1)}
.lab-nav__panel[hidden]{display:none}
.lab-nav.is-open .lab-nav__panel{opacity:1;transform:none}
.lab-nav__panel::before,.lab-nav__panel::after{content:"";position:absolute;width:10px;height:10px;border:solid rgba(142,176,255,.6);pointer-events:none}
.lab-nav__panel::before{top:-1px;left:-1px;border-width:1px 0 0 1px;border-top-left-radius:14px}
.lab-nav__panel::after{bottom:-1px;right:-1px;border-width:0 1px 1px 0;border-bottom-right-radius:14px}

.lab-nav__kicker{margin:0 0 .45rem .15rem;font:500 .62rem/1 var(--font-mono,"JetBrains Mono",monospace);letter-spacing:.14em;text-transform:uppercase;color:rgba(142,176,255,.85)}
.lab-nav__featured ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}
.lab-nav__feat{position:relative;display:flex;flex-direction:column;gap:.3rem;height:100%;padding:.65rem .75rem .7rem;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);color:inherit;text-decoration:none;transition:border-color .2s,background .2s,transform .25s cubic-bezier(.22,1,.36,1)}
.lab-nav__feat:hover,.lab-nav__feat:focus-visible{border-color:rgba(59,108,255,.75);background:rgba(59,108,255,.12);transform:translateY(-1px);outline:none}
.lab-nav__feat:focus-visible{box-shadow:0 0 0 2px #8eb0ff}
.lab-nav__feat-top{display:flex;align-items:center;justify-content:space-between;gap:.4rem}
.lab-nav__feat strong{font-size:.92rem;font-weight:600;color:#fff;min-width:0;overflow-wrap:anywhere}
.lab-nav__feat::after{content:"\2197";position:absolute;right:.65rem;bottom:.55rem;font-size:.8rem;color:rgba(232,238,252,.4);transition:color .2s,transform .2s}
.lab-nav__feat:hover::after,.lab-nav__feat:focus-visible::after{color:#8eb0ff;transform:translate(2px,-2px)}
.lab-nav__sub{display:block;font:500 .6rem/1.35 var(--font-mono,"JetBrains Mono",monospace);letter-spacing:.06em;text-transform:uppercase;color:rgba(232,238,252,.55);font-style:normal;padding-right:1rem}
.lab-nav__badge{flex:0 0 auto;font:500 .55rem/1 var(--font-mono,"JetBrains Mono",monospace);letter-spacing:.1em;padding:.18rem .38rem;border-radius:4px;color:var(--live,#3dff9a);border:1px solid rgba(61,255,154,.35)}
.lab-nav__badge.is-wait{color:var(--wait,#ffc14d);border-color:rgba(255,193,77,.4)}

.lab-nav__body{display:flex;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.08)}
.lab-nav__tabs{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:2px;flex:0 0 13.5rem;align-self:flex-start;padding:3px;border-radius:10px;background:rgba(255,255,255,.04)}
.lab-nav__ind{position:absolute;left:3px;right:3px;top:0;z-index:-1;border-radius:8px;background:rgba(59,108,255,.2);box-shadow:inset 2px 0 0 #3b6cff,0 1px 2px rgba(0,0,0,.3);opacity:0}
.lab-nav__ind.is-ready{opacity:1;transition:transform .3s cubic-bezier(.22,1,.36,1),height .3s cubic-bezier(.22,1,.36,1)}
.lab-nav__tab{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-height:34px;padding:0 .7rem;border:0;border-radius:8px;background:transparent;color:rgba(232,238,252,.6);font:550 .8rem/1.2 var(--font-body,"Onest",system-ui,sans-serif);text-align:left;cursor:pointer;transition:color .2s}
.lab-nav__tab:hover,.lab-nav__tab[aria-selected="true"]{color:#fff}
.lab-nav__tab:focus-visible{outline:2px solid #8eb0ff;outline-offset:-2px}
.lab-nav__tab small{font:500 .6rem/1 var(--font-mono,"JetBrains Mono",monospace);color:rgba(232,238,252,.4)}
.lab-nav__tab > span,.lab-nav__item > span{transition:transform .3s cubic-bezier(.22,1,.36,1)}
.lab-nav__tab:hover > span,.lab-nav__item:hover > .lab-nav__txt,.lab-nav__item:focus-visible > .lab-nav__txt{transform:translateX(2px)}

.lab-nav__lists{position:relative;flex:1 1 auto;min-width:0;overflow:hidden;transition:height .4s cubic-bezier(.22,1,.36,1)}
.lab-nav__group[hidden]{display:none}
.lab-nav__acc{display:none}
.lab-nav__group ul{position:relative;isolation:isolate;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;animation:labNavIn .22s ease-out}
@keyframes labNavIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.lab-nav__hl{position:absolute;left:0;top:0;z-index:-1;border-radius:10px;background:rgba(255,255,255,.07);opacity:0;pointer-events:none;transition:opacity .2s}
.lab-nav__hl.is-slide{transition:transform .3s cubic-bezier(.22,1,.36,1),width .3s cubic-bezier(.22,1,.36,1),height .3s cubic-bezier(.22,1,.36,1),opacity .2s}
.lab-nav__hl.is-on{opacity:1}
.lab-nav__item{display:flex;align-items:flex-start;gap:.55rem;padding:.5rem .65rem;border-radius:10px;color:rgba(232,238,252,.82);text-decoration:none;outline:none}
.lab-nav__item:focus-visible{box-shadow:inset 0 0 0 2px #8eb0ff}
.lab-nav__item:hover strong,.lab-nav__item:focus-visible strong{color:#fff}
.lab-nav__txt{display:flex;flex-direction:column;gap:.2rem;min-width:0}
.lab-nav__item strong{font-size:.86rem;font-weight:600;line-height:1.2;color:#e8eefc;overflow-wrap:anywhere}
.lab-nav__dot{flex:0 0 auto;width:6px;height:6px;margin-top:.4rem;border-radius:50%;background:var(--live,#3dff9a);box-shadow:0 0 6px rgba(61,255,154,.55)}
.lab-nav__item.is-soon{cursor:not-allowed;opacity:.5}
.lab-nav__item.is-soon .lab-nav__dot{background:var(--wait,#ffc14d);box-shadow:none}
.lab-nav__item.is-soon strong{color:rgba(232,238,252,.7)}
.lab-nav__item.is-soon .lab-nav__badge{margin-left:auto;align-self:center}

.lab-nav__foot{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.7rem;padding-top:.6rem;border-top:1px solid rgba(255,255,255,.08);font:500 .62rem/1 var(--font-mono,"JetBrains Mono",monospace);letter-spacing:.08em;text-transform:uppercase}
.lab-nav__all{color:#8eb0ff;text-decoration:none;padding:.35rem .1rem}
.lab-nav__all:hover,.lab-nav__all:focus-visible{color:#fff;text-decoration:underline}
.lab-nav__hint{color:rgba(232,238,252,.4)}
.lab-nav__hint kbd{font:inherit;padding:.1rem .3rem;border:1px solid rgba(255,255,255,.2);border-radius:4px;margin-right:.3rem}

/* Desktop placement: right after the logo */
@media (min-width:1101px){.site-header .header-bar .lab-nav{margin-left:.6rem}}
/* Tablet / mobile: second header row, full-width trigger, accordion sheet */
@media (max-width:1100px){
.site-header .header-bar .lab-nav{grid-column:1/-1!important;grid-row:2!important;justify-self:stretch!important;align-self:center;width:100%;min-width:0}
.lab-nav__trigger{width:100%;justify-content:flex-start;height:38px}
.lab-nav__trigger .lab-nav__count{margin-left:auto}
.lab-nav__panel{position:fixed;left:.6rem;right:.6rem;width:auto;top:var(--labnav-top,120px);max-height:calc(100dvh - var(--labnav-top,120px) - .6rem);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:.65rem}
.lab-nav__featured ul{grid-template-columns:1fr}
.lab-nav__feat{flex-direction:row;align-items:center;flex-wrap:wrap;padding:.6rem .75rem}
.lab-nav__feat-top{flex:1 1 100%}
.lab-nav__feat .lab-nav__badge{margin-right:1rem}
.lab-nav__body{display:block}
.lab-nav__tabs{display:none}
.lab-nav__lists{height:auto!important;overflow:visible}
.lab-nav__group,.lab-nav__group[hidden]{display:block;border-bottom:1px solid rgba(255,255,255,.07)}
.lab-nav__acc{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;min-height:44px;padding:0 .4rem;border:0;background:transparent;color:#e8eefc;font:600 .9rem/1.2 var(--font-body,"Onest",system-ui,sans-serif);text-align:left;cursor:pointer}
.lab-nav__acc:focus-visible{outline:2px solid #8eb0ff;outline-offset:-2px;border-radius:8px}
.lab-nav__acc small{margin-left:auto;font:500 .62rem/1 var(--font-mono,"JetBrains Mono",monospace);color:rgba(232,238,252,.45)}
.lab-nav__acc .lab-nav__chev{transform:none}
.lab-nav__acc[aria-expanded="true"] .lab-nav__chev i:first-child{transform:translateY(-50%) rotate(-38deg)}
.lab-nav__acc[aria-expanded="true"] .lab-nav__chev i:last-child{transform:translateY(-50%) rotate(38deg)}
.lab-nav__group ul{grid-template-columns:1fr;padding:0 0 .5rem}
.lab-nav__group:not(.is-open) ul{display:none}
.lab-nav__item{min-height:44px;align-items:center}
.lab-nav__dot{margin-top:0}
.lab-nav__hl{display:none}
.lab-nav__hint{display:none}
}
@media (prefers-reduced-motion:reduce){.lab-nav__panel,.lab-nav__ind,.lab-nav__hl,.lab-nav__lists,.lab-nav__chev,.lab-nav__chev i,.lab-nav__feat{transition:none!important}.lab-nav__group ul{animation:none}}
/* bottom upgrade bar on phones (hdrtree1016 moves it to the bottom): keep the last items reachable */
@media (max-width:760px){body.simulath-has-upgrade-bar .lab-nav__panel{padding-bottom:7rem}}
/* tablets: featured in 3 columns and 2-column lists inside the sheet */
@media (min-width:700px) and (max-width:1100px){.lab-nav__panel{left:auto;right:1rem;width:min(720px,calc(100vw - 2rem))}.lab-nav__featured ul{grid-template-columns:repeat(3,minmax(0,1fr))}.lab-nav__feat{flex-direction:column;flex-wrap:nowrap;align-items:stretch}.lab-nav__feat-top{flex:0 0 auto}.lab-nav__group ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* labnav1104-f2: hamburger list and hero pill without 01/02/03 numbering, same look as the Laboratorios menu */
.mobile-nav{background:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px) 0 0/100% 22px,#070a12;border-bottom:1px solid rgba(142,176,255,.24);font-family:var(--font-body,"Onest",system-ui,sans-serif)}
.mobile-nav > a{font-family:var(--font-body,"Onest",system-ui,sans-serif);font-size:.95rem;font-weight:500;letter-spacing:0;text-transform:none;color:#e8eefc;min-height:44px;display:flex;align-items:center}
.mobile-nav > a:hover,.mobile-nav > a:focus-visible{color:#fff}
.mobile-nav > a.mobile-centros{color:var(--hp-accent,#22d3ee)}
.mobile-nav .mn-labs{margin:.55rem 0 .4rem;padding:.65rem;border-radius:14px;border:1px solid rgba(142,176,255,.24);background:radial-gradient(120% 80% at 0% 0%,rgba(59,108,255,.12),transparent 55%),rgba(255,255,255,.015)}
.mobile-nav .mn-labs__kicker{margin:.1rem .15rem .45rem;font:500 .62rem/1 var(--font-mono,"JetBrains Mono",monospace);letter-spacing:.14em;text-transform:uppercase;color:rgba(142,176,255,.85)}
.mobile-nav .mn-labs__cat{margin:.75rem .15rem .25rem;padding-top:.6rem;border-top:1px solid rgba(255,255,255,.08);font:600 .8rem/1.2 var(--font-body,"Onest",system-ui,sans-serif);color:rgba(232,238,252,.6)}
.mobile-nav .mn-lab{display:flex;align-items:center;gap:.6rem;min-height:44px;padding:.45rem .65rem;border:0;border-radius:10px;font:600 .92rem/1.2 var(--font-body,"Onest",system-ui,sans-serif);letter-spacing:0;text-transform:none;color:#e8eefc;text-decoration:none}
.mobile-nav a.mn-lab:hover,.mobile-nav a.mn-lab:focus-visible{background:rgba(59,108,255,.14);color:#fff;outline:none}
.mobile-nav a.mn-lab:focus-visible{box-shadow:inset 0 0 0 2px #8eb0ff}
.mobile-nav .mn-lab.is-feat{margin-bottom:.35rem;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03)}
.mobile-nav .mn-lab.is-feat:hover,.mobile-nav .mn-lab.is-feat:focus-visible{border-color:rgba(59,108,255,.75)}
.mobile-nav .mn-lab__dot{flex:0 0 auto;width:6px;height:6px;border-radius:50%;background:var(--live,#3dff9a);box-shadow:0 0 6px rgba(61,255,154,.55)}
.mobile-nav .mn-lab__t{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}
.mobile-nav .mn-lab__badge{flex:0 0 auto;font:500 .55rem/1 var(--font-mono,"JetBrains Mono",monospace);letter-spacing:.1em;padding:.18rem .38rem;border-radius:4px;color:var(--live,#3dff9a);border:1px solid rgba(61,255,154,.35)}
.mobile-nav .mn-lab.is-soon{opacity:.5;cursor:not-allowed}
.mobile-nav .mn-lab.is-soon .mn-lab__dot{background:var(--wait,#ffc14d);box-shadow:none}
.mobile-nav .mn-lab.is-soon .mn-lab__badge{color:var(--wait,#ffc14d);border-color:rgba(255,193,77,.4)}
.state-pills .state-pill{display:inline-flex;align-items:center;gap:.35rem;font:500 .62rem/1 var(--font-mono,"JetBrains Mono",monospace);letter-spacing:.08em;padding:.3rem .6rem;border-radius:999px;background:rgba(8,10,18,.6);border:1px solid rgba(142,176,255,.32);color:#e8eefc}
.state-pills .state-pill__lbl{font:600 .74rem/1 var(--font-body,"Onest",system-ui,sans-serif);letter-spacing:.01em}
.state-pills .state-pill.is-on{background:linear-gradient(180deg,rgba(59,108,255,.22),rgba(59,108,255,.06)),rgba(8,10,18,.6);border-color:rgba(142,176,255,.55);color:#e8eefc}
.state-pills .state-pill.is-on b{color:var(--live,#3dff9a);font-weight:600}
.state-pills .state-pill.is-on .state-pill__live{color:var(--live,#3dff9a)}
.state-pills .state-pill.is-on::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--live,#3dff9a);box-shadow:0 0 6px rgba(61,255,154,.6)}
.state-pills .state-pill.is-wait{color:rgba(232,238,252,.55);border-color:rgba(255,193,77,.35)}
.state-pills .state-pill.is-wait .state-pill__soon{color:var(--wait,#ffc14d)}
.mobile-nav .ht-tree{border-radius:10px;border-color:rgba(142,176,255,.24)}
.mobile-nav .ht-tree>summary{font:600 .88rem/1.3 var(--font-body,"Onest",system-ui,sans-serif);letter-spacing:0;text-transform:none;color:#e8eefc;min-height:44px;display:flex;align-items:center;gap:.4rem}
.mobile-nav .ht-tree>summary{list-style:none}.mobile-nav .ht-tree>summary::-webkit-details-marker{display:none}
.mobile-nav .ht-tree>summary::before{content:"";width:6px;height:6px;margin:0 .35rem 0 .1rem;border:solid #8eb0ff;border-width:0 1.5px 1.5px 0;transform:rotate(-45deg);transition:transform .2s}
.mobile-nav .ht-tree[open]>summary::before{transform:rotate(45deg)}
@media (max-width:760px){body.simulath-has-upgrade-bar .mobile-nav{padding-bottom:7rem}}