:root{
  --bg:#070b14;
  --bg2:#0d1424;
  --panel:#0d1220;
  --panel2:#11182a;
  --line:rgba(255,255,255,.08);
  --soft:rgba(255,255,255,.65);
  --text:#f5f7fb;
  --red:#ff3b4d;
  --red2:#ff6a3d;
  --blue:#27b7ff;
  --glow:0 14px 50px rgba(0,0,0,.45);
  --radius:22px;
  --max:1280px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.sf-cms{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--text);background:
radial-gradient(circle at 15% 20%, rgba(40,130,255,.12), transparent 20%),
radial-gradient(circle at 85% 15%, rgba(255,70,90,.14), transparent 22%),
linear-gradient(180deg,#060914,#0b1020 38%,#070b14 100%);
min-height:100vh}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.sf-wrap{width:min(var(--max),calc(100% - 32px));margin:0 auto}
.sf-topline{border-bottom:1px solid rgba(255,255,255,.06);background:rgba(6,9,20,.8);backdrop-filter:blur(10px)}
.sf-topline .sf-wrap{display:flex;align-items:center;justify-content:space-between;padding:10px 0;color:var(--soft);font-size:13px}
.sf-social{display:flex;gap:10px}
.sf-social a{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}
.sf-header{position:sticky;top:0;z-index:20;background:rgba(7,11,20,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.06)}
.sf-header-inner{display:flex;align-items:center;gap:24px;padding:18px 0}
.sf-brand{display:flex;align-items:center;gap:14px;min-width:260px}
.sf-vinyl{position:relative;width:58px;height:58px;border-radius:50%;background:radial-gradient(circle at center,#0f162b 0 10px,#d7ecff 10px 14px,#111827 14px 24px,#3f5cff 24px 25px,#05070b 25px 100%);box-shadow:0 0 0 2px rgba(255,255,255,.08), 0 10px 22px rgba(0,0,0,.35)}
.sf-vinyl:after{content:'';position:absolute;left:53px;top:28px;width:24px;height:2px;background:linear-gradient(90deg,#adb8d0,#e7eefb);transform:rotate(-20deg);transform-origin:left center}
.sf-brand-copy strong{display:block;font-size:30px;line-height:1;font-weight:900;letter-spacing:-.03em}
.sf-brand-copy strong b{color:#ffb700}
.sf-brand-copy small{display:block;color:#e7eefb;opacity:.85;font-size:15px;margin-top:4px}
.sf-nav{display:flex;align-items:center;gap:18px;flex:1;flex-wrap:wrap}
.sf-nav-links{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.sf-nav-links a{padding:11px 14px;border-radius:999px;color:#dbe4fb;font-size:14px;font-weight:700;letter-spacing:.02em}
.sf-nav-links a:hover,.sf-nav-links a.is-active{background:rgba(255,255,255,.07);color:#fff}
.sf-search{margin-left:auto;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:8px 10px 8px 16px;min-width:260px}
.sf-search input{flex:1;background:transparent;border:0;outline:none;color:#fff;font-size:14px}
.sf-search button{width:38px;height:38px;border:0;border-radius:50%;cursor:pointer;background:linear-gradient(135deg,var(--red),var(--red2));color:#fff;font-size:16px}
.sf-menu-toggle{display:none}
.sf-main{padding:28px 0 60px}
.sf-grid{display:grid;grid-template-columns:minmax(0,1.5fr) 340px;gap:24px}
.sf-hero{position:relative;display:grid;grid-template-columns:1.3fr .7fr;gap:24px;margin-bottom:24px}
.sf-hero-card,.sf-panel{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.03));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--glow)}
.sf-hero-card{overflow:hidden;min-height:470px;display:flex}
.sf-hero-media{position:relative;flex:1;min-height:470px}
.sf-hero-media img{width:100%;height:100%;object-fit:cover}
.sf-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,9,20,.82),rgba(6,9,20,.18) 56%,rgba(6,9,20,.05))}
.sf-hero-content{position:absolute;left:40px;bottom:34px;max-width:62%}
.sf-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:linear-gradient(135deg,var(--red),var(--red2));font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.sf-hero-content h1,.sf-hero-content h2{font-size:52px;line-height:1.02;margin:16px 0 14px;letter-spacing:-.04em}
.sf-hero-content p{font-size:21px;line-height:1.45;color:#eff5ff;max-width:780px;margin:0 0 24px}
.sf-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 20px;border-radius:999px;font-weight:800;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06)}
.sf-btn:hover{background:rgba(255,255,255,.1)}
.sf-hero-side{padding:24px}
.sf-panel h3{margin:0 0 18px;font-size:32px;letter-spacing:-.03em}
.sf-section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 18px}
.sf-section-title h2{margin:0;font-size:34px;letter-spacing:-.03em}
.sf-section-title span{color:var(--soft);font-size:14px}
.sf-popular-list{display:flex;flex-direction:column;gap:14px}
.sf-popular-item{display:grid;grid-template-columns:42px 78px 1fr;gap:14px;align-items:center;padding:12px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}
.sf-rank{font-size:34px;font-weight:900;text-align:center;color:#fff;opacity:.92}
.sf-popular-item img{width:78px;height:78px;border-radius:14px;object-fit:cover}
.sf-popular-copy strong{display:block;font-size:17px;line-height:1.25;margin-bottom:6px}
.sf-popular-copy small{color:var(--soft)}
.sf-cats-row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:14px;margin-bottom:24px}
.sf-cat-tile{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.08);border-radius:20px;overflow:hidden;position:relative;min-height:138px;box-shadow:var(--glow)}
.sf-cat-tile:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.68))}
.sf-cat-tile span{position:absolute;left:16px;bottom:14px;right:16px;font-size:20px;font-weight:800;line-height:1.1}
.sf-cat-tile small{display:block;color:#dce6ff;font-size:13px;font-weight:600;opacity:.82;margin-top:6px}
.sf-tile-1{background:radial-gradient(circle at 30% 25%,#ffd26a,transparent 18%),linear-gradient(135deg,#1a2134,#0d1220)}
.sf-tile-2{background:linear-gradient(135deg,#0e1b3d,#29105e 55%,#ff5376)}
.sf-tile-3{background:linear-gradient(135deg,#15151f,#2b3d75 45%,#a9bdff)}
.sf-tile-4{background:linear-gradient(135deg,#130f1d,#171c31 40%,#ff5778)}
.sf-tile-5{background:linear-gradient(135deg,#131722,#14344c 50%,#ff7a32)}
.sf-tile-6{background:linear-gradient(135deg,#10131d,#1b2145 40%,#2bb6ff)}
.sf-tile-7{background:linear-gradient(135deg,#1a1a12,#392e16 40%,#f1c25b)}
.sf-cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.sf-card{display:flex;flex-direction:column;overflow:hidden;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.08);box-shadow:var(--glow)}
.sf-card-thumb{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;background:#121722}
.sf-card-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.sf-card:hover .sf-card-thumb img{transform:scale(1.05)}
.sf-card-body{padding:18px}
.sf-chip{display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.08);font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#fff;margin-bottom:10px}
.sf-card h3{margin:0 0 10px;font-size:29px;line-height:1.1;letter-spacing:-.03em}
.sf-card p{margin:0 0 14px;color:#d6def2;font-size:16px;line-height:1.55}
.sf-meta{display:flex;gap:14px;flex-wrap:wrap;color:#aeb9d2;font-size:13px}
.sf-readmore{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-weight:800;color:#fff}
.sf-side-stack{display:flex;flex-direction:column;gap:22px}
.sf-side-box{padding:22px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.03));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--glow)}
.sf-side-box h3{font-size:28px;margin:0 0 16px;letter-spacing:-.03em}
.sf-search-block form{display:flex;gap:10px}
.sf-search-block input,.sf-newsletter input{width:100%;padding:14px 16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:14px;color:#fff;outline:none}
.sf-search-block button,.sf-newsletter button{padding:0 16px;border:0;border-radius:14px;background:linear-gradient(135deg,var(--red),var(--red2));color:#fff;font-weight:800;cursor:pointer}
.sf-list-links{display:flex;flex-direction:column;gap:10px}
.sf-list-links a{padding:11px 0;border-bottom:1px solid rgba(255,255,255,.07);display:flex;justify-content:space-between;gap:14px;color:#dce5fc}
.sf-list-links a:last-child{border-bottom:0;padding-bottom:0}
.sf-small-card{display:grid;grid-template-columns:110px 1fr;gap:14px;align-items:center;padding:12px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.05)}
.sf-small-card img{width:110px;height:70px;object-fit:cover;border-radius:12px}
.sf-small-card strong{font-size:17px;line-height:1.25;display:block}
.sf-footer{margin-top:46px;border-top:1px solid rgba(255,255,255,.06);background:rgba(6,9,20,.74)}
.sf-footer-main{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:24px;padding:34px 0}
.sf-footer h4{margin:0 0 12px;font-size:20px}.sf-footer p,.sf-footer li,.sf-footer a{color:#cdd8ef;line-height:1.6}
.sf-footer ul{padding:0;margin:0;list-style:none}.sf-footer li{margin-bottom:7px}
.sf-footer-bottom{border-top:1px solid rgba(255,255,255,.06);padding:16px 0;color:#98a7c3;font-size:14px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
/* article */
.sf-article-page .sf-main{padding-top:24px}
.sf-article-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px}
.sf-article-box{padding:26px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.03));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--glow)}
.sf-crumbs{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:#b5c0d8;font-size:14px;margin-bottom:18px}
.sf-article-header h1{margin:12px 0 14px;font-size:54px;line-height:1.02;letter-spacing:-.04em}
.sf-article-excerpt{font-size:22px;color:#e7eefb;line-height:1.45;margin-bottom:18px}
.sf-hero-image{margin:22px 0 24px;border-radius:22px;overflow:hidden}
.sf-hero-image img{width:100%;aspect-ratio:16/9;object-fit:cover}
.sf-content{font-size:19px;line-height:1.85;color:#f0f4fb}
.sf-content p{margin:0 0 1.2em}.sf-content h2,.sf-content h3,.sf-content h4{margin:1.4em 0 .55em;line-height:1.15;letter-spacing:-.03em}
.sf-content h2{font-size:36px}.sf-content h3{font-size:28px}.sf-content h4{font-size:22px}
.sf-content blockquote{margin:1.6em 0;padding:16px 18px;border-left:4px solid var(--red);background:rgba(255,255,255,.04);border-radius:14px;color:#fff}
.sf-content ul,.sf-content ol{padding-left:24px;margin:0 0 1.2em}
.sf-content a{color:#86cbff;text-decoration:underline}
.sf-content img{border-radius:18px;margin:1.2em auto}
.sf-content iframe,.sf-content .sf-youtube-embed iframe{width:100%!important;max-width:100%!important;aspect-ratio:16/9;height:auto!important;border:0;border-radius:18px;display:block}
.sf-content .sf-youtube-embed{margin:1.2em 0}
.sf-related{margin-top:26px}.sf-related h2{margin:0 0 16px;font-size:34px}
.sf-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.sf-note{padding:18px 20px;border-radius:16px;background:rgba(255,255,255,.045);border:1px dashed rgba(255,255,255,.14);color:#d7e0f6;line-height:1.6}
.sf-cat-header{padding:30px;background:linear-gradient(135deg,rgba(255,58,78,.16),rgba(39,183,255,.12));border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);margin-bottom:24px;box-shadow:var(--glow)}
.sf-cat-header h1{font-size:48px;margin:0 0 8px;letter-spacing:-.04em}.sf-cat-header p{margin:0;color:#d6dff3;font-size:18px}
.sf-empty{padding:30px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:#d8e0f3}
@media (max-width:1100px){
  .sf-grid,.sf-article-grid,.sf-hero{grid-template-columns:1fr}
  .sf-cats-row{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sf-cards-grid,.sf-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sf-hero-content{max-width:78%}
  .sf-brand-copy strong{font-size:26px}
}
@media (max-width:820px){
  .sf-topline{display:none}
  .sf-header-inner{align-items:flex-start;flex-direction:column;padding:14px 0}
  .sf-nav{width:100%;display:block}
  .sf-menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.06);color:#fff;margin-left:auto}
  .sf-nav-shell{display:none;width:100%;padding-top:12px}
  .sf-nav-shell.is-open{display:block}
  .sf-nav-links{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .sf-search{margin:12px 0 0;min-width:0;width:100%}
  .sf-cats-row,.sf-cards-grid,.sf-related-grid,.sf-footer-main{grid-template-columns:1fr}
  .sf-hero-media,.sf-hero-card{min-height:430px}
  .sf-hero-content{left:22px;right:22px;max-width:unset;bottom:22px}
  .sf-hero-content h1,.sf-hero-content h2,.sf-article-header h1{font-size:38px}
  .sf-hero-content p,.sf-article-excerpt{font-size:18px}
}
@media (max-width:520px){
  .sf-wrap{width:min(var(--max),calc(100% - 22px))}
  .sf-brand{min-width:0}.sf-brand-copy strong{font-size:21px}.sf-brand-copy small{font-size:13px}
  .sf-vinyl{width:48px;height:48px}.sf-vinyl:after{left:44px;top:24px;width:20px}
  .sf-nav-links{grid-template-columns:1fr}
  .sf-card h3{font-size:24px}.sf-section-title h2,.sf-related h2,.sf-panel h3,.sf-side-box h3{font-size:26px}
  .sf-hero-media,.sf-hero-card{min-height:380px}.sf-hero-content h1,.sf-hero-content h2,.sf-cat-header h1,.sf-article-header h1{font-size:31px}
  .sf-cats-row{grid-template-columns:1fr 1fr}
  .sf-popular-item{grid-template-columns:38px 65px 1fr}
  .sf-popular-item img{width:65px;height:65px}
}

/* Home mosaic slider */
.sf-mosaic-slider{position:relative;margin-bottom:30px;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.09);background:#0a0f1a;box-shadow:var(--glow)}
.sf-mosaic-viewport{position:relative;min-height:520px}
.sf-mosaic-slide{position:absolute;inset:0;display:grid;grid-template-columns:1.35fr .65fr .65fr;grid-template-rows:1fr 1fr;gap:4px;opacity:0;pointer-events:none;transition:opacity .45s ease}
.sf-mosaic-slide.is-active{opacity:1;pointer-events:auto;z-index:2}
.sf-mosaic-card{position:relative;overflow:hidden;background:#111827;min-height:0}
.sf-mosaic-card.is-main{grid-column:1;grid-row:1 / span 2}
.sf-mosaic-card.is-top{grid-column:2 / span 2;grid-row:1}
.sf-mosaic-card.is-bottom-left{grid-column:2;grid-row:2}
.sf-mosaic-card.is-bottom-right{grid-column:3;grid-row:2}
.sf-mosaic-card>a{position:absolute;inset:0;display:block}
.sf-mosaic-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease,filter .4s ease}
.sf-mosaic-card:hover img{transform:scale(1.04);filter:saturate(1.07)}
.sf-mosaic-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,8,15,.02) 15%,rgba(4,8,15,.28) 47%,rgba(4,8,15,.94) 100%)}
.sf-mosaic-card.is-main .sf-mosaic-shade{background:linear-gradient(180deg,rgba(4,8,15,.02) 8%,rgba(4,8,15,.18) 43%,rgba(4,8,15,.92) 100%)}
.sf-mosaic-copy{position:absolute;left:24px;right:24px;bottom:22px;z-index:2;display:block}
.sf-mosaic-copy strong{display:block;font-size:24px;line-height:1.08;letter-spacing:-.03em;text-shadow:0 2px 12px rgba(0,0,0,.4)}
.sf-mosaic-card.is-main .sf-mosaic-copy{left:32px;right:32px;bottom:30px}
.sf-mosaic-card.is-main .sf-mosaic-copy strong{font-size:46px;max-width:92%}
.sf-mosaic-tag{display:inline-flex;margin-bottom:10px;padding:6px 9px;border-radius:6px;background:linear-gradient(135deg,var(--red),var(--red2));font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.sf-mosaic-copy small{display:block;margin-top:10px;color:#e4ebf7;font-size:12px;opacity:.9}
.sf-mosaic-arrow{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:44px;height:58px;border:0;border-radius:12px;background:rgba(5,9,16,.64);backdrop-filter:blur(6px);color:#fff;font-size:38px;line-height:1;cursor:pointer;opacity:.82;transition:.2s ease}
.sf-mosaic-arrow:hover{opacity:1;background:rgba(5,9,16,.82)}
.sf-mosaic-arrow.is-prev{left:14px}.sf-mosaic-arrow.is-next{right:14px}
.sf-mosaic-dots{position:absolute;z-index:6;left:50%;bottom:14px;transform:translateX(-50%);display:flex;gap:7px;padding:7px 9px;border-radius:999px;background:rgba(5,9,16,.5);backdrop-filter:blur(6px)}
.sf-mosaic-dots button{width:8px;height:8px;border-radius:50%;border:0;padding:0;background:rgba(255,255,255,.38);cursor:pointer}
.sf-mosaic-dots button.is-active{width:24px;border-radius:99px;background:var(--red)}
.sf-home-categories{margin-bottom:30px}
.sf-home-content-grid{align-items:start}
@media (max-width:1000px){
  .sf-mosaic-viewport{min-height:610px}
  .sf-mosaic-slide{grid-template-columns:1fr 1fr;grid-template-rows:1.25fr .75fr .75fr}
  .sf-mosaic-card.is-main{grid-column:1 / span 2;grid-row:1}
  .sf-mosaic-card.is-top{grid-column:1 / span 2;grid-row:2}
  .sf-mosaic-card.is-bottom-left{grid-column:1;grid-row:3}
  .sf-mosaic-card.is-bottom-right{grid-column:2;grid-row:3}
  .sf-mosaic-card.is-main .sf-mosaic-copy strong{font-size:38px}
}
@media (max-width:640px){
  .sf-mosaic-slider{border-radius:18px}
  .sf-mosaic-viewport{min-height:650px}
  .sf-mosaic-slide{grid-template-columns:1fr 1fr;grid-template-rows:1.35fr .82fr .82fr}
  .sf-mosaic-copy{left:14px;right:14px;bottom:14px}
  .sf-mosaic-card.is-main .sf-mosaic-copy{left:18px;right:18px;bottom:18px}
  .sf-mosaic-card.is-main .sf-mosaic-copy strong{font-size:31px}
  .sf-mosaic-copy strong{font-size:18px}
  .sf-mosaic-copy small{display:none}
  .sf-mosaic-arrow{width:38px;height:48px;font-size:30px}
  .sf-mosaic-arrow.is-prev{left:8px}.sf-mosaic-arrow.is-next{right:8px}
}


/* Header revamp: logo centralizada + busca à direita + botões abaixo */
.sf-header-revamp{position:sticky;top:0;z-index:30;background:linear-gradient(180deg,rgba(3,7,15,.96),rgba(4,10,18,.94));backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.06)}
.sf-header-stack{padding:18px 0 16px}
.sf-header-top{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(320px,540px);align-items:center;gap:18px}
.sf-header-top-spacer{height:1px}
.sf-brand-centered{justify-self:center;display:flex;align-items:center;gap:18px;min-width:0}
.sf-brand-centered .sf-vinyl{width:78px;height:78px;box-shadow:0 0 0 2px rgba(111,143,255,.22),0 0 24px rgba(74,116,255,.35),0 10px 22px rgba(0,0,0,.35)}
.sf-brand-centered .sf-vinyl:after{left:72px;top:38px;width:30px;height:3px}
.sf-brand-centered .sf-brand-copy strong{font-size:36px;white-space:nowrap;text-shadow:0 0 18px rgba(255,188,0,.08)}
.sf-brand-centered .sf-brand-copy small{font-size:17px;text-align:center}
.sf-search-header{justify-self:end;margin-left:0;min-width:0;width:100%;max-width:540px;padding:12px 12px 12px 16px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.025));border:1px solid rgba(117,154,255,.25);box-shadow:inset 0 0 24px rgba(36,76,154,.12)}
.sf-search-header .sf-search-icon{font-size:28px;line-height:1;color:#f1f5ff;opacity:.95;margin-left:2px}
.sf-search-header input{font-size:16px;color:#f5f7fb}
.sf-search-header button{width:56px;height:56px;font-size:24px;box-shadow:0 0 20px rgba(255,90,84,.35)}
.sf-nav-bottom{margin-top:18px;justify-content:center}
.sf-nav-bottom .sf-nav-shell{display:block;width:100%}
.sf-nav-links-buttons{justify-content:center;gap:14px}
.sf-nav-links-buttons a{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:18px 24px;min-height:74px;min-width:190px;border-radius:999px;background:linear-gradient(180deg,rgba(17,31,68,.48),rgba(10,18,39,.72));border:1px solid rgba(106,140,229,.26);color:#f1f5ff;font-size:17px;font-weight:800;letter-spacing:-.01em;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 24px rgba(0,0,0,.18)}
.sf-nav-links-buttons a:hover{transform:translateY(-1px);background:linear-gradient(180deg,rgba(26,43,88,.62),rgba(13,23,47,.9));border-color:rgba(125,161,255,.42)}
.sf-nav-links-buttons a.is-active{background:linear-gradient(180deg,rgba(38,78,188,.72),rgba(17,34,86,.95));border-color:#7aa7ff;box-shadow:0 0 18px rgba(72,133,255,.35), inset 0 1px 0 rgba(255,255,255,.16)}
.sf-nav-links-buttons a span{display:inline-block}

@media (max-width:1320px){
  .sf-header-top{grid-template-columns:1fr auto 430px}
  .sf-nav-links-buttons a{min-width:170px;padding:16px 20px;font-size:16px}
  .sf-brand-centered .sf-brand-copy strong{font-size:32px}
}
@media (max-width:1100px){
  .sf-header-top{grid-template-columns:1fr;justify-items:center}
  .sf-header-top-spacer{display:none}
  .sf-brand-centered{justify-self:center}
  .sf-search-header{justify-self:center;max-width:680px}
  .sf-menu-toggle{position:absolute;right:0;top:18px}
  .sf-header-stack{position:relative}
  .sf-nav-links-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .sf-nav-links-buttons a{min-width:0;width:100%;min-height:64px}
}
@media (max-width:820px){
  .sf-topline{display:none}
  .sf-header-stack{padding:14px 0 14px}
  .sf-header-top{gap:14px;justify-items:stretch}
  .sf-brand-centered{justify-self:center;gap:12px;padding-right:48px}
  .sf-brand-centered .sf-vinyl{width:58px;height:58px}
  .sf-brand-centered .sf-vinyl:after{left:52px;top:28px;width:22px;height:2px}
  .sf-brand-centered .sf-brand-copy strong{font-size:24px;white-space:normal;text-align:center}
  .sf-brand-centered .sf-brand-copy small{font-size:14px}
  .sf-search-header{max-width:none;width:100%;padding:10px 10px 10px 14px}
  .sf-search-header .sf-search-icon{font-size:22px}
  .sf-search-header button{width:48px;height:48px;font-size:20px}
  .sf-menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.06);color:#fff;margin-left:auto;position:absolute;right:0;top:8px}
  .sf-nav-shell{display:none;width:100%;padding-top:8px}
  .sf-nav-shell.is-open{display:block}
  .sf-nav-links-buttons{grid-template-columns:1fr}
  .sf-nav-links-buttons a{min-height:58px;padding:14px 16px;justify-content:flex-start}
}
@media (min-width:821px){
  .sf-menu-toggle{display:none!important}
  .sf-nav-shell{display:block!important}
}

/* FIX 2026-10-07: manter menu do header alinhado em todas as páginas */
@media (min-width:1101px){
  .sf-nav-links-buttons{
    display:flex!important;
    flex-wrap:nowrap!important;
    width:100%;
    gap:12px!important;
  }
  .sf-nav-links-buttons a{
    flex:1 1 0!important;
    min-width:0!important;
    width:auto!important;
    padding:16px 10px!important;
    min-height:66px!important;
    font-size:15px!important;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
}
@media (min-width:1101px) and (max-width:1320px){
  .sf-nav-links-buttons a{
    padding:15px 8px!important;
    font-size:14px!important;
  }
}


/* Sidebar: artigos relacionados com miniaturas */
.sf-side-related-list{display:flex;flex-direction:column;gap:12px}
.sf-side-related-item{display:grid;grid-template-columns:96px minmax(0,1fr);gap:13px;align-items:center;padding:10px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);transition:transform .2s ease,background .2s ease,border-color .2s ease}
.sf-side-related-item:hover{transform:translateY(-1px);background:rgba(255,255,255,.055);border-color:rgba(108,147,255,.22)}
.sf-side-related-thumb{display:block;width:96px;height:68px;border-radius:12px;overflow:hidden;background:#101626}
.sf-side-related-thumb img{width:100%;height:100%;object-fit:cover}
.sf-side-related-placeholder{display:grid;place-items:center;width:100%;height:100%;font-size:28px;color:#9fb8ff;background:linear-gradient(135deg,#12192c,#1b2543)}
.sf-side-related-copy{min-width:0}
.sf-side-related-copy small{display:block;margin-bottom:5px;color:#ff5d55;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.sf-side-related-copy strong{display:block;font-size:15px;line-height:1.26;color:#f5f7fb}
@media (max-width:1100px){.sf-side-related-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.sf-side-related-list{display:flex}.sf-side-related-item{grid-template-columns:88px minmax(0,1fr)}.sf-side-related-thumb{width:88px;height:64px}}

/* Sidebar do artigo: fluxo normal, sem efeito sticky */
.sf-article-page .sf-side-stack{
  position:static;
  top:auto;
  align-self:start;
  max-height:none;
  overflow:visible;
  padding-right:0;
}

/* Category showcase 2026-10-07 */
.sf-category-showcase{
  margin:30px 0 34px;
  padding:30px 30px 32px;
  border:1px solid rgba(255,255,255,.065);
  border-radius:28px;
  background:
    radial-gradient(circle at 86% 8%,rgba(177,38,130,.16),transparent 28%),
    radial-gradient(circle at 12% 82%,rgba(24,86,190,.14),transparent 32%),
    linear-gradient(145deg,rgba(10,16,32,.92),rgba(16,11,28,.94));
  box-shadow:0 24px 70px rgba(0,0,0,.26);
  overflow:hidden;
}
.sf-category-showcase-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:28px}
.sf-category-showcase-head h2{margin:0;font-size:42px;line-height:1;letter-spacing:-.045em;font-weight:900}
.sf-category-showcase-head h2 span{background:linear-gradient(90deg,#a866ff,#ff5b83,#ff9966);-webkit-background-clip:text;background-clip:text;color:transparent}
.sf-category-showcase-head p{margin:15px 0 0;display:flex;align-items:center;gap:12px;color:#bac5de;font-size:16px}
.sf-category-showcase-head p i{width:60px;height:4px;border-radius:99px;background:linear-gradient(90deg,#b755ff,#ff557a,#ff8d62);box-shadow:0 0 14px rgba(221,77,255,.36)}
.sf-category-showcase-head>strong{padding-top:9px;color:#aeb8ce;font-size:14px;font-weight:500;white-space:nowrap}
.sf-category-showcase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px}
.sf-category-feature{
  --cat-accent:#ff527a;
  --cat-glow:rgba(255,82,122,.28);
  position:relative;min-height:310px;border-radius:24px;overflow:hidden;
  border:1px solid color-mix(in srgb,var(--cat-accent) 72%,#fff 8%);
  background:linear-gradient(180deg,rgba(24,25,48,.86),rgba(13,14,29,.98));
  box-shadow:0 16px 30px rgba(0,0,0,.28),0 0 24px var(--cat-glow),inset 0 1px 0 rgba(255,255,255,.08);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.sf-category-feature:hover{transform:translateY(-5px);box-shadow:0 24px 42px rgba(0,0,0,.34),0 0 34px var(--cat-glow),inset 0 1px 0 rgba(255,255,255,.12)}
.sf-category-feature--romance{--cat-accent:#ff426f;--cat-glow:rgba(255,48,102,.30);background:radial-gradient(circle at 50% 22%,rgba(255,64,112,.26),transparent 42%),linear-gradient(180deg,#3a0d25,#190c20 58%,#110b18)}
.sf-category-feature--curiosity{--cat-accent:#c054ff;--cat-glow:rgba(181,66,255,.30);background:radial-gradient(circle at 50% 20%,rgba(184,70,255,.28),transparent 42%),linear-gradient(180deg,#2d1454,#1e1039 58%,#120b21)}
.sf-category-feature--artist{--cat-accent:#2d9dff;--cat-glow:rgba(37,145,255,.30);background:radial-gradient(circle at 50% 18%,rgba(39,144,255,.28),transparent 42%),linear-gradient(180deg,#0c3158,#0b2446 58%,#08162a)}
.sf-category-feature--history{--cat-accent:#ffac32;--cat-glow:rgba(255,164,41,.29);background:radial-gradient(circle at 50% 18%,rgba(255,166,41,.30),transparent 42%),linear-gradient(180deg,#53310f,#37200b 58%,#211208)}
.sf-category-feature--lists{--cat-accent:#15e0d1;--cat-glow:rgba(14,217,205,.27);background:radial-gradient(circle at 50% 18%,rgba(17,214,204,.24),transparent 42%),linear-gradient(180deg,#073d45,#092c34 58%,#071d24)}
.sf-category-feature--generic{--cat-accent:#8aa9ff;--cat-glow:rgba(109,143,255,.25)}
.sf-category-feature:after{content:'';position:absolute;inset:auto -20% -38% -20%;height:58%;background:radial-gradient(ellipse at center,var(--cat-glow),transparent 68%);pointer-events:none}
.sf-category-feature-art{position:absolute;inset:18px 20px auto;height:145px;display:flex;align-items:center;justify-content:center;opacity:.96;filter:drop-shadow(0 0 18px var(--cat-glow));z-index:1}
.sf-category-feature-art svg{width:135px;height:112px;overflow:visible}
.sf-category-feature-art svg>*{fill:none;stroke:var(--cat-accent);stroke-width:7;stroke-linecap:round;stroke-linejoin:round}
.sf-category-feature-art svg .accent{stroke:#fff;stroke-width:4;opacity:.92}
.sf-category-feature-art svg .detail{stroke:var(--cat-accent);stroke-width:3;opacity:.72}
.sf-category-feature-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 28%,rgba(5,8,16,.05) 45%,rgba(5,7,14,.90) 100%);z-index:2}
.sf-category-feature-copy{position:absolute;left:24px;right:74px;bottom:22px;z-index:3}
.sf-category-feature-copy>strong{display:block;font-size:26px;line-height:1.04;letter-spacing:-.035em;font-weight:900;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.32)}
.sf-category-feature-copy>i{display:block;width:42px;height:4px;border-radius:99px;background:var(--cat-accent);margin:15px 0 13px;box-shadow:0 0 12px var(--cat-glow)}
.sf-category-feature-copy small{display:flex;align-items:center;gap:8px;color:#c8d2e7;font-size:15px;font-weight:600}
.sf-category-doc{font-size:17px;color:var(--cat-accent)}
.sf-category-feature-arrow{position:absolute;right:20px;bottom:20px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;z-index:4;border:1px solid var(--cat-accent);background:rgba(255,255,255,.04);color:#fff;font-size:34px;line-height:1;box-shadow:0 0 20px var(--cat-glow);transition:transform .2s ease,background .2s ease}
.sf-category-feature:hover .sf-category-feature-arrow{transform:translateX(3px);background:color-mix(in srgb,var(--cat-accent) 20%,transparent)}
@media (max-width:1100px){.sf-category-showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sf-category-feature{min-height:285px}}
@media (max-width:760px){.sf-category-showcase{padding:24px 18px}.sf-category-showcase-head{display:block}.sf-category-showcase-head>strong{display:block;margin-top:8px}.sf-category-showcase-head h2{font-size:34px}.sf-category-showcase-head p{font-size:14px;line-height:1.45}.sf-category-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sf-category-feature{min-height:255px}.sf-category-feature-art{height:120px}.sf-category-feature-copy>strong{font-size:21px}}
@media (max-width:480px){.sf-category-showcase-grid{grid-template-columns:1fr}.sf-category-feature{min-height:250px}.sf-category-feature-copy>strong{font-size:24px}}