/*
Theme Name: RecifeRock Clipes
Theme URI: https://clipes.reciferock.com/
Author: RecifeRock
Description: Videoclipes aprovados do Radar RecifeRock.
Version: 1.1.3
Text Domain: reciferock-clipes
*/

:root{--bg:#15171b;--surface:#1d2025;--surface-2:#24282e;--text:#f5f6f7;--muted:#a4aab2;--line:#343941;--yellow:#ffc400;--display:"Barlow Semi Condensed",Impact,"Arial Narrow",sans-serif;--body:system-ui,-apple-system,"Segoe UI",sans-serif;--wrap:1160px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 var(--body)}
a{color:inherit}
a:hover{color:var(--yellow)}
img{display:block;max-width:100%}
.wrap{width:min(var(--wrap),calc(100% - 40px));margin-inline:auto}
.skip-link{position:absolute;left:-9999px;top:8px;background:var(--yellow);color:#111;padding:8px 12px;z-index:100}
.skip-link:focus{left:8px}
.site-header{position:sticky;top:0;z-index:20;background:#15171bf2;border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}
.header-inner{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{text-decoration:none;font:800 30px/1 var(--display);letter-spacing:-.5px;text-transform:lowercase}
.brand em,.brand span{color:var(--yellow);font-style:normal}
.site-nav{display:flex;align-items:center;gap:20px}
.site-nav a{text-decoration:none;color:var(--muted);font-size:14px;font-weight:650}
.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--yellow)}
.hero{padding:48px 0 34px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.82fr);gap:34px;align-items:center}
.eyebrow{margin:0 0 10px;color:var(--yellow);font-size:11px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase}
.hero h1{max-width:680px;margin:0;font:800 clamp(42px,6vw,70px)/.94 var(--display);letter-spacing:-1.5px;text-transform:uppercase}
.hero h1 span{display:block;color:var(--yellow)}
.hero-copy{max-width:620px;margin:18px 0 0;color:#c0c4ca;font-size:17px}
.hero-aside{padding:22px;border-left:3px solid var(--yellow);background:var(--surface);color:var(--muted)}
.hero-aside strong{display:block;color:var(--text);font:700 20px/1.1 var(--display);text-transform:uppercase}
.hero-aside p{margin:8px 0 0;font-size:14px}
.hero-feature{min-width:0}
.hero-video{position:relative;display:block;overflow:hidden;aspect-ratio:16/9;border:1px solid var(--line);border-radius:5px;background:var(--surface-2)}
.hero-video img{width:100%;height:100%;object-fit:cover}
.hero-feature .eyebrow{margin:12px 0 4px}
.hero-feature h2{margin:0 0 5px;font:750 26px/1.05 var(--display)}
.hero-feature h2 a{text-decoration:none}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:34px 0 18px}
.section-head h2{margin:0;font:750 30px/1 var(--display);text-transform:uppercase}
.section-head p{margin:0;color:var(--muted);font-size:13px}
.filters{display:grid;grid-template-columns:minmax(220px,1fr) 150px 190px auto;gap:10px;align-items:end;margin:24px 0 30px;padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:6px}
.field label{display:block;margin:0 0 5px;color:var(--muted);font-size:11px;font-weight:750;letter-spacing:.6px;text-transform:uppercase}
.field input,.field select{width:100%;min-height:42px;padding:8px 11px;border:1px solid var(--line);border-radius:4px;background:var(--bg);color:var(--text);font:inherit}
.field input:focus,.field select:focus{outline:2px solid var(--yellow);outline-offset:1px}
.button{min-height:42px;padding:9px 17px;border:0;border-radius:4px;background:var(--yellow);color:#111;font:800 14px var(--body);text-decoration:none;cursor:pointer}
.button:hover{background:#ffda4d;color:#111}
.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 18px;padding-bottom:40px}
.video-card{min-width:0}
.video-poster{position:relative;display:block;overflow:hidden;aspect-ratio:16/9;border:1px solid var(--line);border-radius:5px;background:var(--surface-2)}
.video-poster img{width:100%;height:100%;object-fit:cover;transition:transform .25s}
.video-card:hover .video-poster img{transform:scale(1.035)}
.video-poster:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#050607a6)}
.play-mark{position:absolute;z-index:2;inset:0;display:grid;place-items:center;color:#fff;font-size:22px;text-shadow:0 2px 10px #000}
.duration{position:absolute;z-index:3;right:8px;bottom:7px;padding:2px 6px;border-radius:3px;background:#090a0cdd;color:#fff;font-size:12px;font-weight:750}
.video-card h3{margin:10px 0 4px;font:750 22px/1.08 var(--display)}
.video-card h3 a{text-decoration:none}
.artist-links{display:flex;flex-wrap:wrap;gap:4px 10px;color:var(--muted);font-size:14px}
.artist-links a{color:inherit;text-decoration:none}
.artist-links a:hover{color:var(--yellow);text-decoration:underline}
.video-meta{display:flex;flex-wrap:wrap;gap:6px 13px;margin-top:9px;color:#888f99;font-size:12px}
.empty-state{padding:42px 20px;border:1px dashed var(--line);border-radius:6px;color:var(--muted);text-align:center}
.pagination{display:flex;justify-content:center;gap:8px;margin:8px 0 48px}
.pagination .page-numbers{padding:7px 11px;border:1px solid var(--line);border-radius:4px;text-decoration:none}
.pagination .current{border-color:var(--yellow);color:var(--yellow)}
.single-head{padding:28px 0 12px}
.breadcrumb{margin:0 0 13px;color:var(--muted);font-size:13px}
.breadcrumb a{color:inherit;text-decoration:none}
.single-head h1{margin:0;font:800 clamp(32px,5vw,56px)/1 var(--display);text-transform:uppercase}
.single-sub{margin:11px 0 0;color:var(--muted);font-size:14px}
.single-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);gap:28px;align-items:start;margin:18px 0 52px}
.single-thumb{position:relative;display:block;overflow:hidden;aspect-ratio:16/9;border:1px solid var(--line);border-radius:6px;background:var(--surface-2)}
.single-thumb img{width:100%;height:100%;object-fit:cover}
.single-thumb .play-mark{background:#0004;font-size:28px}
.single-action{margin:14px 0 0}
.single-panel,.content-panel{padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:6px}
.single-panel h2,.content-panel h2,.related h2{margin:0 0 15px;font:750 23px/1 var(--display);text-transform:uppercase}
.fact-list{margin:0}
.fact-list div{display:grid;grid-template-columns:112px 1fr;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}
.fact-list div:last-child{border-bottom:0}
.fact-list dt{color:var(--muted);font-size:13px}
.fact-list dd{margin:0;font-size:14px}
.content-panel{margin:22px 0}
.editorial-content>:first-child{margin-top:0}
.editorial-content>:last-child{margin-bottom:0}
.credits{white-space:pre-line;color:#d5d8dc}
.news-list{display:grid;gap:8px;padding:0;list-style:none}
.news-list a{color:var(--text);text-decoration:underline;text-decoration-color:#6b717b;text-underline-offset:3px}
.radar-release{margin-top:16px}
.related{margin:42px 0 8px}
.site-footer{border-top:1px solid var(--line);padding:23px 0 34px;color:var(--muted);font-size:13px}
.footer-inner{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}
.footer-inner a{color:var(--text);text-decoration:none}
@media(max-width:850px){.hero{grid-template-columns:1fr;gap:24px;padding:38px 0 28px}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filters{grid-template-columns:1fr 1fr}.single-layout{grid-template-columns:1fr}.single-panel{order:-1}}
@media(max-width:560px){.wrap{width:calc(100% - 28px)}.header-inner{align-items:flex-start;flex-direction:column;gap:9px;padding:11px 0}.brand{font-size:27px}.site-nav{width:100%;gap:16px;overflow:auto;padding-bottom:2px}.site-nav a{white-space:nowrap;font-size:13px}.hero{padding:30px 0 25px}.hero h1{font-size:45px}.hero-copy{font-size:15px}.hero-aside{padding:16px}.section-head{align-items:flex-start;flex-direction:column;gap:7px}.filters{grid-template-columns:1fr}.video-grid{gap:19px 10px}.video-card h3{font-size:18px}.artist-links{font-size:12px}.video-meta{gap:5px 9px;font-size:11px}.single-head h1{font-size:36px}.single-layout{gap:14px}.single-panel,.content-panel{padding:16px}.fact-list div{grid-template-columns:100px 1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
.video-embed{position:relative;overflow:hidden;aspect-ratio:16/9;border:1px solid var(--line);border-radius:6px;background:#08090b}.video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.single-action{font-size:13px}.single-action a{color:var(--muted)}.weekly-section,.styles-section,.anniversary-section{padding-bottom:8px;border-bottom:1px solid var(--line)}.section-note,.source-note{color:var(--muted);font-size:13px}.style-links,.single-genres{display:flex;flex-wrap:wrap;gap:9px}.style-links{padding:0 0 28px}.style-links a,.single-genres a{padding:7px 12px;border:1px solid var(--line);border-radius:99px;color:var(--text);font-size:13px;text-decoration:none}.style-links a:hover,.single-genres a:hover{border-color:var(--yellow);color:var(--yellow)}.credits-list{margin:0}.credits-list div{display:grid;grid-template-columns:160px 1fr;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}.credits-list div:last-child{border:0}.credits-list dt{color:var(--muted)}.credits-list dd{margin:0}.source-note{margin-bottom:0}.description-panel summary{font:750 23px/1 var(--display);text-transform:uppercase;cursor:pointer}.youtube-description{margin-top:18px;color:#d5d8dc;overflow-wrap:anywhere}.youtube-description>:first-child{margin-top:0}.youtube-description a{color:var(--yellow)}.release-card{margin-top:16px;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:6px}.release-card .eyebrow{margin-bottom:11px}.release-cover{display:grid;grid-template-columns:88px 1fr;gap:13px;align-items:center;font-weight:700;text-decoration:none}.release-cover img{width:88px;aspect-ratio:1;object-fit:cover;border-radius:4px}.fact-list dd small{display:block;color:var(--muted);font-size:11px}.about-page{padding:58px 0 90px;max-width:840px}.about-page h1{margin:0;font:800 clamp(38px,6vw,62px)/1 var(--display);text-transform:uppercase}.about-page>p:not(.eyebrow){max-width:700px;color:#c0c4ca;font-size:18px}
.week-numbers{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:4px 0 28px}.week-numbers>div{display:flex;align-items:baseline;gap:12px;padding:17px;background:var(--surface);border-left:3px solid var(--yellow)}.week-numbers strong{font:800 32px/1 var(--display);color:var(--yellow)}.week-numbers span{color:var(--muted);font-size:13px}
@media(max-width:560px){.credits-list div{grid-template-columns:1fr;gap:2px}.release-cover{grid-template-columns:72px 1fr}.release-cover img{width:72px}.week-numbers{grid-template-columns:1fr}.week-numbers>div{align-items:center}}