/* NA TOCA — conceito editorial noturno. Conteúdo preservado; visual reconstruído. */
:root{--ink:#1A1A1A;--coal:#242424;--coal-soft:#2E2E2E;--bone:#FCF4E9;--paper:#FEFAF4;--ember:#F05002;--earth:#C54202;--glow:#fc8a4f;--sand:#FBE7DA;--muted:#5C5854;--line:rgba(36,36,36,.15);--display:'Bricolage Grotesque','Barlow Condensed',sans-serif;--cond:'Barlow Condensed','Barlow',sans-serif;--sans:'Barlow',sans-serif;--mono:'JetBrains Mono',monospace;--ease:cubic-bezier(.22,1,.36,1);--radius:30px}
html{scroll-padding-top:110px;background:var(--ink)}
body{background:radial-gradient(circle at 82% 4%,rgba(240,80,2,.14),transparent 27rem),var(--ink);color:var(--coal);font-family:var(--sans)}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9998;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E");mix-blend-mode:overlay}
::selection{background:var(--glow);color:var(--ink)}
.w{width:min(1320px,calc(100% - 56px))}.wx{width:min(920px,calc(100% - 56px))}
.s{width:min(1480px,calc(100% - 28px));margin:14px auto;padding-block:clamp(88px,10vw,160px);border-radius:var(--radius);overflow:hidden;isolation:isolate}
main{counter-reset:chapter}main>.s{counter-increment:chapter}main>.s::before{content:"0" counter(chapter);position:absolute;top:24px;right:30px;z-index:-1;font:800 clamp(4rem,10vw,9rem)/1 var(--display);color:rgba(36,36,36,.045);letter-spacing:-.04em}main>.s.esc::before,main>.s.ter::before{color:rgba(255,255,255,.055)}
/* header */
.cab{inset:18px 0 auto!important;padding:0!important;z-index:100;background:transparent!important;border:0!important;backdrop-filter:none!important}.cab__in{min-height:66px;padding:8px 10px 8px 18px!important;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:rgba(26,26,26,.78);box-shadow:0 16px 50px rgba(0,0,0,.18);backdrop-filter:blur(22px) saturate(150%)}.cab img{height:42px!important}.cab .neg{display:block!important}.cab .pos{display:none!important}.cab.fx .cab__in{background:rgba(26,26,26,.94);border-color:rgba(252,138,79,.34)}.nav{gap:3px;margin-left:auto}.nav a{color:rgba(255,255,255,.74)!important;font:600 12px/1 var(--mono);letter-spacing:.08em;padding:12px 10px;border-radius:10px;transition:color .25s,background .25s}.nav a::after{display:none}.nav a:hover,.nav a.is-active{color:#fff!important;background:rgba(255,255,255,.08)}
/* buttons */
.b{min-height:52px;padding:14px 22px;border:1px solid rgba(36,36,36,.3);border-radius:999px;box-shadow:none;font:700 14px/1 var(--cond);letter-spacing:.08em;transition:transform .35s var(--ease),box-shadow .35s var(--ease),background .25s,color .25s}.b::after{content:'↗';font-family:var(--sans);font-size:16px;transition:transform .35s var(--ease)}.b:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(26,26,26,.18)}.b:hover::after{transform:translate(3px,-3px)}.b--p{background:var(--ember);border-color:var(--ember);color:#fff}.b--p:hover{background:var(--glow);border-color:var(--glow);color:var(--ink)}.b--c{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.28);color:#fff}.b--c:hover{background:#fff;color:var(--ink)}.b--w{background:#12834a;border-color:#12834a;color:#fff}.b--f{border-color:rgba(255,255,255,.22);padding-inline:18px}.b--s{min-height:45px;padding:11px 18px;font-size:13px}
/* hero */
.hero{width:min(1480px,calc(100% - 28px));min-height:calc(100svh - 28px);margin:14px auto 0;padding:144px 0 34px!important;border-radius:34px;background:radial-gradient(circle at 78% 36%,rgba(240,80,2,.27),transparent 12%),radial-gradient(circle at 78% 36%,rgba(252,138,79,.1),transparent 31%),linear-gradient(135deg,#1A1A1A 0%,#242424 52%,#1C1C1C 100%)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);overflow:hidden}.hero::before{content:"ONDE BOAS HISTÓRIAS COMEÇAM";position:absolute;left:24px;bottom:146px;writing-mode:vertical-rl;transform:rotate(180deg);font:500 9px/1 var(--mono);letter-spacing:.28em;color:rgba(255,255,255,.28)}.hero::after{content:"";position:absolute;inset:auto -8% -28% 42%;height:62%;background:repeating-linear-gradient(115deg,transparent 0 32px,rgba(255,255,255,.025) 33px 34px);transform:rotate(-8deg);pointer-events:none}.hero__esp{width:min(720px,58vw)!important;right:1%!important;top:48%!important;color:rgba(255,255,255,.035)!important;opacity:1!important}.hero__in{min-height:calc(100svh - 330px)!important;grid-template-columns:minmax(0,1.14fr) minmax(320px,.86fr)!important;gap:clamp(30px,6vw,92px)!important;align-items:center!important}.hero__in>div:first-child{position:relative;z-index:2}.rot{color:var(--glow);font-size:10px;letter-spacing:.26em;gap:12px}.rot::before{width:34px;height:1px;background:currentColor}.hero h1{max-width:12ch!important;margin-top:28px!important;font-size:clamp(3.4rem,6.6vw,6.8rem)!important;line-height:.89!important;letter-spacing:-.025em!important;text-wrap:balance}.hero h1 span{margin-top:12px;color:var(--glow)!important;background:linear-gradient(105deg,var(--glow),#ffb182 60%,var(--ember));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero__sub{max-width:48ch;margin-top:30px;font-size:18px;line-height:1.65;color:rgba(255,255,255,.72)}.hero__ac{margin-top:34px;gap:10px}.hero__mc{position:relative;z-index:2;padding:40px!important}.hero__mc::before,.hero__mc::after{content:"";position:absolute;inset:3%;border:1px solid rgba(255,255,255,.16);border-radius:50%;animation:orbit 16s linear infinite}.hero__mc::after{inset:15%;border-style:dashed;animation-direction:reverse;animation-duration:22s}.hero__mc img{width:clamp(270px,31vw,430px)!important;position:relative;z-index:2;filter:drop-shadow(0 32px 54px rgba(0,0,0,.5))}@keyframes orbit{to{transform:rotate(360deg)}}.hero>.w:last-child{position:relative;z-index:4}.fatos{display:grid!important;grid-template-columns:repeat(5,1fr);background:rgba(255,255,255,.075)!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:22px;overflow:hidden;backdrop-filter:blur(16px)}.fato{min-width:0!important;padding:20px 18px!important;border-right:1px solid rgba(255,255,255,.12)!important}.fato b{font-size:clamp(1.25rem,2vw,1.8rem)}.fato span{font-family:var(--mono);font-size:9px;letter-spacing:.12em;color:rgba(255,255,255,.55)}
.fx-m{width:min(1480px,calc(100% - 28px));margin:14px auto;border:0!important;border-radius:18px;padding:14px 0!important;background:var(--ember)!important;color:#fff}.fx-m__i{font-size:15px;letter-spacing:.02em}.fx-m__i::after{background:var(--ink);border-radius:50%;transform:none}
/* chapters */
.s .h1{font-size:clamp(2.6rem,5.2vw,5.4rem);line-height:.92;letter-spacing:-.02em;text-wrap:balance}.s .h2{font-size:clamp(1.65rem,3vw,3rem)}.lead{font-size:clamp(1.05rem,1.5vw,1.3rem);line-height:1.65;color:var(--muted)}.pr{font-size:16px;line-height:1.72}.esc{background:var(--coal);color:#fff}.os{background:var(--bone)}.ter{background:var(--earth);color:#fff}
#rec{background:var(--paper)}.rec{grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr);gap:clamp(50px,9vw,130px)}.rec__i{padding:18px 0!important;border-left:0!important;border-bottom:1px solid var(--line);display:grid;grid-template-columns:18px 1fr;gap:12px;font-size:17px}.rec__i::before{content:'◆';color:var(--ember);font-size:10px;margin-top:6px}.rec__i:hover{padding-left:14px!important;color:var(--earth)}.cartaz{min-height:520px;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(34px,5vw,66px)!important;border-radius:26px;background:radial-gradient(circle at 78% 18%,rgba(252,138,79,.5),transparent 18%),linear-gradient(145deg,#2E2E2E,#1A1A1A)!important;box-shadow:26px 26px 0 var(--sand)!important;transform:rotate(2.5deg)}.cartaz::before{content:'NA TOCA / 01';position:absolute;top:24px;left:28px;font:500 9px var(--mono);letter-spacing:.2em;color:var(--glow)}.cartaz p:first-child{font-size:clamp(3rem,6vw,6rem)!important}
.os{background:var(--bone)!important}.g3{grid-template-columns:repeat(12,1fr)!important;gap:14px!important}.bl{padding:30px!important;border:1px solid rgba(36,36,36,.14)!important;border-radius:24px;box-shadow:none!important;background:rgba(255,255,255,.72)!important;overflow:hidden;min-height:280px}.bl:hover{transform:translateY(-8px)!important;box-shadow:0 24px 60px rgba(36,36,36,.1)!important}.g3>.bl:nth-child(1){grid-column:span 5}.g3>.bl:nth-child(2){grid-column:span 3}.g3>.bl:nth-child(3){grid-column:span 4}.bl__n{font-size:64px!important;color:rgba(240,80,2,.18)!important;position:absolute;right:22px;top:20px}.bl .h3{max-width:10ch;font-size:clamp(1.5rem,2.2vw,2.35rem)}
#enc{background:radial-gradient(circle at 16% 10%,rgba(240,80,2,.18),transparent 28rem),var(--coal)!important}.tr{gap:16px!important;padding:10px 0 34px!important;scroll-padding-left:0}.mv{flex:0 0 min(410px,78vw)!important;min-height:470px;padding:34px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:26px;background:rgba(255,255,255,.055)!important;backdrop-filter:blur(8px)}.mv:hover{transform:translateY(-10px)!important;background:rgba(255,255,255,.09)!important;border-color:var(--glow)!important}.mv__n{font-size:88px!important;color:rgba(252,138,79,.25)!important}.mv__t{font-size:34px!important}.mv__p{color:var(--glow)!important}.mv__d{font-size:17px!important}.mv__c{margin-top:auto!important;color:rgba(255,255,255,.68)!important}
#obs{background:var(--paper)}#obs .g3{align-items:stretch}.dm{grid-column:span 3;min-height:240px;padding:26px!important;border:1px solid rgba(36,36,36,.14)!important;border-radius:22px;background:#fff!important;box-shadow:none!important}.dm:nth-child(1),.dm:nth-child(5){grid-column:span 5}.dm:nth-child(2),.dm:nth-child(6){grid-column:span 3}.dm:nth-child(3),.dm:nth-child(7){grid-column:span 4}.dm:nth-child(4){grid-column:span 4}.dm:hover{transform:translateY(-7px)!important;box-shadow:0 24px 54px rgba(36,36,36,.1)!important}.dm__n{font-size:10px!important}.dm__t{font-size:24px!important;max-width:11ch}.dm__b{height:100%!important;width:5px!important;left:0!important;bottom:0!important}.dm--t{background:var(--earth)!important;color:#fff!important}.dm--t .dm__d{color:rgba(255,255,255,.8)!important}.nt{border:1px solid rgba(36,36,36,.15)!important;border-radius:18px;background:var(--sand)!important}
.s.ter{background:radial-gradient(circle at 85% 20%,rgba(255,202,165,.32),transparent 24rem),linear-gradient(135deg,#9E3501,#C54202 52%,#7E2A01)!important}.s.ter .g3>div{grid-column:span 4!important;padding:28px!important;border:1px solid rgba(255,255,255,.24)!important;border-radius:20px;background:rgba(255,255,255,.08)}.s.ter .nt{background:rgba(26,26,26,.18)!important;border-color:rgba(255,255,255,.22)!important;color:#fff}
#hon{background:var(--paper)}.hn{gap:0!important;border:0!important;border-radius:28px;overflow:hidden;background:var(--ink)!important}.hn__c{padding:clamp(34px,5vw,70px)!important}.hn__c:first-child{background:#F3EADC!important}.hn__c.ter{background:var(--ember)!important}.hn h3{font-size:28px!important}.hn li{padding:13px 0!important;border-width:1px!important}#hon>.w>.g2{grid-template-columns:1fr 1fr!important;gap:14px!important}