:root{
  --bg:#020202;--panel:#080806;--panel2:#050504;--yellow:#ffe000;--yellow2:#ffbf00;
  --white:#f7f7f3;--muted:#b9b6a5;--line:rgba(255,224,0,.46);--max:1180px
}
*{box-sizing:border-box}
html{background:#020202;color-scheme:dark}
body{margin:0;min-height:100dvh;color:var(--white);font-family:Inter,Segoe UI,Arial,sans-serif;background:#020202;overflow-x:hidden;position:relative;isolation:isolate}
a{color:inherit;text-decoration:none}

/* Preto dominante + fumaça amarela nas bordas, sem amarelar a página inteira */
.durag-bg{position:fixed;inset:0;z-index:0;pointer-events:none;background:
  radial-gradient(ellipse at 0% 18%,rgba(255,224,0,.13) 0 5%,rgba(255,190,0,.055) 17%,transparent 38%),
  radial-gradient(ellipse at 100% 35%,rgba(255,224,0,.11) 0 5%,rgba(255,190,0,.045) 18%,transparent 39%),
  radial-gradient(ellipse at 14% 88%,rgba(255,224,0,.075) 0 4%,transparent 31%),
  linear-gradient(180deg,#010101 0%,#060500 48%,#010101 100%)}
.durag-smoke{position:fixed;inset:-16%;z-index:1;pointer-events:none;mix-blend-mode:screen;will-change:transform,opacity;filter:blur(52px)}
.smoke-a{opacity:.34;background:
  radial-gradient(ellipse at 8% 24%,rgba(255,224,0,.72) 0 3%,rgba(255,205,0,.24) 11%,transparent 30%),
  radial-gradient(ellipse at 88% 15%,rgba(255,226,30,.56) 0 3%,rgba(255,205,0,.18) 12%,transparent 31%),
  radial-gradient(ellipse at 32% 76%,rgba(255,215,0,.40) 0 4%,rgba(255,195,0,.12) 13%,transparent 32%);animation:smokeA 20s ease-in-out infinite alternate}
.smoke-b{opacity:.25;background:
  radial-gradient(ellipse at 78% 50%,rgba(255,225,0,.64) 0 4%,rgba(255,205,0,.18) 13%,transparent 32%),
  radial-gradient(ellipse at 18% 52%,rgba(255,214,0,.52) 0 4%,rgba(255,190,0,.14) 13%,transparent 32%),
  radial-gradient(ellipse at 72% 90%,rgba(255,230,50,.42) 0 4%,rgba(255,205,0,.12) 12%,transparent 29%);animation:smokeB 26s ease-in-out infinite alternate-reverse}
.smoke-c{opacity:.18;filter:blur(70px);background:
  radial-gradient(ellipse at 48% 15%,rgba(255,235,80,.45) 0 5%,transparent 29%),
  radial-gradient(ellipse at 4% 82%,rgba(255,220,0,.44) 0 5%,transparent 31%),
  radial-gradient(ellipse at 98% 76%,rgba(255,220,0,.44) 0 5%,transparent 31%);animation:smokeC 32s linear infinite}
@keyframes smokeA{0%{transform:translate3d(-5%,-4%,0) scale(1)}55%{transform:translate3d(5%,3%,0) scale(1.12)}100%{transform:translate3d(-1%,8%,0) scale(1.04)}}
@keyframes smokeB{0%{transform:translate3d(7%,-2%,0) scale(1.05)}50%{transform:translate3d(-5%,7%,0) scale(1.14)}100%{transform:translate3d(3%,-5%,0) scale(1.07)}}
@keyframes smokeC{0%{transform:translate3d(-4%,0,0) scale(1.04)}50%{transform:translate3d(5%,4%,0) scale(1.12)}100%{transform:translate3d(-4%,0,0) scale(1.04)}}
.scan{position:fixed;inset:0;z-index:50;pointer-events:none;opacity:.018;background:repeating-linear-gradient(0deg,transparent 0 3px,#fff 4px)}

.partner-topbar,.partner-main,footer{position:relative;z-index:3}
.partner-topbar{position:sticky;top:0;z-index:40;height:62px;display:flex;align-items:center;gap:12px;padding:8px max(12px,calc((100vw - var(--max))/2));background:rgba(2,2,2,.91);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,224,0,.48);box-shadow:0 8px 28px #000b,0 0 16px rgba(255,224,0,.05)}
.partner-topbar:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent 10%,#ffe000 38%,#fff 50%,#ffe000 62%,transparent 90%);background-size:220% 100%;animation:lineRunner 4.8s linear infinite}
.partner-topbar>span{margin:auto;font-size:10px;font-weight:1000;letter-spacing:.26em;color:#fff}
.back,.roar-btn{height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border-radius:11px;border:1px solid rgba(255,224,0,.76);background:#080806;color:#fff;font-weight:900;font-size:10px;box-shadow:0 0 16px rgba(255,224,0,.12);transition:.2s}
.back:hover,.roar-btn:hover{border-color:#fff;box-shadow:0 0 20px rgba(255,224,0,.28);transform:translateY(-1px)}
.roar-btn{cursor:pointer}
.partner-main{width:min(var(--max),calc(100% - 24px));margin:auto;padding:18px 0 28px}

/* Dino: patrulha, passo, sombra, rastro e poeira */
.dino-track{position:relative;height:132px;margin:2px 0 14px;overflow:hidden;border:1px solid rgba(255,224,0,.34);border-radius:20px;background:
  radial-gradient(ellipse at 15% 70%,rgba(255,224,0,.08),transparent 31%),
  radial-gradient(ellipse at 84% 25%,rgba(255,205,0,.055),transparent 27%),
  linear-gradient(180deg,rgba(7,7,4,.84),rgba(2,2,2,.90));box-shadow:inset 0 0 36px #000b,0 0 22px rgba(255,224,0,.08)}
.dino-track:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 0 44%,rgba(255,255,255,.045) 49%,transparent 54%);background-size:230% 100%;animation:trackSweep 5.5s linear infinite;pointer-events:none}
.dino-atmosphere{position:absolute;inset:0;background:
  radial-gradient(ellipse at 0% 52%,rgba(255,224,0,.19),transparent 25%),
  radial-gradient(ellipse at 100% 46%,rgba(255,224,0,.15),transparent 26%);filter:blur(12px);animation:atmoPulse 4s ease-in-out infinite alternate}
.dino-speed-lines{position:absolute;left:0;right:0;top:26px;height:50px;opacity:.22;background:repeating-linear-gradient(0deg,transparent 0 9px,rgba(255,224,0,.15) 10px,transparent 11px);mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);animation:speedSlide 1.7s linear infinite}
.dino-walker{position:absolute;left:10px;top:10px;width:250px;z-index:5;filter:drop-shadow(0 0 10px rgba(255,224,0,.58));animation:dinoPatrol 8.6s linear infinite;will-change:left,transform}
.dino-bob{position:relative;animation:dinoStep .30s ease-in-out infinite alternate;transform-origin:52% 82%}
.dino-walker img{display:block;width:100%;height:auto;filter:drop-shadow(0 0 14px rgba(255,224,0,.82)) drop-shadow(0 10px 10px rgba(0,0,0,.62))}
.dino-glow{position:absolute;left:16%;right:12%;bottom:9%;height:16%;border-radius:50%;background:rgba(255,224,0,.24);filter:blur(14px);z-index:-1;animation:glowBeat .30s ease-in-out infinite alternate}
.dino-dust{position:absolute;inset:0;z-index:4;pointer-events:none}
.dino-dust .dust{position:absolute;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle,rgba(255,232,92,.72) 0 18%,rgba(255,202,0,.34) 35%,transparent 72%);filter:blur(.3px);animation:dustPop .95s ease-out forwards}
.track-line{position:absolute;left:4%;right:4%;bottom:18px;height:1px;background:linear-gradient(90deg,transparent,#a77b00 18%,#ffe000 42%,#fff 50%,#ffe000 58%,#a77b00 82%,transparent);box-shadow:0 0 10px rgba(255,224,0,.48)}
.track-line:after{content:"";position:absolute;left:0;top:-1px;width:95px;height:3px;background:linear-gradient(90deg,transparent,#fff,#ffe000,transparent);filter:blur(.2px);animation:runner 2.7s linear infinite}
@keyframes dinoPatrol{0%{left:10px;transform:scaleX(1)}46%{left:calc(100% - 260px);transform:scaleX(1)}49%{left:calc(100% - 260px);transform:scaleX(1)}51%{left:calc(100% - 260px);transform:scaleX(-1)}96%{left:10px;transform:scaleX(-1)}99%{left:10px;transform:scaleX(-1)}100%{left:10px;transform:scaleX(1)}}
@keyframes dinoStep{from{transform:translateY(0) rotate(-.7deg) scaleY(1)}to{transform:translateY(4px) rotate(.8deg) scaleY(.985)}}
@keyframes glowBeat{from{opacity:.42;transform:scaleX(.92)}to{opacity:.82;transform:scaleX(1.08)}}
@keyframes dustPop{0%{opacity:.75;transform:translate(0,0) scale(.55)}50%{opacity:.45}100%{opacity:0;transform:translate(var(--dx,12px),-24px) scale(2.2)}}
@keyframes runner{from{transform:translateX(-110px)}to{transform:translateX(calc(100vw + 110px))}}
@keyframes speedSlide{from{transform:translateX(-16px)}to{transform:translateX(16px)}}
@keyframes atmoPulse{from{opacity:.45;transform:scaleX(.98)}to{opacity:.8;transform:scaleX(1.03)}}
@keyframes trackSweep{from{background-position:180% 0}to{background-position:-80% 0}}
@keyframes lineRunner{from{background-position:160% 0}to{background-position:-60% 0}}

.durag-hero,.durag-videos,.visual-card{position:relative;overflow:hidden;border:1px solid rgba(255,224,0,.48);border-radius:22px;background:rgba(5,5,3,.87);box-shadow:0 0 28px rgba(255,224,0,.10),inset 0 0 44px rgba(0,0,0,.62)}
.durag-hero:before,.durag-videos:before,.visual-card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(110deg,transparent 0 40%,rgba(255,255,255,.92) 48%,#ffe000 52%,transparent 60%);background-size:260% 100%;animation:borderLight 6.2s linear infinite;pointer-events:none;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;z-index:2}
@keyframes borderLight{from{background-position:180% 0}to{background-position:-80% 0}}
.durag-hero{padding:34px 24px;text-align:center;background:
  radial-gradient(ellipse at 50% 20%,rgba(255,224,0,.075),transparent 37%),
  linear-gradient(180deg,rgba(8,8,5,.90),rgba(2,2,2,.92))}
.durag-hero:after{content:"";position:absolute;inset:-45% -10%;background:linear-gradient(105deg,transparent 44%,rgba(255,255,255,.055) 50%,transparent 56%);animation:heroShine 7s linear infinite;pointer-events:none}
@keyframes heroShine{from{transform:translateX(-55%)}to{transform:translateX(55%)}}
.eyebrow{margin:0 0 10px;color:var(--yellow);font-size:10px;font-weight:1000;letter-spacing:.24em}
.durag-logo{display:block;width:min(560px,82%);max-height:255px;object-fit:contain;margin:0 auto 9px;filter:drop-shadow(0 0 18px rgba(255,224,0,.34));position:relative;z-index:1}
.durag-hero h1{position:relative;z-index:1;margin:7px 0;font-size:clamp(18px,2.8vw,34px);letter-spacing:.18em;font-style:italic}.durag-hero h1 b{color:var(--yellow)}
.lead{position:relative;z-index:1;max-width:720px;margin:8px auto 20px;color:#d0ccb7;font-size:13px;line-height:1.5}
.hero-actions{position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:930px;margin:auto}
.btn{min-height:78px;display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;align-items:center;text-align:left;padding:12px 14px;border-radius:15px;background:rgba(6,6,5,.90);border:1px solid rgba(255,224,0,.36);box-shadow:0 0 16px #0008;transition:.2s}.btn span{grid-row:1/3;font-size:25px}.btn b{font-size:16px}.btn small{color:var(--muted);font-size:9px}.btn:hover{transform:translateY(-3px);border-color:#fff;box-shadow:0 0 20px rgba(255,224,0,.25)}
.youtube{border-color:rgba(255,224,0,.58)}.site{border-color:rgba(255,224,0,.48)}.whatsapp{border-color:rgba(255,224,0,.42)}

.links-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}
.link-card{min-height:76px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:12px 14px;border-radius:15px;background:rgba(5,5,4,.90);border:1px solid rgba(255,224,0,.25);box-shadow:inset 0 0 20px #0005;transition:.18s}.link-card:hover{transform:translateY(-2px);border-color:#ffe000;box-shadow:0 0 18px rgba(255,224,0,.16)}.link-card>span{font-size:25px;font-weight:1000}.link-card div{display:flex;flex-direction:column}.link-card b{font-size:13px}.link-card small{color:var(--muted);font-size:9px;margin-top:3px}.link-card i{font-style:normal;color:var(--yellow)}
.instagram>span{color:#ff48cf}.facebook>span{color:#5a9bff}.store>span{color:#ffe000}.all>span{color:#ffe000}

.durag-videos{margin-top:14px;padding:18px}.durag-section-head{position:relative;z-index:3;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:10px}.durag-section-head span{font-size:8px;letter-spacing:.18em;font-weight:1000;color:#ffe000}.durag-section-head h2{margin:3px 0 0;font-size:28px;font-style:italic}.durag-section-head h2 b{color:#ffe000}.durag-section-head>a{font-size:9px;font-weight:1000;color:#ffe000}.durag-video-status{position:relative;z-index:3;font-size:9px;color:#cfc7a4;margin-bottom:10px}.durag-video-grid{position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.durag-video-card{display:block;border:1px solid rgba(255,224,0,.30);border-radius:13px;background:#050505;overflow:hidden;transition:.18s;cursor:pointer}.durag-video-card:hover{transform:translateY(-2px);border-color:#fff;box-shadow:0 0 18px rgba(255,224,0,.20)}.durag-video-thumb{position:relative;aspect-ratio:16/9;background:#111;overflow:hidden}.durag-video-thumb img{width:100%;height:100%;object-fit:cover;display:block}.durag-video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:42px;height:30px;display:grid;place-items:center;border-radius:8px;background:#e60000;color:#fff;font-size:15px;box-shadow:0 0 16px #000a}.durag-video-duration{position:absolute;right:6px;bottom:5px;background:#000d;padding:3px 5px;border-radius:4px;font-size:8px}.durag-video-info{padding:9px}.durag-video-info b{display:block;font-size:12px;line-height:1.25;color:#fff}.durag-video-info small{display:block;margin-top:5px;font-size:8px;color:#b9b08e}

.visual-card{margin-top:14px}.visual-card img{display:block;width:100%;height:auto;max-height:520px;object-fit:cover;filter:saturate(.82) brightness(.82)}.visual-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,224,0,.06),transparent 28%,transparent 72%,rgba(255,224,0,.06));pointer-events:none}.visual-copy{position:absolute;z-index:4;left:16px;right:16px;bottom:14px;display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:11px;background:rgba(2,2,2,.80);backdrop-filter:blur(8px);border:1px solid rgba(255,224,0,.26);font-size:10px;letter-spacing:.16em}.visual-copy b{color:var(--yellow)}
.visual-hotspot{position:absolute;z-index:6;bottom:16%;height:13%;border-radius:14px}.youtube-hotspot{left:23%;width:25%}.site-hotspot{left:51%;width:27%}

footer{min-height:52px;display:flex;align-items:center;justify-content:center;gap:10px;border-top:1px solid rgba(255,224,0,.20);color:#aaa78f;font-size:10px}footer b{color:#ffe000}
.sound-hint{position:fixed;right:10px;bottom:10px;z-index:45;padding:7px 10px;border-radius:999px;background:#050504;border:1px solid var(--yellow);box-shadow:0 0 12px rgba(255,224,0,.18);font-size:8px;font-weight:1000;letter-spacing:.10em;transition:.25s}.sound-hint.hide{opacity:0;visibility:hidden}

@media(max-width:760px){
  .partner-topbar{height:56px;padding:6px 8px}.partner-topbar>span{display:none}.back,.roar-btn{height:38px;font-size:9px}.roar-btn{margin-left:auto}
  .partner-main{width:calc(100% - 12px);padding-top:8px}
  .dino-track{height:92px;border-radius:16px;margin-bottom:9px}.dino-walker{width:158px;top:13px}@keyframes dinoPatrol{0%{left:6px;transform:scaleX(1)}46%{left:calc(100% - 164px);transform:scaleX(1)}49%{left:calc(100% - 164px);transform:scaleX(1)}51%{left:calc(100% - 164px);transform:scaleX(-1)}96%{left:6px;transform:scaleX(-1)}99%{left:6px;transform:scaleX(-1)}100%{left:6px;transform:scaleX(1)}}.track-line{bottom:12px}.dino-speed-lines{top:18px;height:34px}
  .durag-hero{padding:21px 12px;border-radius:17px}.durag-logo{width:88%;max-height:180px}.durag-hero h1{font-size:18px;letter-spacing:.10em}.lead{font-size:11px}.hero-actions{grid-template-columns:1fr;gap:8px}.btn{min-height:65px}
  .links-grid{grid-template-columns:1fr 1fr;gap:8px}.link-card{min-height:66px;padding:10px}
  .durag-videos{padding:12px;border-radius:16px}.durag-section-head h2{font-size:20px}.durag-video-grid{display:flex;overflow-x:auto;gap:8px;scroll-snap-type:x mandatory;padding-bottom:4px}.durag-video-card{flex:0 0 82%;scroll-snap-align:start}.durag-video-info b{font-size:11px}
  .visual-card{border-radius:16px}.visual-card img{min-height:200px;object-fit:cover}.visual-copy{position:static;border-radius:0;font-size:8px}.visual-hotspot{display:none}.sound-hint{left:8px;right:8px;text-align:center}
  .durag-smoke{inset:-24%;filter:blur(42px)}.smoke-a{opacity:.25}.smoke-b{opacity:.18}.smoke-c{opacity:.12}
}
@media(max-width:410px){.links-grid{grid-template-columns:1fr}.durag-logo{width:94%}.visual-copy{flex-direction:column}.dino-track{height:84px}.dino-walker{width:142px;top:12px}@keyframes dinoPatrol{0%{left:4px;transform:scaleX(1)}46%{left:calc(100% - 146px);transform:scaleX(1)}49%{left:calc(100% - 146px);transform:scaleX(1)}51%{left:calc(100% - 146px);transform:scaleX(-1)}96%{left:4px;transform:scaleX(-1)}99%{left:4px;transform:scaleX(-1)}100%{left:4px;transform:scaleX(1)}}}
@media(prefers-reduced-motion:reduce){.dino-walker,.dino-bob,.dino-glow,.dino-speed-lines,.dino-atmosphere,.durag-smoke,.partner-topbar:after,.track-line:after,.durag-hero:after,.durag-hero:before,.durag-videos:before,.visual-card:before{animation:none!important}}


/* V48 — movimento real por JavaScript: atravessa a pista inteira e vira nas pontas. */
.dino-walker{
  left:10px!important;
  animation:none!important;
  transform:translate3d(0,0,0) scaleX(-1);
  transition:none!important;
}
.dino-walker.is-facing-left{transform:translate3d(var(--dino-x,0px),0,0) scaleX(1)}
.dino-walker.is-facing-right{transform:translate3d(var(--dino-x,0px),0,0) scaleX(-1)}
.dino-bob{animation:dinoStepV48 .22s ease-in-out infinite alternate!important}
@keyframes dinoStepV48{
  0%{transform:translateY(0) rotate(-1.1deg) scaleY(1)}
  100%{transform:translateY(5px) rotate(1.1deg) scaleY(.975)}
}
@media(max-width:760px){.dino-walker{left:6px!important}}
@media(max-width:410px){.dino-walker{left:4px!important}}