/* Masthead, compact sticky identity and scrollable editorial navigation. */
.tech-masthead{display:flex;flex-direction:column;align-items:center;gap:22px;padding-top:28px;padding-bottom:28px}
.tech-masthead-brand,.tech-compact-brand,.tech-drawer h2{font-family:'Plus Jakarta Sans',sans-serif;font-weight:400;color:#131820;text-decoration:none;line-height:1.1}
.tech-masthead-brand{font-size:clamp(2.5rem,5vw,4.5rem)}.tech-masthead-brand:hover,.tech-compact-brand:hover{color:#131820}
.tech-masthead-search{display:flex;gap:10px;width:min(100%,560px)}
#techNavSentinel{height:1px}.tech-navigation-shell{background:#fff;z-index:1020;border-bottom:1px solid #e1e5e9}.tech-navigation-shell.is-scrolled{box-shadow:0 3px 16px rgba(15,23,42,.1)}
.tech-compact-header{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:15px;min-height:64px;padding-top:10px;padding-bottom:10px}
.tech-compact-brand{text-align:center;font-size:clamp(1.5rem,3.5vw,2.1rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tech-nav-icon{width:40px;height:40px;display:grid;place-items:center;border:0;background:transparent;color:#0284c7;border-radius:6px;font-size:1.6rem}.tech-nav-icon:hover{background:#e0f2fe}.tech-nav-icon:focus-visible{outline:2px solid #0284c7;outline-offset:2px}
.tech-category-bar{background:#1e293b}.tech-category-inner{display:flex;align-items:center;gap:6px}.tech-category-scroll{flex:1;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;cursor:grab}.tech-category-scroll::-webkit-scrollbar{display:none}.tech-category-scroll.is-dragging{cursor:grabbing;user-select:none;scroll-snap-type:none}
.tech-category-list{display:flex;flex-wrap:nowrap;gap:0;align-items:center;list-style:none;width:max-content;min-width:100%;padding:0;margin:0}.tech-category-list>li{flex:0 0 auto;scroll-snap-align:start}.tech-category-list a{display:block;padding:13px 15px;white-space:nowrap;text-decoration:none;text-transform:uppercase;font-size:.77rem;font-weight:700;letter-spacing:.01em;color:#f3f4f6;transition:color .18s,background .18s}.tech-category-list a:hover,.tech-category-list a:focus-visible{color:#fff;background:#ffffff14}.tech-category-list a.active{color:#fff;background:#0284c7}
.tech-category-arrow{flex:0 0 32px;width:32px;height:36px;padding:0;display:grid;place-items:center;border:0;border-radius:5px;background:transparent;color:#fff;font-size:.9rem}.tech-category-arrow:hover:not(:disabled){background:#ffffff18}.tech-category-arrow:disabled{opacity:.3;cursor:default}.tech-category-scroll:focus-visible,.tech-category-arrow:focus-visible{outline:2px solid #38bdf8;outline-offset:-2px}
.tech-drawer{--bs-offcanvas-width:min(360px,90vw);color:#243044;background:#fff}.tech-drawer .offcanvas-header{border-bottom:1px solid #e5e7eb;padding:22px 20px}.tech-drawer h2{font-size:1.9rem;margin:0}.tech-drawer .offcanvas-body{padding:20px}.tech-drawer-search{display:flex;align-items:center;position:relative;margin-bottom:22px}.tech-drawer-search input{padding-right:43px}.tech-drawer-search button{position:absolute;right:3px;top:3px;bottom:3px;width:37px;border:0;border-radius:5px;background:transparent;color:#0284c7}
.tech-drawer-links,.tech-drawer-links ul{list-style:none;margin:0;padding:0}.tech-drawer-links>li{border-bottom:1px solid #edf0f3}.tech-drawer-links a,.tech-drawer-links summary{display:block;padding:13px 10px;color:#253248;text-decoration:none;font-size:.9rem}.tech-drawer-links summary{display:list-item;cursor:pointer;margin-left:17px;padding-left:0}.tech-drawer-links a:hover,.tech-drawer-links summary:hover{color:#0284c7;background:#f0f9ff}.tech-drawer-links ul{padding:0 0 8px 14px}.tech-drawer-links ul a{font-size:.82rem;padding:10px}.tech-drawer-commercial{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:28px;padding:16px 10px;color:#0284c7;text-decoration:none;font-size:.82rem;border-top:1px solid #e5e7eb}
@media(min-width:1200px){.tech-navigation-shell:not(.is-scrolled) .tech-compact-header{display:none}}
@media(max-width:1199.98px){.tech-masthead,.tech-date{display:none}.tech-category-bar{background:#fff;border-top:1px solid #edf0f3}.tech-category-list a{padding:12px 13px;color:#3f4754;font-size:.72rem;font-weight:600}.tech-category-list a.active{background:#e0f2fe;color:#0284c7}.tech-category-list a:hover,.tech-category-list a:focus-visible{color:#0284c7;background:#f0f9ff}.tech-category-arrow{color:#0284c7}.tech-category-arrow:hover:not(:disabled){background:#e0f2fe}}
@media(max-width:575.98px){.tech-compact-header{min-height:60px;gap:6px;padding-left:12px;padding-right:12px}.tech-compact-brand{font-size:clamp(1.2rem,5.4vw,1.65rem)}.tech-category-inner{padding-left:6px;padding-right:6px}.tech-category-list a{padding:11px 12px;font-size:.68rem}.tech-category-arrow{flex-basis:26px;width:26px}}
/* Subcategories float above the page without being clipped by the category scroller. */
.tech-category-list [data-category-trigger] .bi { font-size:.65em; margin-left:4px; }
.tech-category-dropdown { position:fixed; z-index:1035; width:260px; max-width:calc(100vw - 16px); overflow-y:auto; overscroll-behavior:contain; margin:0; padding:8px; list-style:none; background:#fff; color:#253248; border:1px solid #e1e5e9; border-top:3px solid #0284c7; border-radius:0 0 8px 8px; box-shadow:0 10px 28px rgba(15,23,42,.16); }
.tech-category-dropdown[hidden] { display:none!important; }
.tech-category-dropdown a { display:block; padding:11px 12px; border-radius:4px; color:#253248; text-decoration:none; font-size:.85rem; line-height:1.4; overflow-wrap:anywhere; }
.tech-category-dropdown a:hover,.tech-category-dropdown a:focus-visible { color:#0284c7; background:#f3f6f9; }
.tech-category-dropdown a:focus-visible { outline:2px solid #0284c7; outline-offset:-2px; }

@media(max-width:991.98px), (hover:none), (pointer:coarse) { .tech-category-dropdown { display:none!important; } .tech-category-list [data-category-trigger] .bi { display:none; } }

/* Preserve the Tech News wordmark in the sticky header and drawer. */
.tech-compact-header .tech-compact-brand { display:flex; align-items:baseline; justify-content:center; flex-wrap:nowrap; gap:5px; min-width:0; margin:0; font-size:clamp(1.2rem,2.8vw,1.9rem); overflow:visible; }
.tech-compact-brand .logo-revista { letter-spacing:.4px; font-size:.7em; }
.tech-compact-brand .logo-tech-news { font-size:1.2em; white-space:nowrap; }
.tech-drawer h2.tech-main-logo { display:flex; flex-wrap:nowrap; gap:5px; align-items:baseline; min-width:0; font-size:1.55rem; margin:0; }
.tech-drawer .logo-revista { font-size:.65em; letter-spacing:.4px; }
.tech-drawer .logo-tech-news { font-size:1.15em; white-space:nowrap; }
.tech-category-bar { border-bottom:2px solid #0284c7; }
@media(max-width:1199.98px) { .tech-desktop-masthead,.tech-desktop-topbar { display:none; } }
@media(max-width:575.98px) {
    .tech-compact-header.container { padding-left:10px!important; padding-right:10px!important; }
    .tech-compact-header .tech-compact-brand { font-size:clamp(1.05rem,5.1vw,1.7rem); gap:4px; }
}