/*
Theme Name: Noob News
Theme URI: https://noobworld.top
Author: Noob
Description: Portal de notícias cripto do universo Noob — layout magenta/violeta, efeitos suaves, loja e gamificação com Gold (plugin Noob Tokens).
Version: 1.6.7
Requires at least: 6.2
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: noob-news
*/

:root{
	--a:#A100B0;--b:#4A0E8F;--deep:#2A0B4A;--grad:linear-gradient(90deg,#FFF200,#FFC20E);--grad-d:linear-gradient(135deg,#FFF200,#FFC20E);
	--night:#160626;--night-2:#0F0419;--ink:#1B1028;--muted:#5E4E70;--soft:#7A6A8C;--line:#EEE7F7;--lav:#F6F3FA;--lav-2:#EEE7F7;--lilac:#E4D8F2;
	--display:'Sora',system-ui,sans-serif;--body:'DM Sans',system-ui,sans-serif;--serif:'Source Serif 4',Georgia,serif;--mono:'JetBrains Mono',ui-monospace,monospace;
	--shadow:0 10px 30px -20px rgba(60,10,90,.45);--wrap:1280px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--lav);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
a:hover{color:#8E00C2}
button,input,textarea,select{font:inherit}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip-link:focus{position:fixed;left:16px;top:16px;z-index:10000;width:auto;height:auto;clip:auto;background:#fff;color:var(--b);padding:12px 18px;border-radius:12px}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
:focus-visible{outline:3px solid #FF7AE6;outline-offset:3px}

/* ---------- animações ---------- */
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,77,196,.75)}70%{box-shadow:0 0 0 10px rgba(255,77,196,0)}100%{box-shadow:0 0 0 0 rgba(255,77,196,0)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes glow{0%,100%{opacity:.55}50%{opacity:.9}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.card{transition:transform .35s ease,box-shadow .35s ease}
.lift:hover{transform:translateY(-5px);box-shadow:0 22px 44px -20px rgba(255,242,0,.5)}
.zoom{overflow:hidden;position:relative}
.art,.zoom img{transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.zoom img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.card:hover .art,.card:hover .zoom img{transform:scale(1.08)}
.ttl{background-image:var(--grad);background-size:0 2px;background-repeat:no-repeat;background-position:0 100%;transition:background-size .45s ease}
.card:hover .ttl{background-size:100% 2px}
.dark .card:hover .ttl{background-image:linear-gradient(90deg,#fff,#fff)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:50px;padding:0 26px;border-radius:999px;font-weight:700;border:0;cursor:pointer;transition:transform .2s ease,box-shadow .25s ease,filter .2s;white-space:nowrap}
.btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px -10px rgba(255,194,14,.7);filter:brightness(1.08)}
.btn-grad{background:var(--grad);color:var(--deep)}.btn-grad:hover{color:var(--deep)}
.btn-white{background:#fff;color:var(--b)}.btn-white:hover{color:var(--b)}
.btn-ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.4)}.btn-ghost:hover{color:#fff}
.btn-sm{height:44px;padding:0 20px;font-size:14px}
.glow{position:absolute;border-radius:50%;pointer-events:none;animation:glow 6s ease-in-out infinite}
.chip{display:inline-flex;align-items:center;background:linear-gradient(90deg,#A100B0,#7600D2);color:#fff;font-size:12px;font-weight:700;padding:5px 12px;border-radius:999px;line-height:1.2}
.chip-sm{font-size:11px;padding:4px 10px}
.chip-white{background:#fff;color:var(--b)}
.date{font-size:13px;color:var(--soft)}
.dark .date{color:#B9A6D1}
.sec-title{margin:0;font-family:var(--display);font-size:20px;display:flex;align-items:center;gap:10px}
.sec-title::before{content:"";width:6px;height:22px;border-radius:3px;background:linear-gradient(#FFF200,#FFC20E)}
.big-title{margin:0;font-family:var(--display);font-weight:700;font-size:clamp(26px,3vw,36px);letter-spacing:-.02em}
.row-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.row-head a.more{color:#8E00C2;font-weight:700}
.dark .row-head a.more{color:#D9A6FF}

/* arte de fallback (sem imagem destacada) */
.art{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:800;color:rgba(255,255,255,.12);font-size:clamp(48px,8vw,120px)}
.a1{background:radial-gradient(circle at 22% 28%,#E86BFF 0,rgba(232,107,255,0) 42%),radial-gradient(circle at 82% 78%,#5C22FF 0,rgba(92,34,255,0) 48%),#2B0846}
.a2{background:radial-gradient(circle at 75% 25%,#FF5CC8 0,rgba(255,92,200,0) 40%),radial-gradient(circle at 20% 85%,#8A00E0 0,rgba(138,0,224,0) 50%),#1E0736}
.a3{background:radial-gradient(circle at 50% 40%,#B44BFF 0,rgba(180,75,255,0) 45%),linear-gradient(160deg,#3A0A5C,#140428)}
.a4{background:radial-gradient(circle at 30% 70%,#FF7AD9 0,rgba(255,122,217,0) 40%),radial-gradient(circle at 78% 30%,#6E3BFF 0,rgba(110,59,255,0) 45%),#260A40}
.a5{background:radial-gradient(circle at 85% 60%,#C13CFF 0,rgba(193,60,255,0) 45%),radial-gradient(circle at 15% 20%,#FF4FA3 0,rgba(255,79,163,0) 35%),#1A0630}
.a6{background:radial-gradient(circle at 40% 30%,#9B6BFF 0,rgba(155,107,255,0) 45%),radial-gradient(circle at 70% 85%,#E03CE8 0,rgba(224,60,232,0) 40%),#22093A}
.scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(22,6,38,0) 32%,rgba(22,6,38,.92))}

/* ---------- ticker ---------- */
.ticker{background:var(--night-2);color:#E9DDF7;font-family:var(--mono);font-size:13px;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid #2A1240}
.ticker-live{flex:none;display:flex;align-items:center;gap:10px;padding:10px 18px;background:var(--grad);color:var(--deep);font-weight:700;letter-spacing:.08em;position:relative;z-index:1}
.live-dot{width:8px;height:8px;border-radius:50%;background:#FF4DC4;animation:pulse 1.8s infinite}
.ticker-view{overflow:hidden;flex:1;min-width:0}
.ticker-track{display:flex;gap:40px;white-space:nowrap;width:max-content;padding:10px 24px;animation:tick 45s linear infinite}
.ticker-track:hover{animation-play-state:paused}
.tk{display:flex;gap:8px;align-items:center}
.tk b{color:#fff}
.tk .up{color:#7CF5C5}.tk .down{color:#FF8FB8}
.cur-switch{flex:none;display:inline-flex;gap:3px;padding:3px;margin:0 10px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-family:var(--body)}
.cur-switch button{border:0;background:transparent;color:#CDBBE3;font:700 12px/1 var(--body);padding:6px 10px;border-radius:999px;cursor:pointer;transition:background .2s,color .2s}
.cur-switch button:hover{color:#fff}
.cur-switch button[aria-pressed="true"]{background:var(--grad);color:var(--deep);box-shadow:0 4px 12px -4px rgba(255,194,14,.8)}
.nav-tools .cur-switch{margin:0;background:var(--lav);border-color:var(--lilac)}
.nav-tools .cur-switch button{color:var(--muted)}
@media (max-width:600px){.cur-switch{margin:0 6px}.cur-switch button{padding:6px 8px}}

/* ---------- header ---------- */
.site-header{background:var(--night);color:#fff}
.head-in{padding-top:22px;padding-bottom:22px;display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between}
.logo{display:flex;align-items:center;gap:12px;color:#fff}
.logo:hover{color:#fff}
.logo-mark{height:46px;width:auto;display:block;flex:none;filter:drop-shadow(0 8px 18px rgba(255,242,0,.25))}
.logo-txt{display:flex;flex-direction:column;line-height:1}
.logo-name{font-family:var(--display);font-weight:800;font-size:28px;letter-spacing:-.02em}
.logo-name span{color:#FFF200}
.logo-tag{font-size:12px;color:#B9A6D1;letter-spacing:.14em;margin-top:4px;text-transform:uppercase}
.custom-logo{max-height:60px;width:auto}
.ad-top{flex:0 1 728px;min-height:90px;display:flex;align-items:center;justify-content:center}
.ad-ph{border-radius:14px;border:1px dashed #CDB8E6;background:#FBF8FE;color:var(--soft);font-family:var(--mono);font-size:12px;display:flex;align-items:center;justify-content:center;text-align:center;padding:12px;width:100%}
.site-header .ad-ph{border-color:#3A1A5A;background:#1F0B33;color:#B9A6D1;min-height:90px}

.navbar{position:sticky;top:0;z-index:100;background:var(--grad);box-shadow:0 10px 30px -14px rgba(255,242,0,.7)}
.admin-bar .navbar{top:32px}
@media (max-width:782px){.admin-bar .navbar{top:0}}
.nav-in{min-height:62px;display:flex;flex-wrap:wrap;gap:10px 24px;align-items:center;justify-content:space-between}
.menu-toggle{display:none;width:44px;height:44px;border-radius:12px;border:1px solid rgba(42,11,74,.4);background:transparent;color:var(--deep);cursor:pointer;align-items:center;justify-content:center}
.main-nav{flex:1 1 auto;min-width:0}
.main-nav ul{list-style:none;margin:0;padding:14px 0;display:flex;flex-wrap:wrap;gap:6px 22px}
.main-nav li{position:relative}
.main-nav a{color:var(--deep);font-weight:600;font-size:15px;position:relative;display:inline-block}
.main-nav a::after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;background:var(--deep);border-radius:2px;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
.main-nav a:hover,.main-nav .current-menu-item>a{color:var(--deep)}
.main-nav a:hover::after,.main-nav .current-menu-item>a::after{transform:scaleX(1)}
.main-nav .sub-menu{display:none;position:absolute;top:100%;left:-14px;min-width:200px;background:#fff;border-radius:14px;padding:8px;box-shadow:0 20px 40px -18px rgba(60,10,90,.6);flex-direction:column;gap:0}
.main-nav .sub-menu a{color:var(--ink);padding:10px 12px;display:block}
.main-nav .sub-menu a::after{display:none}
.main-nav li:hover>.sub-menu,.main-nav li:focus-within>.sub-menu{display:flex}
.nav-tools{display:flex;gap:10px;align-items:center;padding:8px 0}
.search-pill{display:flex;align-items:center;background:rgba(42,11,74,.12);border:1px solid rgba(42,11,74,.3);border-radius:999px;padding:0 5px 0 16px;height:44px}
.search-pill input{background:transparent;border:0;outline:none;color:var(--deep);font-size:14px;width:130px}
.search-pill input::placeholder{color:rgba(42,11,74,.7)}
.search-pill button{width:34px;height:34px;border-radius:50%;border:0;background:#fff;color:var(--b);display:flex;align-items:center;justify-content:center;cursor:pointer}
.avatar-link img{width:42px;height:42px;border-radius:50%;border:2px solid rgba(255,255,255,.6)}
@media (max-width:900px){
	.menu-toggle{display:inline-flex}
	.main-nav{order:3;width:100%;display:none}
	.main-nav.open{display:block}
	.main-nav ul{flex-direction:column;gap:14px;padding:6px 0 18px}
	.main-nav .sub-menu{position:static;display:flex;background:transparent;box-shadow:none;padding:6px 0 0 14px}
	.main-nav .sub-menu a{color:#fff;padding:6px 0}
	.search-pill input{width:110px}
	/* celular/tablet: menu, lupa e carteira numa linha só; a lupa abre o campo */
	.nav-in{flex-wrap:wrap;gap:10px 12px}
	.nav-tools{margin-left:auto;gap:8px;min-width:0}
	.search-pill{width:44px;padding:0;justify-content:center;flex:none}
	.search-pill input{display:none}
	.search-pill.is-open{position:absolute;left:16px;right:16px;top:calc(100% + 8px);width:auto;padding:0 5px 0 16px;justify-content:flex-start;background:#fff;border:2px solid var(--deep);box-shadow:0 18px 40px -16px rgba(42,11,74,.7);z-index:5}
	.search-pill.is-open input{display:block;flex:1 1 auto;width:auto;min-width:0;font-size:16px}
	.search-pill.is-open button{background:var(--grad);color:var(--deep)}
	.navbar .nt-pill{padding:0 12px 0 5px;gap:6px}
	.avatar-link{flex:none}
}
@media (max-width:400px){
	.navbar .nt-pill{font-size:13px;height:40px}
	.navbar .nt-pill .nt-coin-img{width:26px;height:26px}
	.avatar-link img{width:38px;height:38px}
}

/* ---------- hero ---------- */
.hero{background:var(--night);color:#fff;position:relative;overflow:hidden}
.hero .glow{width:620px;height:620px;right:-160px;top:-220px;background:radial-gradient(circle,rgba(255,194,14,.45),rgba(255,194,14,0) 65%)}
.hero-in{padding-top:48px;padding-bottom:56px;position:relative;display:flex;flex-direction:column;gap:44px}
.slides{position:relative}
.slide{display:none;grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));gap:48px;align-items:center}
.slide.is-active{display:grid}
.slide.is-active .slide-txt{animation:fadeUp .7s cubic-bezier(.2,.7,.2,1) both}
.slide-media{position:relative;display:block;padding:0 0 18px 18px}
.slide-media::before{content:"";position:absolute;left:0;bottom:0;width:82%;height:82%;border-radius:22px;background:linear-gradient(135deg,#FFF200,#FFC20E)}
.slide-media .zoom{aspect-ratio:16/10;border-radius:22px;box-shadow:0 30px 60px -24px rgba(0,0,0,.7)}
.slide-txt{display:flex;flex-direction:column;gap:20px}
.slide-meta{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.slide-title{margin:0;font-family:var(--display);font-weight:700;font-size:clamp(28px,3.6vw,48px);line-height:1.12;letter-spacing:-.02em}
.slide-title a{color:#fff}
.slide-ex{margin:0;color:#CFC1E2;font-size:17px;line-height:1.65;max-width:560px}
.slide-ctl{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:6px}
.circle-btn{width:44px;height:44px;border-radius:50%;border:1px solid #4A2670;background:transparent;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .25s}
.circle-btn:hover{background:rgba(255,255,255,.08)}
.dots{display:flex;gap:6px;margin-left:8px}
.dots button{height:10px;width:10px;border-radius:999px;border:0;padding:0;cursor:pointer;background:#4A2670;transition:width .35s ease,background .35s}
.dots button[aria-current="true"]{width:30px;background:var(--grad)}
.hero-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:24px}
.mini{display:flex;flex-direction:column;gap:14px;border-radius:18px;padding:10px 10px 16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);color:#fff}
.mini:hover{color:#fff}
.mini .zoom{aspect-ratio:16/10;border-radius:12px}
.mini .chip{position:absolute;top:10px;left:10px;z-index:1}
.mini-title{padding:0 6px;font-family:var(--display);font-weight:600;font-size:16px;line-height:1.4}
.mini .date{padding:0 6px}

/* ---------- 4 colunas ---------- */
.cols4{padding:64px 0 56px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:32px}
.col{display:flex;flex-direction:column;gap:16px}
.ov{display:block;border-radius:16px;aspect-ratio:16/8.5;color:#fff}
.ov:hover{color:#fff}
.ov-txt{position:absolute;left:16px;right:16px;bottom:14px;display:flex;flex-direction:column;gap:6px;z-index:1}
.ov-txt .date{color:#E3CFFA}
.ov-title{font-family:var(--display);font-weight:600;font-size:15px;line-height:1.35}
.thumb-row{display:flex;gap:14px;align-items:center}
.thumb{flex:none;width:84px;height:66px;border-radius:12px}
.thumb-txt{display:flex;flex-direction:column;gap:4px;min-width:0}
.thumb-meta{font-size:12px;color:var(--soft);font-family:var(--mono)}
.thumb-title{font-weight:600;font-size:15px;line-height:1.35}
.white-card{background:#fff;border-radius:18px;box-shadow:var(--shadow)}
.pick{display:flex;flex-direction:column;gap:14px;padding:12px 12px 20px}
.pick .zoom{aspect-ratio:4/3;border-radius:12px}
.pick .chip{position:absolute;top:12px;left:12px;z-index:1}
.pick-title{padding:0 6px;font-family:var(--display);font-weight:700;font-size:19px;line-height:1.3}
.pick-ex{padding:0 6px;color:var(--muted);font-size:15px;line-height:1.55;margin:0}
.social{padding:8px}
.soc{display:flex;align-items:center;gap:14px;padding:10px;border-radius:12px;min-height:44px;transition:background .25s}
.soc:hover{background:#F3EAFB;color:inherit}
.soc-ico{width:38px;height:38px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex:none}
.soc-txt{display:flex;flex-direction:column;flex:1}
.soc-txt span{font-size:13px;color:var(--soft)}
.ad-box{flex:1;min-height:160px;border-radius:18px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.ad-promo{background:var(--grad-d);color:var(--deep);flex-direction:column;gap:6px;text-align:center;padding:20px}
.ad-promo b{font-family:var(--display);font-size:18px}
.ad-promo:hover{color:var(--deep)}

/* ---------- mosaico ---------- */
.mosaic-sec{background:var(--lav-2);padding:64px 0}
.mosaic-in{display:flex;flex-wrap:wrap;gap:28px;align-items:stretch}
.mosaic{flex:999 1 640px;min-width:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:24px}
.mosaic-big{grid-row:span 2;display:block;border-radius:20px;min-height:420px}
.glass{position:absolute;left:14px;right:14px;bottom:14px;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:8px;z-index:1}
.glass-title{font-family:var(--display);font-weight:700;font-size:18px;line-height:1.3;color:var(--ink)}
.m-card{display:flex;flex-direction:column;gap:12px}
.m-card .zoom{aspect-ratio:16/10;border-radius:16px}
.m-date{position:absolute;left:12px;bottom:12px;z-index:1;display:flex;gap:6px;align-items:center;background:#fff;color:var(--ink);font-size:12px;font-weight:600;padding:5px 11px;border-radius:999px}
.m-title{font-family:var(--display);font-weight:600;font-size:16px;line-height:1.35}
.toplist{flex:1 1 290px;padding:22px;display:flex;flex-direction:column;gap:4px;border-radius:20px}
.toplist h2{margin:0 0 10px;font-family:var(--display);font-size:18px;display:flex;justify-content:space-between;align-items:center}
.toplist h2 small{font-size:12px;font-weight:600;color:#8E00C2;font-family:var(--body)}
.top-item{display:flex;gap:14px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}
.top-item:last-child{border-bottom:0}
.top-n{flex:none;width:40px;height:40px;border-radius:12px;background:var(--grad-d);color:var(--deep);font-family:var(--display);font-weight:800;display:flex;align-items:center;justify-content:center}
.top-title{font-weight:600;font-size:15px;line-height:1.35}

/* ---------- explore ---------- */
.explore{padding:64px 24px;display:flex;flex-direction:column;gap:28px}
.tabs{display:flex;flex-wrap:wrap;gap:8px;background:#fff;padding:6px;border-radius:999px;box-shadow:0 8px 24px -16px rgba(60,10,90,.4)}
.tabs button{height:40px;padding:0 16px;border-radius:999px;border:0;cursor:pointer;font-size:14px;font-weight:600;background:transparent;color:#3D2C50;transition:background .25s,color .25s}
.tabs button[aria-selected="true"]{background:var(--grad);color:var(--deep)}
.grid-ov{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:22px}
.tile{display:block;border-radius:18px;aspect-ratio:4/3.4;color:#fff}
.tile:hover{color:#fff}
.tile[hidden]{display:none}
.tile .chip{position:absolute;top:14px;left:14px;z-index:1}
@media (max-width:600px){.hero-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mini{padding:6px 6px 12px}.mini-title{font-size:14px}}
.tile .ov-txt{left:16px;right:16px;bottom:16px}
.tile .ov-title{font-size:17px}

/* ---------- vídeos ---------- */
.videos{background:var(--night);color:#fff;padding:64px 0;position:relative;overflow:hidden}
.videos .glow{width:560px;height:560px;left:-200px;bottom:-260px;background:radial-gradient(circle,rgba(255,242,0,.5),rgba(255,242,0,0) 65%)}
.videos-in{position:relative;display:flex;flex-direction:column;gap:28px}
.videos-row{display:flex;flex-wrap:wrap;gap:28px}
.v-main{flex:999 1 560px;min-width:0;display:block;border-radius:22px;aspect-ratio:16/9;color:#fff}
.v-main:hover{color:#fff}
.play{position:absolute;left:50%;top:50%;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;background:var(--grad-d);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 10px rgba(255,255,255,.12);z-index:1;transition:transform .3s ease}
.card:hover .play{transform:scale(1.12)}
.play-sm{width:32px;height:32px;margin:-16px 0 0 -16px;background:rgba(255,255,255,.95);box-shadow:none}
.v-main .ov-txt{left:22px;right:22px;bottom:20px}
.v-main .ov-title{font-size:22px;font-weight:700}
.v-list{flex:1 1 340px;display:flex;flex-direction:column;gap:14px}
.v-item{display:flex;gap:16px;align-items:center;padding:10px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);color:#fff}
.v-item:hover{color:#fff}
.v-item .zoom{flex:none;width:130px;height:80px;border-radius:12px}

/* ---------- Faixa Noob Tokens + loja ---------- */
.bottom{padding:64px 24px;display:flex;flex-direction:column;gap:56px}
.tokens-band{border-radius:28px;background:linear-gradient(110deg,#FFF200,#FFC20E);color:var(--deep);padding:clamp(28px,5vw,56px);display:flex;flex-wrap:wrap;gap:32px;align-items:center;justify-content:space-between;position:relative;overflow:hidden;box-shadow:0 30px 60px -30px rgba(255,242,0,.8)}
.tokens-band::before{content:"";position:absolute;right:-60px;top:-80px;width:320px;height:320px;border-radius:50%;border:40px solid rgba(255,255,255,.08)}
.tokens-band-txt{flex:1 1 420px;display:flex;flex-direction:column;gap:12px;position:relative}
.tokens-band h2{margin:0;font-family:var(--display);font-weight:800;font-size:clamp(28px,3.8vw,48px);line-height:1.08;letter-spacing:-.02em}
.tokens-band p{margin:0;font-size:17px;line-height:1.55;opacity:.92;max-width:560px}
.kicker{font-size:13px;font-weight:700;letter-spacing:.14em;opacity:.85;text-transform:uppercase}
.products{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:22px}
.prod{background:#fff;border-radius:20px;padding:12px 12px 18px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow)}
.prod .zoom{aspect-ratio:1/1;border-radius:14px}
.prod-type{padding:0 6px;font-size:12px;color:#8E00C2;font-weight:700}
.prod-name{padding:0 6px;font-weight:600;font-size:16px}
.prod-price{padding:0 6px;font-family:var(--display);font-weight:800;font-size:17px}
.prod-price del{opacity:.5;font-weight:500;font-size:14px}
.prod-price ins{text-decoration:none}

/* ---------- footer ---------- */
.site-footer{background:var(--night-2);color:#CFC1E2}
.site-footer a:hover{color:#fff}
.newsletter{display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between;padding:32px;border-radius:24px;background:#1C0A2E;border:1px solid #2E1548}
.newsletter-txt{flex:1 1 360px;display:flex;flex-direction:column;gap:6px}
.newsletter-txt b{font-family:var(--display);font-size:24px;color:#fff}
.newsletter-form{flex:1 1 380px}
.newsletter-form input[type=email],.newsletter-form input[type=text]{height:50px;border-radius:999px;border:1px solid #3A1A5A;background:var(--night-2);color:#fff;padding:0 20px;font-size:15px}
.newsletter-form input[type=submit],.newsletter-form button{height:50px;padding:0 24px;border-radius:999px;border:0;background:var(--grad);color:var(--deep);font-weight:700;cursor:pointer}
.foot-cols{display:flex;flex-wrap:wrap;gap:32px;justify-content:space-between;padding:44px 0 28px;font-size:14px}
.foot-about{display:flex;flex-direction:column;gap:10px;max-width:380px;line-height:1.6}
.foot-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:14px 28px}
.foot-copy{border-top:1px solid #2A1240;padding:18px 0 26px;font-size:13px;color:#9A88B0;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}

/* ---------- artigo ---------- */
.read-progress{position:fixed;left:0;top:0;height:3px;width:0;background:linear-gradient(90deg,#FFF200,#FFC20E);z-index:200;transition:width .1s linear}
.single-in{padding-top:40px;padding-bottom:72px;display:flex;flex-wrap:wrap;gap:48px;align-items:flex-start}
.article{flex:999 1 560px;min-width:0;max-width:800px;display:flex;flex-direction:column;gap:24px}
.crumbs{font-size:14px;color:var(--soft);display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.crumbs a:last-child{color:#8E00C2;font-weight:600}
.entry-title{margin:0;font-family:var(--display);font-weight:700;font-size:clamp(30px,4vw,50px);line-height:1.12;letter-spacing:-.02em}
.dek{margin:0;font-size:20px;line-height:1.55;color:#4E3E62}
.byline{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;padding:16px 20px}
.author{display:flex;gap:12px;align-items:center;font-size:14px}
.author img{width:46px;height:46px;border-radius:50%}
.author span{color:var(--soft)}
.share{display:flex;gap:8px}
.share a,.share button{width:44px;height:44px;border-radius:50%;border:1px solid var(--lilac);background:#fff;display:flex;align-items:center;justify-content:center;color:var(--b);cursor:pointer;transition:background .25s,color .25s,border-color .25s}
.share a:hover,.share button:hover{background:var(--grad-d);color:var(--deep);border-color:transparent}
.featured{margin:0;display:flex;flex-direction:column;gap:10px}
.featured .media{position:relative;aspect-ratio:16/9;border-radius:22px;overflow:hidden}
.featured img{width:100%;height:100%;object-fit:cover}
.featured figcaption{font-size:13px;color:var(--soft)}
.entry-content{font-family:var(--serif);font-size:20px;line-height:1.8;color:#2D2040}
.entry-content>*{margin:0 0 22px}
.entry-content h2,.entry-content h3{font-family:var(--display);color:var(--ink);line-height:1.25;margin-top:36px}
.entry-content h2{font-size:28px}.entry-content h3{font-size:22px}
.entry-content a{color:#8E00C2;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
.entry-content img{border-radius:16px}
.entry-content blockquote{margin:0 0 22px;padding:20px 24px;border-radius:18px;background:#fff;box-shadow:var(--shadow);font-style:italic}
.entry-content .explica-noob,.entry-content .wp-block-group.is-style-explica-noob{font-family:var(--body);font-size:17px;line-height:1.6;background:#fff;border-radius:20px;padding:24px;box-shadow:var(--shadow);position:relative;padding-left:84px;min-height:96px}
.entry-content .explica-noob::before,.entry-content .is-style-explica-noob::before{content:"?";position:absolute;left:22px;top:24px;width:48px;height:48px;border-radius:14px;background:var(--grad-d);color:var(--deep);font-family:var(--display);font-weight:800;font-size:22px;display:flex;align-items:center;justify-content:center}
.ad-inline{margin:8px 0 30px;display:flex;justify-content:center}
.tags{display:flex;flex-wrap:wrap;gap:8px}
.tags a{font-size:14px;padding:10px 16px;border-radius:999px;border:1px solid var(--lilac);background:#fff;color:var(--muted);transition:background .25s,color .25s}
.tags a:hover{background:var(--grad-d);color:var(--deep);border-color:transparent}
.sidebar{flex:1 1 300px;display:flex;flex-direction:column;gap:24px}
.aff{background:var(--night);color:#fff;border-radius:22px;padding:24px;display:flex;flex-direction:column;gap:12px}
.aff small{font-size:11px;color:#B9A6D1;letter-spacing:.12em}
.aff b{font-family:var(--display);font-size:19px;line-height:1.3}
.aff p{margin:0;font-size:14px;color:#CFC1E2;line-height:1.5}
.related{padding:22px;display:flex;flex-direction:column;gap:14px}
.related h2{margin:0;font-family:var(--display);font-size:18px}
.related .thumb{width:80px;height:62px}

/* comentários */
.comments{padding:26px;display:flex;flex-direction:column;gap:16px}
.comments h2{margin:0;font-family:var(--display);font-size:22px}
.comment-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:18px}
.comment-list .children{list-style:none;padding-left:28px;margin-top:18px}
.comment-body{display:flex;flex-direction:column;gap:8px}
.comment-author{display:flex;align-items:center;gap:10px;font-weight:700}
.comment-author img{border-radius:50%}
.comment-metadata{font-size:13px;color:var(--soft)}
.comment-content p{margin:0}
.comment-form{display:flex;flex-direction:column;gap:12px}
.comment-form label{font-size:14px;font-weight:600;color:var(--muted)}
.comment-form textarea,.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url]{width:100%;border-radius:14px;background:var(--lav);border:1px solid var(--lilac);padding:12px 14px;font-size:15px}
.comment-form .submit{height:46px;padding:0 22px;border-radius:999px;border:0;background:var(--grad);color:var(--deep);font-weight:700;cursor:pointer}

/* ---------- listagem / páginas ---------- */
.page-head{background:var(--night);color:#fff;padding:18px 0;position:relative;overflow:hidden}
.page-head .glow{width:320px;height:320px;right:-100px;top:-180px;background:radial-gradient(circle,rgba(255,194,14,.5),rgba(255,194,14,0) 65%)}
.page-head h1{margin:0;font-family:var(--display);font-weight:800;font-size:clamp(22px,2.4vw,30px);line-height:1.2;letter-spacing:-.01em;position:relative}
.page-head p{margin:4px 0 0;font-size:15px;color:#CFC1E2;position:relative;max-width:700px}
.list-in{padding-top:28px;padding-bottom:72px;display:flex;flex-direction:column;gap:32px}
.list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:26px}
.post-card{display:flex;flex-direction:column;gap:12px;padding:12px 12px 20px}
.post-card .zoom{aspect-ratio:16/10;border-radius:14px}
.post-card .chip{position:absolute;top:12px;left:12px;z-index:1}
.post-card-title{padding:0 6px;font-family:var(--display);font-weight:700;font-size:19px;line-height:1.3}
.post-card p{padding:0 6px;margin:0;color:var(--muted);font-size:15px;line-height:1.55}
.post-card .date{padding:0 6px}
.pagination .nav-links{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.pagination .page-numbers{min-width:44px;height:44px;padding:0 14px;border-radius:999px;background:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;box-shadow:var(--shadow)}
.pagination .current{background:var(--grad);color:var(--deep)}
.page-content{padding-top:28px;padding-bottom:72px;max-width:900px}
.page-content .entry-content{font-family:var(--body);font-size:18px}
.notfound{text-align:center;padding:96px 24px;display:flex;flex-direction:column;align-items:center;gap:18px}
.notfound b{font-family:var(--display);font-size:120px;line-height:1;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}

.grad-text{background:linear-gradient(90deg,#FF7AE6,#B98BFF);-webkit-background-clip:text;background-clip:text;color:transparent}

/* ---------- WooCommerce (base) ---------- */
.woo-in{padding-top:40px;padding-bottom:72px}
.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:22px;margin:0!important;padding:0!important}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none!important}
.woocommerce ul.products li.product{width:auto!important;margin:0!important;float:none!important;background:#fff;border-radius:22px;padding:12px 12px 18px!important;box-shadow:var(--shadow);transition:transform .35s ease,box-shadow .35s ease}
.woocommerce ul.products li.product:hover{transform:translateY(-6px);box-shadow:0 26px 50px -24px rgba(255,242,0,.55)}
.woocommerce ul.products li.product img{border-radius:16px;margin-bottom:12px!important}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:var(--display);font-size:17px!important;padding:0 6px!important}
.woocommerce ul.products li.product .price{color:var(--ink)!important;font-family:var(--display);font-weight:800;padding:0 6px}
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.woocommerce a.button.alt,.woocommerce button.button.alt{background:var(--grad)!important;color:var(--deep)!important;border-radius:999px!important;padding:12px 22px!important;font-weight:700!important}
.woocommerce span.onsale{background:var(--grad)!important;border-radius:999px!important;min-height:0!important;line-height:1!important;padding:8px 12px!important}
.woocommerce div.product .product_title{font-family:var(--display)}
.woocommerce div.product p.price{color:var(--ink)!important;font-family:var(--display);font-weight:800}

@media (prefers-reduced-motion:reduce){
	*,*::before,*::after{animation:none!important;transition:none!important}
	html{scroll-behavior:auto}
}

/* contador de tokens no menu amarelo */
.navbar .nt-pill{color:var(--deep)!important;background:rgba(42,11,74,.12);border-color:rgba(42,11,74,.3)}
.navbar .nt-pill:hover{background:rgba(42,11,74,.2)}