/* Native WordPress adapters; original dimensions, colors and typography retained. */
#header-wrapper{position:sticky;top:0;z-index:100}
body.admin-bar #header-wrapper{top:32px}
.main-logo img,.custom-logo{display:block;max-width:193px;max-height:50px;width:auto;height:auto}
#techspot-pro-main-menu{display:flex;align-items:center}
.wmp-primary{display:flex;height:60px;align-items:center;gap:20px;margin-left:0}
.wmp-primary>li>a{font-weight:700;text-transform:uppercase}
.wmp-primary>li{position:relative}
.wmp-primary a{color:var(--header-color);font-family:var(--menu-font);font-size:14px;font-weight:500}
.wmp-primary a:hover{color:var(--header-hover-color)}
.wmp-primary .sub-menu{display:none;position:absolute;top:100%;left:0;min-width:200px;padding:15px;background:var(--submenu-bg);z-index:20}
.wmp-primary li:hover>.sub-menu,.wmp-primary li:focus-within>.sub-menu{display:block}
.wmp-primary .sub-menu a{display:block;padding:8px;color:var(--submenu-color)}
.hb-menu{display:flex;gap:15px;overflow-x:auto;white-space:nowrap;align-items:center;max-width:calc(100% - 75px);height:36px}
.hb-menu ul{display:flex;gap:16px;flex-shrink:0;align-items:center;height:36px}
.hb-menu a{font-size:13px}
.wmp-social{font-size:12px;align-self:center;color:var(--headerbar-color);white-space:nowrap}
.main-search.wmp-open{display:flex;visibility:visible;opacity:1;z-index:40}
.thumbnail{opacity:1!important;object-fit:cover;display:block;width:100%;height:100%}
.entry-info a,.entry-info .entry-title a{color:white}
.wmp-widget{margin-bottom:30px;clear:both}
.wmp-widget>ul>li{padding:7px 0;border-bottom:1px solid var(--border-color)}
.wmp-widget a{color:var(--title-color)}
.wmp-mini-list{display:grid;gap:16px}
.wmp-mini-list .post{display:flex;gap:12px}
.wmp-mini-list .entry-thumbnail{flex:0 0 85px;width:85px;height:65px}
.wmp-mini-list .entry-header{flex:1;min-width:0}
.wmp-mini-list .entry-title{font-size:14px}
.wmp-search{display:flex;gap:8px;margin:12px 0}
.wmp-search label{flex:1;min-width:0}
.wmp-search input{width:100%;padding:10px;border:1px solid var(--border-color);color:var(--text-color)}
.wmp-search button,.wmp-comments input[type=submit],#wmp-cookie button{padding:10px 14px;background:var(--button-bg);color:var(--button-color);border-radius:var(--radius)}
.wmp-pagination{margin:30px 0;clear:both}
.page-numbers{display:inline-block;padding:7px 11px;background:var(--gray-bg)}
.page-numbers.current{background:var(--main-color);color:white}
.wmp-ad{clear:both;padding:20px 0;overflow:hidden}
.wmp-related,.wmp-comments{clear:both;padding-top:30px}
.wmp-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.wmp-related-grid .entry-thumbnail{display:block;height:130px;margin-bottom:12px}
.wmp-related-grid h2{font-size:16px}
.post-body{overflow-wrap:anywhere}
.post-body img,.post-body video{max-width:100%;height:auto}
.post-body iframe{max-width:100%}
.post-body table{display:block;max-width:100%;overflow-x:auto}
.post-body a{text-decoration:underline}
.wmp-tags,.wmp-share,.post-navigation{clear:both;padding-top:20px}
.wmp-share a{display:inline-block;background:var(--gray-bg);padding:10px}
.nav-links{display:flex;justify-content:space-between;gap:20px}
.wmp-footer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;padding:35px 0}
#footer-wrapper{clear:both;background:var(--footer-bg);color:var(--footer-text-color)}
#footer-wrapper .title,#footer-wrapper .entry-title a{color:var(--footer-color)}
#footer-wrapper .entry-meta{color:var(--footer-meta-color)}
.wmp-about{border-top:1px solid var(--footer-border);padding:25px 0}
.wmp-about>.container{display:flex;align-items:center;gap:30px}
.wmp-about img{object-fit:contain;max-width:193px;height:auto}
.wmp-footerbar{background:var(--footerbar-bg);color:var(--footerbar-color);padding:20px 0;font-size:13px}
.wmp-footer-menu{display:flex;gap:15px;flex-wrap:wrap}
.wmp-footerbar a{color:var(--footerbar-color)}
#wmp-cookie{position:fixed;bottom:20px;left:20px;width:360px;max-width:calc(100% - 40px);padding:20px;background:var(--cookie-bg);color:var(--cookie-color);box-shadow:0 3px 24px #0003;z-index:200;border-radius:var(--radius)}
#wmp-cookie[hidden]{display:none}
#wmp-cookie button{margin-top:12px}
#wmp-top{position:fixed;bottom:20px;right:20px;padding:10px 16px;background:var(--main-color);color:white;z-index:150}
.screen-reader-text{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.skip-link:focus{width:auto;height:auto;clip-path:none;background:white;color:black;z-index:500;padding:15px}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--main-color);outline-offset:3px}
.alignleft{float:left;margin:0 20px 20px 0}.alignright{float:right;margin:0 0 20px 20px}.aligncenter{display:block;margin:auto}
.wp-caption{max-width:100%}.wp-caption-text,.gallery-caption{font-size:13px}.bypostauthor{border-left:2px solid var(--main-color)}
.comment-list li{padding:15px 0;border-bottom:1px solid var(--border-color)}
.comment-list .children{margin-left:25px}
.comment-form p{margin:15px 0}
.comment-form label{display:block}
.comment-form input:not([type=checkbox]),.comment-form textarea{max-width:100%;padding:10px;border:1px solid var(--border-color);color:var(--text-color)}
.comment-form textarea{width:100%}
.archive-description{margin-bottom:20px}
@media(max-width:1100px){.wmp-primary{gap:14px;margin-left:20px}.wmp-primary a{font-size:12px}}
@media(max-width:980px){
.flex-left{overflow:visible}
#techspot-pro-main-menu{display:none}.mobile-menu-toggle{display:flex!important}
#techspot-pro-main-menu.wmp-open{display:block;position:absolute;top:60px;left:0;width:100%;background:var(--mobilemenu-bg);padding:15px;box-shadow:0 4px 8px #0002;max-height:75vh;overflow:auto}
.wmp-primary{display:block;height:auto;margin:0}
.wmp-primary a{display:block;padding:10px;color:var(--mobilemenu-color);font-size:14px}
.wmp-primary .sub-menu{position:static;display:block;background:transparent;margin-left:15px}
.wmp-primary .sub-menu a{color:var(--mobilemenu-color)}
}
@media(max-width:782px){body.admin-bar #header-wrapper{top:46px}}
@media(max-width:680px){
.wmp-footer-grid{grid-template-columns:1fr;padding:30px 20px}
.wmp-footerbar>.container,.wmp-about>.container{flex-direction:column;gap:15px}
.wmp-related-grid{grid-template-columns:1fr}
.wmp-related-grid .entry-thumbnail{height:200px}
.wmp-mini-list .entry-title{font-size:14px}
body.admin-bar #header-wrapper{top:0}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Onde Assistir portal: bridge native WordPress to supplied XML classes. */
body.oa-wp-portal #outer-wrapper{overflow:clip}
body.oa-wp-portal .oa-home{float:none;clear:both}
#header-wrapper .wmp-primary a{color:var(--oa-header-ink)}
#header-wrapper .wmp-primary a:hover{color:var(--oa-accent)}
#header-wrapper .wmp-primary .sub-menu a{color:var(--submenu-color)}
#header-wrapper .main-header,#header-wrapper .header-inner,#header-wrapper .header-header{background:var(--oa-header-bg)}
.oa-platform-panel[hidden]{display:none!important}
.oa-home .thumbnail{opacity:1!important}
.oa-home .oa-brief-preview{position:absolute;inset:0;width:100%;height:100%;padding:0;cursor:pointer}
.oa-home .oa-brief-title{position:relative;z-index:2}
.oa-home .oa-briefs{--oa-brief-columns:6}
#oa-main{width:100%}
.oa-section-head h1{font-size:36px;line-height:1.2}
#oa-cinema-home .oa-carousel .widget-content{min-height:0}
#oa-cinema-home .oa-carousel #trending .widget{margin-bottom:0}
#oa-cinema-home .oa-carousel .entry-thumbnail img{height:100%;object-fit:cover}
.oa-slide[inert]{pointer-events:none}
@media(max-width:980px){#header-wrapper .wmp-primary a{color:var(--mobilemenu-color)}}
@media(prefers-reduced-motion:reduce){.oa-carousel *{transition:none!important}}

/* Match the new two-row header; the original XML intentionally hides the sidebar. */
#header-wrapper .wmp-primary{height:44px;margin-left:0;gap:0;align-items:stretch}
#header-wrapper .wmp-primary>li+li{margin-left:25px}
#header-wrapper .wmp-primary>li>a{font-size:13px}
#header-wrapper .oa-categories{height:auto;overflow:visible;max-width:calc(100% - 90px)}
#header-wrapper .oa-categories ul{height:auto;display:flex;white-space:normal;flex-wrap:wrap;gap:8px}
#header-wrapper .oa-categories ul:before,#header-wrapper .oa-categories ul:after{display:none}
#header-wrapper .oa-categories li[hidden]{display:none!important}
#header-wrapper .oa-categories ul li a{font-size:13px}
#header-wrapper .main-logo img{max-width:260px;max-height:42px}
@media(max-width:980px){
#header-wrapper #techspot-pro-main-menu.wmp-open{display:block;height:auto;z-index:50}
#header-wrapper .wmp-primary{display:block;height:auto}
#header-wrapper .wmp-primary>li+li{margin-left:0}
#header-wrapper .wmp-primary>li>a{font-size:14px}
#header-wrapper .wmp-primary .sub-menu{display:block}
#header-wrapper .main-logo img{max-width:100%;max-height:35px}
#header-wrapper .main-logo>a{max-width:100%}
}

/* 2.1.1 — requested UI fixes, scoped to the three affected components. */
#header-wrapper .darkmode-toggle:before,#header-wrapper .darkmode-toggle:after{content:none!important;display:none!important}
#header-wrapper .darkmode-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:8px;font-family:inherit}
#header-wrapper .darkmode-toggle svg{display:block;flex:none;width:22px;height:22px;color:inherit}
#header-wrapper .darkmode-toggle .oa-mode-sun{display:none}
html.is-dark #header-wrapper .darkmode-toggle .oa-mode-sun{display:block}
html.is-dark #header-wrapper .darkmode-toggle .oa-mode-moon{display:none}
#header-wrapper .headerbar-items{align-items:center;min-width:0}
#header-wrapper .oa-categories{flex:1;min-width:0;max-width:calc(100% - 90px);overflow:hidden;height:auto}
#header-wrapper .oa-categories ul{display:flex;flex-wrap:nowrap!important;gap:8px;width:100%;min-width:0;max-width:100%;height:auto;overflow-x:auto!important;overflow-y:hidden;white-space:nowrap!important;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--oa-accent,#ea0000) transparent;overscroll-behavior-x:contain;touch-action:pan-x pan-y;padding:3px 0 9px;cursor:grab}
#header-wrapper .oa-categories ul>li{flex:0 0 auto;scroll-snap-align:start}
#header-wrapper .oa-categories li a{white-space:nowrap}
#header-wrapper .oa-category-toggle,#header-wrapper .oa-category-more{display:none!important}
html body #post-body .oa-genre-related,html body .post-body .oa-genre-related{min-width:0;max-width:100%;overflow:hidden}
html body #post-body .oa-genre-track,html body .post-body .oa-genre-track{display:flex!important;flex-wrap:nowrap!important;gap:18px;width:100%!important;min-width:0;max-width:100%;overflow-x:auto!important;overflow-y:hidden;scroll-snap-type:x proximity;overscroll-behavior-x:contain;touch-action:pan-x pan-y;cursor:grab;padding:0 0 14px}
html body #post-body .oa-genre-related .oa-genre-card,html body .post-body .oa-genre-related .oa-genre-card{display:block;flex:0 0 290px!important;width:290px!important;min-width:0!important;max-width:calc(100vw - 76px)!important;scroll-snap-align:start;text-decoration:none}
html body #post-body .oa-genre-related .oa-genre-media,html body .post-body .oa-genre-related .oa-genre-media{display:block;width:100%;aspect-ratio:16/10;overflow:hidden}
html body #post-body .oa-genre-related .oa-genre-card .oa-genre-caption,html body .post-body .oa-genre-related .oa-genre-card .oa-genre-caption{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;max-height:4.35em;margin-top:10px;line-height:1.45;font-size:14px;color:var(--text-color,#505666)!important;-webkit-text-fill-color:var(--text-color,#505666)!important}
html body #post-body .oa-genre-related .oa-genre-card:hover .oa-genre-caption,html body .post-body .oa-genre-related .oa-genre-card:hover .oa-genre-caption,
html body #post-body .oa-genre-related .oa-genre-card:focus-visible .oa-genre-caption,html body .post-body .oa-genre-related .oa-genre-card:focus-visible .oa-genre-caption{color:var(--oa-accent,#ea0000)!important;-webkit-text-fill-color:var(--oa-accent,#ea0000)!important}
.oa-is-dragging{cursor:grabbing!important;scroll-snap-type:none!important;user-select:none}
.oa-is-dragging a{cursor:grabbing!important}
@media(max-width:680px){html body #post-body .oa-genre-related .oa-genre-card,html body .post-body .oa-genre-related .oa-genre-card{flex-basis:260px!important;width:260px!important}}

/* 2.1.2 — keep the black category rail readable in light mode, like dark mode. */
html:not(.is-dark) #header-wrapper .headerbar-wrap{
 --text-color:#c5c3c6;
 --headerbar-color:#c5c3c6;
 --gray-bg:rgba(255,255,255,0.03);
 --border-color:#303030;
 color:#c5c3c6;
}