/* Trending — archive editorial da GuitarX. */
main [hidden]{display:none!important}
.trending-hero{padding:var(--gx-space-8) 0 var(--gx-space-6);border-bottom:1px solid var(--gx-border)}
.trending-hero>.gx-container{display:flex;align-items:end;justify-content:space-between;gap:var(--gx-space-8)}
.section-index{display:block;margin-bottom:.45rem;color:var(--gx-muted);font-size:var(--gx-text-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.trending-heading h1{display:flex;align-items:center;gap:.55rem;margin:0;font:700 clamp(1.9rem,3.4vw,2.8rem)/1.1 var(--gx-font-display);letter-spacing:-.045em}
.trending-heading h1 .ph{color:var(--gx-amber);font-size:.65em}
.trending-heading p{max-width:58ch;margin:.55rem 0 0;color:var(--gx-muted);font-size:var(--gx-text-sm)}
.trending-format-filter{display:flex;gap:var(--gx-space-2);flex-shrink:0}
.trending-format-filter .gx-chip{min-height:44px;cursor:pointer}
.trending-format-filter .is-active{background:var(--gx-white);border-color:var(--gx-white);color:var(--gx-black)}
.trending-section-head{display:flex;justify-content:space-between;gap:var(--gx-space-8);align-items:end;margin-bottom:var(--gx-space-6)}
.trending-section-head h2{margin:0;font:700 clamp(1.4rem,2.1vw,1.9rem)/1.16 var(--gx-font-display);letter-spacing:-.04em}
.trending-section-head p{max-width:42ch;margin:0;color:var(--gx-muted);font-size:var(--gx-text-sm)}
.trending-featured{padding-block:var(--gx-space-8)}
.trending-featured-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.75fr);gap:var(--gx-space-6)}
.trending-feature-main{display:grid;grid-template-columns:minmax(280px,.9fr) 1.1fr;min-height:330px;overflow:hidden;border:1px solid var(--gx-border);border-radius:var(--gx-radius-md);background:var(--gx-surface-1);color:var(--gx-white);text-decoration:none;transition:border-color var(--gx-duration),background var(--gx-duration)}
.trending-feature-main:hover{border-color:var(--gx-border-strong);background:var(--gx-surface-2)}
.trending-feature-main img{width:100%;height:100%;object-fit:cover;transition:filter var(--gx-duration),transform 520ms var(--gx-ease)}
.trending-feature-main:hover img{filter:brightness(1.08);transform:scale(1.025)}
.trending-feature-main>div{align-self:center;padding:clamp(1.5rem,3vw,2.5rem)}
.trending-feature-main h3{margin:.85rem 0 .75rem;font:700 clamp(1.45rem,2.25vw,2.25rem)/1.18 var(--gx-font-display);letter-spacing:-.04em;text-wrap:balance}
.trending-feature-main p{margin:0 0 1rem;color:var(--gx-muted);font-size:var(--gx-text-sm)}
.trending-link{font-size:var(--gx-text-sm);font-weight:700}.trending-link .ph,.trending-meta .ph{color:var(--gx-acid)}
.trending-feature-rail{display:grid;border:1px solid var(--gx-border);border-radius:var(--gx-radius-md);overflow:hidden}
.trending-feature-rail a{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:var(--gx-space-6);color:var(--gx-white);text-decoration:none;transition:background var(--gx-duration)}
.trending-feature-rail a+a{border-top:1px solid var(--gx-border)}
.trending-feature-rail a:hover{background:var(--gx-surface-1)}
.trending-feature-rail h3{margin:.75rem 0 .5rem;font:650 clamp(1.05rem,1.55vw,1.35rem)/1.26 var(--gx-font-display);letter-spacing:-.025em}
.trending-feature-rail p{margin:0 0 1rem;color:var(--gx-muted);font-size:var(--gx-text-sm)}
.trending-meta{margin-top:auto;color:var(--gx-muted);font-size:var(--gx-text-xs)}
.trending-archive{padding:var(--gx-space-8) 0 var(--gx-space-12);border-block:1px solid var(--gx-border);background:var(--gx-surface-1)}
.trending-topics{display:grid;grid-template-columns:70px minmax(0,1fr);gap:var(--gx-space-4);align-items:center;padding-block:var(--gx-space-4);border-top:1px solid var(--gx-border);border-bottom:1px solid var(--gx-border)}
.trending-topics>span{color:var(--gx-muted);font-size:var(--gx-text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.trending-topic-scroll{display:flex;gap:.5rem;overflow-x:auto;scrollbar-width:none}.trending-topic-scroll::-webkit-scrollbar{display:none}
.topic-filter{min-height:36px;flex:none;padding:.35rem .75rem;border:1px solid var(--gx-border);border-radius:var(--gx-radius-round);background:transparent;color:var(--gx-muted);font:600 var(--gx-text-xs)/1 var(--gx-font-body);white-space:nowrap;cursor:pointer;transition:color var(--gx-duration),background var(--gx-duration),border-color var(--gx-duration)}
.topic-filter:hover,.topic-filter.is-active{border-color:var(--gx-brand-sky);background:var(--gx-brand-sky);color:var(--gx-black)}
.trending-results{margin:var(--gx-space-6) 0 var(--gx-space-4);color:var(--gx-muted);font-size:var(--gx-text-sm)}.trending-results strong{color:var(--gx-white)}
.trending-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gx-space-4)}
.trending-card{display:flex;flex-direction:column;min-width:0}
.trending-card:focus-within{border-color:var(--gx-border-strong);box-shadow:var(--gx-shadow-lift)}
.trending-card-media{display:block;height:180px;overflow:hidden}.trending-card-media img{width:100%;height:100%;object-fit:cover;transition:transform 480ms var(--gx-ease),filter var(--gx-duration)}.trending-card:is(:hover,:focus-within) .trending-card-media img{transform:scale(1.035);filter:brightness(1.08)}
.trending-card .gx-card__body{display:flex;flex:1;flex-direction:column;align-items:flex-start;width:100%}
.trending-card .original-meta{width:100%;margin:0}
.trending-card h3{margin:.8rem 0 .55rem;font:650 clamp(1.05rem,1.35vw,1.26rem)/1.28 var(--gx-font-display);letter-spacing:-.025em}
.trending-card h3:hover{color:var(--gx-acid)}.trending-card a{color:var(--gx-white);text-decoration:none}
.trending-card p{margin:0 0 1rem;color:var(--gx-muted);font-size:var(--gx-text-sm);line-height:1.48}
.trending-card time{margin-top:auto;color:var(--gx-muted);font-size:var(--gx-text-xs)}
.trending-card--source h3{max-width:25ch}
.trending-empty{margin:var(--gx-space-8) 0 0;color:var(--gx-muted)}
.portal-footer{padding:2.5rem 0;border-top:1px solid var(--gx-border);color:var(--gx-muted)}.portal-footer .gx-container{display:grid;grid-template-columns:auto 1fr auto auto;gap:2rem;align-items:center}.portal-footer img{width:112px}.portal-footer p{margin:0;font-size:.85rem}.portal-footer nav{display:flex;gap:1.2rem;font-size:.82rem}.portal-footer a:hover{color:var(--gx-acid)}
@media(max-width:1050px){.trending-featured-grid{grid-template-columns:1fr}.trending-feature-rail{grid-template-columns:1fr 1fr}.trending-feature-rail a+a{border-top:0;border-left:1px solid var(--gx-border)}.trending-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.portal-footer .gx-container{grid-template-columns:1fr 1fr}.portal-footer nav{justify-self:end}}
@media(max-width:640px){.trending-hero>.gx-container{align-items:start;flex-direction:column;gap:var(--gx-space-4)}.trending-format-filter{width:100%;overflow-x:auto}.trending-featured{padding-block:var(--gx-space-6)}.trending-section-head{display:block}.trending-section-head p{margin-top:.75rem}.trending-feature-main{grid-template-columns:1fr}.trending-feature-main img{height:215px}.trending-feature-rail{grid-template-columns:1fr}.trending-feature-rail a+a{border-top:1px solid var(--gx-border);border-left:0}.trending-topics{grid-template-columns:1fr;gap:.55rem}.trending-card-grid{grid-template-columns:1fr}.trending-card-media{height:190px}.portal-footer .gx-container{grid-template-columns:1fr}.portal-footer nav{justify-self:start;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.trending-feature-main,.trending-feature-main img,.trending-feature-rail a,.topic-filter,.trending-card,.trending-card-media img{transition:none}}