@font-face{font-family:'Afolkalips';src:url(../fonts/e97b40ea6ab6baf97f5432702e7fc2e8.woff2) format('woff2');font-display:swap}
h1,h2,h3,.titulo{font-family:'Afolkalips','Outfit',sans-serif!important;font-weight:400!important;letter-spacing:.03em!important}
.moldura{border:30px solid transparent;border-image:url(../img/d15f609990b0745daa1a89019bbd30e1.svg) 30 round;background:#073f4a;padding:6px;box-shadow:0 18px 40px rgba(7,63,74,.35)}
.moldura-p{border:20px solid transparent;border-image:url(../img/d15f609990b0745daa1a89019bbd30e1.svg) 30 round;background:#073f4a;padding:4px}
.bogolan{background-color:#073f4a;background-image:url(../img/e13b603bf7a33818b5f2e3bf4d80573b.svg);background-size:80px 80px}
.contas{height:28px;background-image:url(../img/02f9b6bae24e2e0346476d2b4623eedf.svg);background-repeat:repeat-x;background-size:48px 28px}
body{margin:0;background:#fffaf0}
a{color:#0b6b7d}a:hover{color:#073f4a}
.faixa{height:24px;background-image:url(../img/a044e0d5f91df2f6ab19d2705a6ef51a.svg);background-repeat:repeat-x;background-size:64px 24px}
.nav a{color:#fffaf0;text-decoration:none;padding:10px 0;border-bottom:2px solid transparent}
.nav a:hover{color:#f4b42a}
.nav a.ativo{color:#f4b42a;border-bottom-color:#f4b42a}
.btn-ocre{background:#f4b42a;color:#073f4a;text-decoration:none}
.btn-ocre:hover{background:#fffaf0;color:#073f4a}
.btn-linha{color:#fffaf0;text-decoration:none;border:2px solid #fffaf0}
.btn-linha:hover{background:#fffaf0;color:#0b6b7d}
.btn-vinho{background:#0b6b7d;color:#fffaf0;text-decoration:none}
.btn-vinho:hover{background:#073f4a;color:#f4b42a}
.rodape a{color:#fffaf0;text-decoration:none}
.rodape a:hover{color:#f4b42a}
.thumb:hover img{transform:scale(1.04)}
@keyframes balanco{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}
@keyframes flutua{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes giro{0%,100%{transform:skewX(-5deg)}50%{transform:skewX(5deg)}}
@keyframes fita{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(7deg)}}
@keyframes roda{to{transform:rotate(360deg)}}
@keyframes cair{0%{transform:translate(0,-60px) rotate(0deg);opacity:0}12%{opacity:.85}100%{transform:translate(-120px,700px) rotate(260deg);opacity:0}}
.fig{position:absolute;pointer-events:none;animation:flutua 7s ease-in-out infinite}
.fig .fig-mov{transform-box:fill-box;transform-origin:50% 100%;animation:balanco 5s ease-in-out infinite}
.fig .saia{transform-box:fill-box;transform-origin:50% 0%;animation:giro 2.6s ease-in-out infinite}
.fig .fita{transform-box:fill-box;transform-origin:0% 0%;animation:fita 3.2s ease-in-out infinite}
.fig .abebe{animation:roda 14s linear infinite}
.fig .pena{transform-box:fill-box;transform-origin:0% 100%;animation:fita 2.4s ease-in-out infinite}
.fig .arco{transform-box:fill-box;transform-origin:20% 80%;animation:balanco 3.6s ease-in-out infinite}
.folha-cai{position:absolute;top:0;width:18px;height:27px;pointer-events:none;animation:cair 11s linear infinite}
@media (prefers-reduced-motion:reduce){.fig,.fig *,.folha-cai{animation:none!important}}
@keyframes correFaixa{to{background-position-x:64px}}
@keyframes correContas{to{background-position-x:48px}}
@keyframes letreiro{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes brilhoOuro{to{background-position:-220% 0}}
@keyframes surge{from{opacity:0;transform:translateY(46px)}to{opacity:1;transform:none}}
@keyframes boia{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(4deg)}}
@keyframes pulsa{0%,100%{box-shadow:0 0 0 0 rgba(244,180,42,.55)}50%{box-shadow:0 0 0 10px rgba(244,180,42,0)}}
.faixa{animation:correFaixa 2.6s linear infinite}
.contas{animation:correContas 3.4s linear infinite}
.letreiro{display:inline-block;animation:letreiro 30s linear infinite}
.ouro{background:linear-gradient(100deg,#c98a12 0%,#f4b42a 30%,#fff1b8 45%,#f4b42a 60%,#c98a12 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent!important;animation:brilhoOuro 4s linear infinite}
.btn-ocre{background:linear-gradient(100deg,#d48f0f 0%,#f4b42a 35%,#ffe7a3 50%,#f4b42a 65%,#d48f0f 100%);background-size:220% 100%;animation:brilhoOuro 3.5s linear infinite,pulsa 2.8s ease-in-out infinite}
.btn-ocre:hover{background:#073f4a;color:#fffaf0;animation:none}
.gira{animation:roda 22s linear infinite}
.orn img{animation:boia 4.2s ease-in-out infinite}
.orn img:nth-child(2){animation-delay:-.7s}.orn img:nth-child(3){animation-delay:-1.4s}.orn img:nth-child(4){animation-delay:-2.1s}.orn img:nth-child(5){animation-delay:-2.8s}.orn img:nth-child(6){animation-delay:-3.5s}
.cartao{transition:box-shadow .35s,border-color .35s}
.cartao:hover{border-color:#f4b42a!important;box-shadow:0 0 0 2px #f4b42a,0 18px 36px rgba(0,0,0,.35)}
.moldura,.moldura-p{transition:transform .45s ease,box-shadow .45s ease}
.moldura:hover,.thumb:hover .moldura-p{transform:translateY(-8px) rotate(-.6deg);box-shadow:0 24px 48px rgba(7,63,74,.4)}
@supports (animation-timeline: view()){.revela{animation:surge linear both;animation-timeline:view();animation-range:entry 0% cover 26%}}
@media (prefers-reduced-motion:reduce){.faixa,.contas,.letreiro,.ouro,.btn-ocre,.gira,.orn img,.revela{animation:none!important}}
.btn-escuro{color:#073f4a;text-decoration:none;border:2px solid #073f4a}
.btn-escuro:hover{background:#073f4a;color:#fffaf0}
.migalha{color:#073f4a!important}
@keyframes oGira{to{transform:rotate(360deg)}}
@keyframes oBalanca{0%,100%{transform:rotate(-14deg)}50%{transform:rotate(14deg)}}
@keyframes oPuxa{0%,55%,100%{transform:translateX(0) rotate(0)}25%{transform:translateX(-12px) rotate(-8deg)}35%{transform:translateX(6px) rotate(3deg)}}
@keyframes oPula{0%,100%{transform:translateY(0) scale(1,1)}35%{transform:translateY(-26px) scale(.94,1.06)}52%{transform:translateY(0) scale(1.1,.9)}62%{transform:translateY(-6px) scale(1,1)}}
@keyframes oGolpe{0%,100%{transform:rotate(0)}18%{transform:rotate(-26deg)}32%{transform:rotate(18deg)}46%{transform:rotate(-6deg)}56%{transform:rotate(0)}}
@keyframes oVento{0%,100%{transform:rotate(-12deg) translateY(0)}50%{transform:rotate(12deg) translateY(-10px)}}
.orn-faixa{position:relative;overflow:hidden}
.orn-faixa::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 35%,rgba(244,180,42,.22) 50%,transparent 65%);background-size:260% 100%;animation:brilhoOuro 5s linear infinite;pointer-events:none}
.orn img{transition:scale .35s ease,filter .35s ease;cursor:default}
.orn img:hover{scale:1.2;filter:drop-shadow(0 0 12px rgba(244,180,42,.95))}
.orn .o-abebe{animation:oGira 8s linear infinite}
.orn .o-oxe{transform-origin:50% 92%;animation:oBalanca 2.2s ease-in-out infinite}
.orn .o-ofa{animation:oPuxa 2.8s ease-in-out infinite}
.orn .o-buzio{transform-origin:50% 100%;animation:oPula 1.9s ease-in-out infinite}
.orn .o-espada{transform-origin:50% 95%;animation:oGolpe 3.2s ease-in-out infinite}
.orn .o-folha{transform-origin:50% 100%;animation:oVento 3.4s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.orn img,.orn-faixa::before{animation:none!important}}
@keyframes seloBrilho{0%,100%{transform:rotate(-4deg) scale(1);filter:drop-shadow(0 8px 16px rgba(7,63,74,.35))}50%{transform:rotate(4deg) scale(1.06);filter:drop-shadow(0 0 22px rgba(244,180,42,.85))}}
.selo{animation:seloBrilho 4.5s ease-in-out infinite}
.selo-aro{animation:roda 40s linear infinite}
@media (prefers-reduced-motion:reduce){.selo,.selo-aro{animation:none!important}}
.play-card .play-btn{transition:transform .3s ease}
.play-card:hover .play-btn{transform:scale(1.12)}
.play-card:hover img{filter:brightness(1)!important}
/* ===== Responsivo: tablet e celular ===== */
img{max-width:100%}
@media (max-width:1439px){section[style*="width: 1432px"]{width:auto!important}}
@media (max-width:1024px){
section>div[style*="max-width: 1200px"]{padding-top:72px!important;padding-bottom:80px!important}
.fig{opacity:.28!important;width:300px!important;height:450px!important}
h2{font-size:clamp(38px,6.4vw,56px)!important;line-height:1!important}
h3{font-size:clamp(24px,3.2vw,30px)!important;line-height:1.1!important}
.letreiro{font-size:20px!important}
.orn img{width:68px!important;height:90px!important}
}
@media (max-width:640px){
header>div[style*="max-width"]{padding:14px 18px 10px!important;gap:12px!important}
header .titulo{font-size:30px!important}
header a img.gira{width:32px!important;height:43px!important}
.nav{width:100%;flex-wrap:nowrap!important;overflow-x:auto;gap:0 22px!important;font-size:14px!important;letter-spacing:.08em!important;padding-top:8px;border-top:1px solid #1f8a99;scrollbar-width:none}
.nav::-webkit-scrollbar{display:none}
.nav a{flex:none;white-space:nowrap;padding:10px 0}
section>div[style*="max-width"]{padding:52px 20px 60px!important;gap:24px!important}
.fig{opacity:.16!important;width:200px!important;height:300px!important}
.folha-cai{display:none}
h1{font-size:clamp(42px,12.5vw,58px)!important;line-height:.95!important}
h1>span:first-child{font-size:clamp(28px,8.4vw,38px)!important;line-height:1.05!important}
h1>span:last-child{font-size:clamp(42px,13vw,60px)!important;line-height:.95!important}
h2{font-size:clamp(32px,9.5vw,42px)!important}
h3{font-size:22px!important}
p[style*="line-height: 1.6"],p[style*="line-height: 1.7"],span[style*="line-height: 1.7"],span[style*="line-height: 1.65"]{font-size:17px!important;line-height:1.65!important}
p[style*="letter-spacing: 0.2"],p[style*="letter-spacing: 0.3"]{font-size:13px!important}
p[style*="font-size: 24px"]{font-size:19px!important}
.moldura{border-width:16px!important;padding:4px!important}
.moldura-p{border-width:12px!important;padding:2px!important}
img[style*="width: 300px; height: 388px"]{width:230px!important;height:298px!important}
img[style*="width: 220px; height: 284px"]{width:200px!important;height:258px!important}
img.selo-aro{width:260px!important;height:347px!important}
.play-card img[style*="height: 400px"]{height:210px!important}
.play-card .play-btn[style*="104px"]{width:72px!important;height:72px!important;margin:-36px 0 0 -36px!important}
.btn-ocre,.btn-escuro,.btn-linha,.btn-vinho{justify-content:center;width:100%;box-sizing:border-box}
div[style*="minmax(min(100%, 240px)"]{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
div[style*="minmax(min(100%, 240px)"] img[style*="height: 260px"]{height:150px!important}
div[style*="minmax(min(100%, 240px)"] img[style*="height: 170px"]{height:110px!important}
[role="group"]{flex-wrap:nowrap!important;overflow-x:auto;padding-bottom:6px;width:100%;scrollbar-width:none}
[role="group"]::-webkit-scrollbar{display:none}
[role="group"] button{flex:none;white-space:nowrap;font-size:14px!important;padding:0 16px!important}
[role="dialog"]{flex-wrap:wrap;align-content:center;padding:72px 12px 24px!important}
[role="dialog"] figure{order:-1;width:100%}
[role="dialog"] img{max-height:62vh!important}
.letreiro{font-size:16px!important;padding:14px 0!important}
.orn{gap:18px!important;padding:40px 16px 28px!important}
.orn img{width:48px!important;height:64px!important}
.rodape .titulo{font-size:32px!important}
.rodape div[style*="flex-end"]{justify-content:center!important}
.rodape img.selo{width:150px!important;height:139px!important}
.contas{background-size:36px 21px;height:21px}
.faixa{height:18px;background-size:48px 18px}
}
.aba{border-bottom:1px solid rgba(244,180,42,.45)}
.aba summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:56px;font-weight:600;font-size:18px;letter-spacing:.02em;color:#fffaf0;transition:color .25s}
.aba summary::-webkit-details-marker{display:none}
.aba summary::after{content:"+";flex:none;font-size:30px;font-weight:300;line-height:1;color:#f4b42a;transition:transform .3s ease}
.aba[open] summary::after{transform:rotate(45deg)}
.aba summary:hover{color:#f4b42a}
.aba summary:focus-visible{outline:2px solid #f4b42a;outline-offset:4px}
.aba-corpo{padding:0 0 22px;font-size:16px;line-height:1.7;color:#e3d9c2}
.aba-corpo ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px}
.aba-corpo li::marker{color:#f4b42a}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
*{-webkit-tap-highlight-color:transparent}