/* =========================================================
   Variante ilustrada: lápis de cor + cartoon geométrico, lo-fi
   Sobrepõe o estilo base do index.html
   ========================================================= */
:root{
  --noite:#1f1712; --noite-2:#2c2018; --madeira:#3a2a1e;
  --ambar:#f2a945; --ambar-2:#ffcf7a; --creme:#f4e7cf; --creme-2:#eadbbd;
  --tinta:#1d1712; --verde:#2f8c4f; --verde-2:#1f6a3b; --verde-vivo:#4cc271;
  --display:'Bowlby One', 'Anton', sans-serif;
  --mao:'Gochi Hand', 'Comic Sans MS', cursive;
  --body:'Nunito', system-ui, sans-serif;
}
body{background:var(--noite);color:var(--creme);font-family:var(--body)}
h1,h2,h3{font-family:var(--display);letter-spacing:.01em;line-height:1}
h2{font-size:clamp(36px,6vw,68px)}
.eyebrow,.fase-num,.comp,.stats-src,.tag,.scroll-hint{font-family:var(--mao);letter-spacing:.04em;text-transform:none;font-weight:400;font-size:20px}
.lead{color:#e3d6bd}

/* grão de papel em tudo */
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.22;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .4 0 0 0 0 .3 0 0 0 1.2 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* traço de giz: borda tremida em pseudo-elemento, texto intacto */
.sk{position:relative;isolation:isolate}
.sk::after{content:"";position:absolute;inset:-2px;border:3px solid var(--tinta);border-radius:inherit;filter:url(#giz);pointer-events:none;z-index:2}
.sk.claro::after{border-color:var(--creme)}

/* hachura de lápis */
.hach{background-image:repeating-linear-gradient(-35deg,rgba(0,0,0,.07) 0 2px,transparent 2px 7px)}

/* ---------- HERO: listras do Galo a lápis + luzes do teto ---------- */
.hero{background:var(--noite)}
.hero::before{content:"";position:absolute;inset:-20px;z-index:0;filter:url(#lapis);opacity:.9;
  background:repeating-linear-gradient(90deg,#1b1916 0 70px,#e9e0cc 70px 140px)}
.hero::after{background:
  radial-gradient(circle at 12% 0,rgba(255,190,90,.55),transparent 18%),
  radial-gradient(circle at 38% 0,rgba(255,190,90,.45),transparent 16%),
  radial-gradient(circle at 64% 0,rgba(255,190,90,.5),transparent 17%),
  radial-gradient(circle at 90% 0,rgba(255,190,90,.45),transparent 16%),
  linear-gradient(90deg,rgba(31,23,18,.96) 0%,rgba(31,23,18,.88) 45%,rgba(31,23,18,.35) 100%)}
.lamps{position:absolute;top:0;left:0;right:0;height:70px;z-index:1;pointer-events:none;display:flex;justify-content:space-around}
.lamps i{width:2px;height:34px;background:#5a4632;position:relative}
.lamps i::after{content:"";position:absolute;left:-13px;top:32px;width:28px;height:14px;border-radius:14px 14px 4px 4px;background:var(--ambar);box-shadow:0 8px 40px 14px rgba(255,180,80,.45)}
.hero h1 .w{color:var(--creme);text-shadow:4px 4px 0 var(--tinta)}
.hero h1 .hl{color:var(--verde-vivo);text-shadow:3px 3px 0 var(--tinta);font-size:.46em}
.hero h1{font-size:clamp(48px,8vw,104px)}
.hero .sub{color:#eadfca}
.hero .sub b{color:var(--ambar-2)}
.risco{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 14' preserveAspectRatio='none'%3E%3Cpath d='M2 9 C 40 3, 80 12, 120 6 S 180 5, 198 8' fill='none' stroke='%23f2a945' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") bottom/100% 10px no-repeat;padding-bottom:6px}
.tag{border:0;background:var(--ambar);color:var(--tinta);transform:rotate(-2deg);font-size:18px;padding:4px 14px;border-radius:6px}
.logo-slot{border-color:#8a7a62}
.hero .photo{border:0;border-radius:6px;transform:rotate(2.5deg);box-shadow:10px 12px 0 var(--tinta),0 30px 80px rgba(0,0,0,.6);background:var(--creme);padding:12px 12px 46px}
.hero .photo img{border-radius:2px}
.hero .photo::before{inset:auto 0 0 0;height:46px;background:none}
.hero .photo::after{content:"Bar da Massa · BH";position:absolute;left:0;right:0;bottom:8px;text-align:center;font-family:var(--mao);font-size:22px;color:var(--tinta);z-index:3}
.fita{position:absolute;top:-14px;left:50%;width:110px;height:30px;transform:translateX(-50%) rotate(-4deg);background:rgba(242,169,69,.75);z-index:4;box-shadow:0 2px 4px rgba(0,0,0,.2)}
.scroll-hint{color:#cbbf a8;color:#cbbfa8}

/* ---------- Ponte ---------- */
.ponte{background:linear-gradient(180deg,var(--noite) 0%,var(--noite-2) 100%)}
.who{border-radius:18px}
.who.galo{background:var(--creme);color:var(--tinta);transform:rotate(-1deg)}
.who.gemeas{background:var(--verde);border:0;transform:rotate(1deg)}
.who h3{font-size:34px}
.who.gemeas .eyebrow{color:var(--ambar-2)}
.stat{background:var(--creme);color:var(--tinta);border-radius:12px;box-shadow:3px 3px 0 var(--tinta)}
.stat:nth-child(2){transform:rotate(-2deg)}
.stat:nth-child(3){transform:rotate(1.5deg)}
.stat strong{font-family:var(--display);font-size:clamp(22px,3vw,30px)}

/* ---------- Regra ---------- */
.regra{background:var(--creme);color:var(--tinta)}
.regra .big{font-family:var(--display);font-size:clamp(36px,5vw,64px);line-height:1;color:var(--tinta)}
.regra .big span{-webkit-text-stroke:2px var(--tinta);color:#fff;text-shadow:4px 4px 0 var(--tinta)}
.regra li{font-size:18px;border-bottom:2px dashed #cdbb98}
.regra li::before{background:none;content:"✓";font-family:var(--mao);font-size:26px;color:var(--verde);flex:0 0 22px;height:auto;margin-top:-4px}

/* ---------- Fase 1 ---------- */
.fase1{background:var(--noite-2)}
.telao{border-radius:14px;overflow:hidden;margin:0 0 28px;aspect-ratio:2000/702;background:#000 url(assets/fase1-selfie-oficial.jpg) center/cover;box-shadow:0 0 0 6px #0d0d0d,0 0 60px rgba(76,194,113,.25)}
.final{background:var(--creme);color:var(--tinta);border:0;border-radius:16px}
.final:nth-child(1){transform:rotate(-1deg)}
.final:nth-child(2){transform:rotate(1deg)}
.final::before{background:radial-gradient(circle,rgba(242,169,69,.35),transparent 70%)}
.final .comp{color:var(--verde-2);font-size:20px}
.final h3 small{color:#6b5a45;font-family:var(--body)}
.pill{background:var(--creme-2);color:var(--tinta);border:2px solid var(--tinta)}
.pill.v{background:var(--verde);color:#fff;border-color:var(--tinta)}
.countdown div{background:var(--tinta);color:var(--creme);border-radius:10px}
.countdown b{font-family:var(--display);font-size:24px}
.countdown span{color:#cdbf a5;color:#cdbfa5;font-family:var(--mao);font-size:14px;letter-spacing:0;text-transform:none}
.cond{background:var(--noite);border:0;border-radius:16px}
.cond .k{font-family:var(--display);font-size:clamp(40px,5vw,56px);color:var(--creme)}
.cond .k em{color:var(--ambar)}
.cond p{color:#d9cdb5}
.cond.meta{background:var(--ambar);color:var(--tinta);transform:rotate(-1.5deg)}
.cond.meta .k{color:var(--tinta)}
.cond.meta p{color:var(--tinta)}

/* ---------- Fase 2 ---------- */
.fase2{background:var(--creme);color:var(--tinta)}
.fase2 .lead{color:#4b3d2d}
.fase2 .fase-num{color:var(--verde-2)}
.timeline::before{background:none;border-top:3px dashed var(--tinta);height:0}
.tl::before{border-color:var(--tinta);background:var(--creme)}
.tl.on::before{background:var(--verde)}
.tl b{font-family:var(--display);font-size:20px}
.tl span{font-family:var(--mao);font-size:18px;color:#5e4c38}
.card{background:#fffaf0;border:0;border-radius:16px}
.card.dark{background:var(--verde-2);color:var(--creme)}
.card h3{font-size:26px}
.lst .n{font-family:var(--display);font-size:26px;color:var(--verde)}
.card.dark .lst .n{color:var(--ambar-2)}
.card.dark .lst p small{color:#cfe3d4}

/* ---------- Contrapartidas ---------- */
.contra{background:var(--noite)}
.art{border:0;border-radius:6px;background:var(--creme);padding:12px 12px 44px;transform:rotate(-2deg);box-shadow:10px 12px 0 #0e0a07}
.art .ph{inset:12px 12px 44px;background:url(assets/comemoracao-oficial.jpg) center/cover;color:transparent}
.art::after{content:"é gol do Verdão!";position:absolute;left:0;right:0;bottom:8px;text-align:center;font-family:var(--mao);font-size:22px;color:var(--tinta);z-index:3}
.b{background:var(--noite-2);border:0;border-radius:16px}
.b:nth-child(odd){transform:rotate(-.8deg)}
.b:nth-child(even){transform:rotate(.8deg)}
.b:hover{transform:rotate(0) translateY(-4px)}
.b .ic{background:var(--ambar);border-radius:50% 46% 52% 44%}
.b .ic svg{stroke:var(--tinta)}
.b h4{font-family:var(--display);font-weight:400;font-size:17px;letter-spacing:.01em}
.b p{color:#cdbfa5}

/* ---------- Garantias ---------- */
.garantias{background:var(--verde)}
.g{background:var(--creme);color:var(--tinta);border-radius:16px}
.g:nth-child(1){transform:rotate(-1.2deg)}
.g:nth-child(3){transform:rotate(1.2deg)}
.g strong{font-family:var(--display);font-size:24px;color:var(--verde-2)}
.g p{color:#4b3d2d}
.garantias .eyebrow{color:var(--ambar-2)!important}

/* ---------- CTA ---------- */
.cta{position:relative;overflow:hidden;background:var(--noite)}
.cta::before{content:"";position:absolute;inset:-20px;filter:url(#lapis);opacity:.12;background:repeating-linear-gradient(90deg,#000 0 70px,#e9e0cc 70px 140px)}
.cta > *{position:relative}
.cta h2 span{color:var(--ambar)}
.btn{background:var(--verde-vivo);border-radius:14px;box-shadow:5px 5px 0 var(--tinta);font-family:var(--display);font-weight:400;font-size:17px;letter-spacing:.02em}
.btn:hover{box-shadow:7px 7px 0 var(--tinta)}
.sign{font-family:var(--mao);font-size:22px;color:#cdbfa5}
footer{font-family:var(--mao);font-size:16px;border-top:2px dashed #4a3a2c}

@media (max-width:900px){
  .who.galo,.who.gemeas,.final,.cond.meta,.b,.g{transform:none}
  .hero .photo{transform:rotate(1.5deg)}
}
.art .ph > *{visibility:hidden}
.cta h2{font-size:clamp(40px,7vw,84px)}
@media (max-width:520px){ .tag{font-size:14px;padding:3px 10px} .topbar{gap:8px} }
/* logos abaixo das luminárias, dentro do facho de luz */
.hero{padding-top:92px}
@media (max-width:520px){ .hero{padding-top:78px} }
@media (max-width:640px){ .telao{aspect-ratio:4/3;background-position:46% center} }

/* =========== Cards das finais como ingresso antigo =========== */
.finais{filter:drop-shadow(7px 9px 0 rgba(0,0,0,.5))}
.ticket{--stub:120px;--furo:14px;display:grid;grid-template-columns:1fr var(--stub);padding:0;border-radius:4px;overflow:visible;
  background:
    radial-gradient(ellipse at 18% 82%,rgba(150,95,30,.16),transparent 38%),
    radial-gradient(ellipse at 88% 12%,rgba(150,95,30,.14),transparent 30%),
    radial-gradient(circle at 62% 58%,rgba(150,95,30,.08),transparent 22%),
    repeating-linear-gradient(-35deg,rgba(90,60,20,.04) 0 2px,transparent 2px 6px),
    #f1e2c0;
  box-shadow:inset 0 0 50px rgba(120,75,25,.28);
  -webkit-mask:radial-gradient(circle var(--furo) at calc(100% - var(--stub)) 0,#0000 97%,#000) top/100% 51% no-repeat,
               radial-gradient(circle var(--furo) at calc(100% - var(--stub)) 100%,#0000 97%,#000) bottom/100% 51% no-repeat;
          mask:radial-gradient(circle var(--furo) at calc(100% - var(--stub)) 0,#0000 97%,#000) top/100% 51% no-repeat,
               radial-gradient(circle var(--furo) at calc(100% - var(--stub)) 100%,#0000 97%,#000) bottom/100% 51% no-repeat}
.ticket::before{display:none}
.tk-main{margin:12px 0 12px 12px;padding:16px 20px 14px;border:4px double rgba(29,23,18,.55);border-right:0;min-width:0}
.tk-top{display:flex;justify-content:space-between;gap:10px;font-family:'Special Elite',monospace;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#6b5a45;padding-bottom:8px;margin-bottom:12px;border-bottom:1px dashed rgba(29,23,18,.4)}
.tk-top span:last-child{color:#a3341f}
.ticket .comp{font-size:19px}
.ticket .pill.v{transform:rotate(-3deg);box-shadow:2px 2px 0 var(--tinta)}
.tk-foot{font-family:'Special Elite',monospace;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#7a6650;margin-top:14px;padding-top:8px;border-top:1px dashed rgba(29,23,18,.35)}
.tk-stub{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:14px 8px;
  border-left:3px dashed rgba(29,23,18,.6);background:rgba(160,110,40,.10);text-align:center;color:var(--tinta)}
.tk-stub b{font-family:var(--display);font-weight:400;font-size:56px;line-height:.9;color:var(--verde-2)}
.tk-mes{font-family:var(--display);font-size:20px;text-transform:uppercase;line-height:1}
.tk-lbl{font-family:'Special Elite',monospace;font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#6b5a45}
.tk-cod{display:block;width:70%;height:40px;margin:8px 0 4px;
  background:repeating-linear-gradient(90deg,var(--tinta) 0 2px,transparent 2px 4px,var(--tinta) 4px 5px,transparent 5px 8px,var(--tinta) 8px 11px,transparent 11px 13px)}

@media (max-width:560px){
  .ticket{--stub:86px;grid-template-columns:1fr;
    -webkit-mask:radial-gradient(circle var(--furo) at 0 calc(100% - var(--stub)),#0000 97%,#000) left/51% 100% no-repeat,
                 radial-gradient(circle var(--furo) at 100% calc(100% - var(--stub)),#0000 97%,#000) right/51% 100% no-repeat;
            mask:radial-gradient(circle var(--furo) at 0 calc(100% - var(--stub)),#0000 97%,#000) left/51% 100% no-repeat,
                 radial-gradient(circle var(--furo) at 100% calc(100% - var(--stub)),#0000 97%,#000) right/51% 100% no-repeat}
  .tk-main{margin:10px 10px 0;border:4px double rgba(29,23,18,.55);border-bottom:0;padding:14px 14px 12px}
  .tk-stub{height:var(--stub);flex-direction:row;justify-content:space-around;border-left:0;border-top:3px dashed rgba(29,23,18,.6);padding:0 14px}
  .tk-stub b{font-size:40px}
  .tk-cod{width:64px;height:34px;margin:0}
  .tk-top{font-size:10px}
}
.ticket h3{font-size:clamp(26px,3.1vw,40px);overflow-wrap:anywhere}
@media (max-width:900px){ .ticket h3{font-size:clamp(26px,6.5vw,40px)} }

/* =========================================================
   Camada 2: mais elementos do traço do desenho
   ========================================================= */


/* --- Fase 1: fundo inspirado na camisa (verde a lápis de cor) --- */
.fase1{background:
  radial-gradient(ellipse at 50% -10%,rgba(76,194,113,.45),transparent 55%),
  radial-gradient(ellipse at 10% 90%,rgba(10,50,25,.45),transparent 50%),
  repeating-linear-gradient(112deg,rgba(255,255,255,.055) 0 2px,transparent 2px 7px),
  repeating-linear-gradient(24deg,rgba(0,0,0,.085) 0 2px,transparent 2px 10px),
  repeating-linear-gradient(-62deg,rgba(255,255,255,.03) 0 1px,transparent 1px 5px),
  #22804a}
.fase1 .fase-num{color:var(--ambar-2)}
.fase1 .lead{color:#e6f3ea}
.fase1 h2{text-shadow:4px 4px 0 rgba(0,0,0,.35)}
.fase1 .telao{box-shadow:0 0 0 6px var(--creme),10px 12px 0 6px rgba(0,0,0,.35)}
.fase1 .cond:not(.meta){background:rgba(20,40,25,.55)}

/* --- papel rasgado no topo das seções --- */
.rasgo::after{content:"";position:absolute;left:0;right:0;top:-26px;height:28px;z-index:3;pointer-events:none;background:var(--rasgo-c);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 30' preserveAspectRatio='none'%3E%3Cpath d='M0 30 L0 14 L18 16 L52 5 L68 7 L93 5 L123 10 L138 6 L165 17 L181 11 L197 17 L212 7 L233 5 L265 16 L280 11 L295 8 L318 17 L336 7 L368 13 L399 9 L416 10 L441 7 L472 6 L504 5 L537 10 L566 17 L590 18 L622 18 L647 13 L668 9 L689 6 L721 13 L751 19 L775 18 L798 6 L815 20 L842 9 L866 8 L895 17 L910 6 L941 14 L965 15 L998 19 L1030 18 L1046 6 L1068 19 L1084 5 L1107 18 L1130 16 L1155 4 L1183 15 L1200 10 L1200 30 Z' fill='black'/%3E%3C/svg%3E") bottom/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 30' preserveAspectRatio='none'%3E%3Cpath d='M0 30 L0 14 L18 16 L52 5 L68 7 L93 5 L123 10 L138 6 L165 17 L181 11 L197 17 L212 7 L233 5 L265 16 L280 11 L295 8 L318 17 L336 7 L368 13 L399 9 L416 10 L441 7 L472 6 L504 5 L537 10 L566 17 L590 18 L622 18 L647 13 L668 9 L689 6 L721 13 L751 19 L775 18 L798 6 L815 20 L842 9 L866 8 L895 17 L910 6 L941 14 L965 15 L998 19 L1030 18 L1046 6 L1068 19 L1084 5 L1107 18 L1130 16 L1155 4 L1183 15 L1200 10 L1200 30 Z' fill='black'/%3E%3C/svg%3E") bottom/100% 100% no-repeat}
.fase2{--rasgo-c:var(--creme)}
.contra{--rasgo-c:var(--noite)}
.garantias{--rasgo-c:#22804a}
.cta{--rasgo-c:var(--noite);overflow:visible}
.cta::before{inset:0}
.cta > .lamps{position:absolute}

/* --- Fase 2: prancheta com campo em giz, fitas e bola --- */
.campo{position:absolute;inset:0;width:100%;height:100%;color:var(--tinta);opacity:.08;pointer-events:none}
.fase2 > .wrap,.contra > .wrap{position:relative;z-index:1}
.fita2{position:absolute;top:-13px;left:26px;width:96px;height:26px;background:rgba(242,169,69,.78);transform:rotate(-5deg);z-index:3;box-shadow:0 2px 3px rgba(0,0,0,.15)}
.fita2.dir{left:auto;right:26px;transform:rotate(6deg)}
.card .fita2,.g .fita2{display:block}
.tl{position:relative}
.bola{position:absolute;top:-4px;left:34px;width:30px;height:30px;color:var(--tinta);animation:rola 6s linear infinite}
@keyframes rola{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.bola{animation:none}}

/* --- Contrapartidas: rabiscos --- */
.estrelas{position:absolute;left:0;top:0;width:100%;height:400px;pointer-events:none;opacity:.8}
.circ{position:relative;display:inline-block;white-space:nowrap}
.circ svg{position:absolute;left:-22px;top:-14px;width:calc(100% + 44px);height:calc(100% + 26px);pointer-events:none}

/* --- Garantias: mesma camisa --- */
.garantias{background:
  repeating-linear-gradient(112deg,rgba(255,255,255,.055) 0 2px,transparent 2px 7px),
  repeating-linear-gradient(24deg,rgba(0,0,0,.085) 0 2px,transparent 2px 10px),
  #22804a}
.g{position:relative}

/* --- CTA: seta à mão para o WhatsApp --- */
.nota-zap{display:inline-flex;flex-direction:column;align-items:flex-end;vertical-align:middle;margin-left:6px;transform:translateY(-6px)}
.nota-zap span{font-family:var(--mao);font-size:26px;color:var(--ambar);transform:rotate(-7deg);margin-right:-6px}
.nota-zap svg{width:92px;height:56px;transform:scaleX(1)}

@media (max-width:900px){  }
@media (max-width:600px){
  .nota-zap{display:none}
  
  .estrelas{height:260px}
}

.bola{width:40px;height:40px;top:-10px;left:auto;right:18%}
.nota-zap{align-items:flex-start;transform:translateY(-14px)}
.nota-zap span{margin:0 0 -4px 30px}
@media (max-width:900px){  .bola{display:none} }
@media (max-width:600px){  }

/* --- camisa de verdade: textura de lápis + gola creme hachurada --- */
.fase1,.garantias{background:
  linear-gradient(180deg,rgba(0,0,0,.16),transparent 220px),
  radial-gradient(ellipse at 85% 110%,rgba(0,0,0,.28),transparent 55%),
  url(assets/camisa-verde.jpg) 0 0/520px repeat,#1e7c38}
.fase1 .cond:not(.meta){background:rgba(12,40,20,.62)}
.fase1 .lead,.fase1 .fase-num,.garantias .eyebrow{text-shadow:0 1px 3px rgba(0,0,0,.55)}

/* --- transição Galo -> Fase 1: o verde entra em traços de lápis de cor + costura --- */
.regra{padding-bottom:120px}
.fase1{margin-top:-96px;padding-top:190px;z-index:1;
  -webkit-mask:url(assets/borda-lapis.svg) 0 0/1200px 110px repeat-x,linear-gradient(#000,#000) 0 100px/100% calc(100% - 100px) no-repeat;
          mask:url(assets/borda-lapis.svg) 0 0/1200px 110px repeat-x,linear-gradient(#000,#000) 0 100px/100% calc(100% - 100px) no-repeat}
.costura{position:absolute;left:0;right:0;top:128px;height:0;border-top:3px dashed rgba(240,227,202,.75);filter:url(#giz);pointer-events:none}
.costura::after{content:"";position:absolute;left:0;right:0;top:8px;border-top:2px dashed rgba(0,0,0,.25)}
@media (max-width:600px){
  .fase1{padding-top:160px;
    -webkit-mask:url(assets/borda-lapis.svg) 0 0/800px 80px repeat-x,linear-gradient(#000,#000) 0 72px/100% calc(100% - 72px) no-repeat;
            mask:url(assets/borda-lapis.svg) 0 0/800px 80px repeat-x,linear-gradient(#000,#000) 0 72px/100% calc(100% - 72px) no-repeat}
  .costura{top:96px}
}

/* --- Fase 1: cards de condição em harmonia com a camisa e os ingressos --- */
.fase1 .cond .k em{color:#b9dc6a}
.fase1 .cond.meta{background:
    radial-gradient(ellipse at 15% 85%,rgba(150,95,30,.16),transparent 40%),
    repeating-linear-gradient(-35deg,rgba(90,60,20,.04) 0 2px,transparent 2px 6px),
    #f1e2c0;
  box-shadow:inset 0 0 40px rgba(120,75,25,.25);transform:rotate(-1.2deg)}
.fase1 .cond.meta .k{color:var(--verde-2)}
.fase1 .cond.meta p{color:#4b3d2d}
.fase1 .cond.meta::before{content:"Meta";position:absolute;top:16px;right:18px;font-family:'Special Elite',monospace;font-size:13px;letter-spacing:.18em;text-transform:uppercase;
  color:#a3341f;border:2px solid #a3341f;border-radius:4px;padding:3px 8px;transform:rotate(8deg);opacity:.85}

/* --- fechamento: mascotes apertando as mãos --- */
.parceria{position:relative;margin:30px auto 6px;width:min(340px,78vw)}
.parceria::before{content:"";position:absolute;left:50%;top:46%;width:150%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;
  background:radial-gradient(circle,rgba(255,196,110,.42) 0,rgba(242,169,69,.18) 38%,transparent 66%);z-index:0}
.parceria::after{content:"";position:absolute;left:8%;right:8%;bottom:34px;height:22px;border-radius:50%;background:rgba(0,0,0,.45);filter:blur(6px);z-index:0}
.parceria img{position:relative;z-index:1;width:100%;height:auto;
  filter:drop-shadow(2px 0 0 #f4e7cf) drop-shadow(-2px 0 0 #f4e7cf) drop-shadow(0 2px 0 #f4e7cf) drop-shadow(0 -2px 0 #f4e7cf) drop-shadow(6px 8px 0 rgba(0,0,0,.45))}
.parceria figcaption{position:relative;z-index:1;font-family:var(--mao);font-size:24px;color:var(--ambar-2);margin-top:10px;transform:rotate(-2deg)}
.parceria figcaption{width:max-content;max-width:90vw;margin-left:50%;transform:translateX(-50%) rotate(-2deg)}
.cta{overflow-x:clip}
@media (max-width:600px){ .parceria figcaption{font-size:19px} .parceria::before{width:120%} }
.cta-acao{position:relative;display:inline-block;margin-top:36px}
.cta-acao .btn{margin-top:0}
.cta-acao .nota-zap{position:absolute;left:calc(100% + 4px);top:-34px;margin:0;transform:none}
@media (max-width:600px){ .cta-acao .nota-zap{display:none} }
.cta-acao .nota-zap{white-space:nowrap;width:max-content;top:-46px;left:calc(100% + 2px)} .cta-acao .nota-zap span{margin:0 0 -6px 44px}

/* =========== Fase 2: bilhetes artesanais, um por item =========== */
.f2-board{display:grid;gap:44px}
.f2-tit{font-size:26px;margin-bottom:22px}
.f2-tit .risco{padding-bottom:8px}
.notas{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 26px}
.notas.duas{grid-template-columns:repeat(2,minmax(0,380px))}
.nota{position:relative;border-radius:10px 14px 9px 16px;padding:26px 22px 22px;min-height:190px;color:var(--tinta)}
.nota b{display:block;font-family:var(--display);font-weight:400;font-size:clamp(46px,5vw,60px);line-height:.95;letter-spacing:.01em}
.nota-risco{display:block;width:70%;max-width:170px;height:12px;margin:6px 0 14px}
.nota p{font-size:16px;font-weight:600;line-height:1.35}
.nota small{display:block;margin-top:8px;font-family:var(--mao);font-size:18px;line-height:1.15}
.nota-ic{position:absolute;top:18px;right:18px;width:46px;height:46px;opacity:.85}
/* papéis */
.n-creme{background:#fffaf0;box-shadow:5px 6px 0 rgba(29,23,18,.18)}
.n-creme b{color:var(--verde-2)} .n-creme .nota-risco{color:var(--ambar)} .n-creme small{color:#7a6650} .n-creme .nota-ic{color:var(--verde-2)}
.n-kraft{background:
   repeating-linear-gradient(83deg,rgba(90,60,20,.07) 0 1px,transparent 1px 5px),
   radial-gradient(ellipse at 30% 20%,rgba(255,255,255,.18),transparent 60%),#d9b787;box-shadow:5px 6px 0 rgba(29,23,18,.22)}
.n-kraft b{color:var(--tinta)} .n-kraft .nota-risco{color:var(--verde-2)} .n-kraft .nota-ic{color:var(--tinta)}
.n-verde{background:linear-gradient(rgba(0,0,0,.12),rgba(0,0,0,.12)),url(assets/camisa-verde.jpg) 0 0/420px repeat,#1e7c38;color:var(--creme);box-shadow:5px 6px 0 rgba(29,23,18,.3)}
.n-verde.sk::after{border-color:var(--creme)}
.n-verde b{color:var(--ambar-2);text-shadow:3px 3px 0 rgba(0,0,0,.35)} .n-verde .nota-risco{color:var(--creme)} .n-verde small{color:#d8ecd9} .n-verde .nota-ic{color:var(--creme)}
.n-verde p{text-shadow:0 1px 2px rgba(0,0,0,.5)}
/* inclinações à mão */
.notas .nota:nth-child(1){transform:rotate(-1.6deg)}
.notas .nota:nth-child(2){transform:rotate(1.2deg) translateY(10px)}
.notas .nota:nth-child(3){transform:rotate(-.6deg)}
.notas.duas .nota:nth-child(2){transform:rotate(1.8deg) translateY(6px)}
/* tachinha */
.pino{position:absolute;top:-9px;left:50%;width:20px;height:20px;margin-left:-10px;border-radius:50%;z-index:4;
  background:radial-gradient(circle at 35% 35%,#ffe2a8 0 18%,#f2a945 30%,#b8731f 100%);box-shadow:2px 4px 3px rgba(0,0,0,.35)}
@media (max-width:900px){ .notas{grid-template-columns:1fr 1fr} }
@media (max-width:600px){
  .notas,.notas.duas{grid-template-columns:1fr;gap:26px}
  .nota{min-height:0}
  .notas .nota:nth-child(n){transform:rotate(-.8deg)}
  .notas .nota:nth-child(2n){transform:rotate(.9deg)}
}
.circ svg{left:-26px;top:-26px;width:calc(100% + 52px);height:calc(100% + 48px)}
.ig-btn{background:var(--creme);color:var(--verde-2);font-family:var(--display);font-weight:400;letter-spacing:.02em;box-shadow:3px 3px 0 var(--tinta);border-radius:12px}
.ig-btn:hover{background:#fff}
.sign-ig a{font-family:var(--mao);font-size:22px;color:var(--ambar-2)}
.circ svg{left:-30px;top:-34px;width:calc(100% + 60px);height:calc(100% + 66px)}
.contra,.fase2{overflow-x:clip}
@media (max-width:600px){ .circ svg{left:-12px;width:calc(100% + 24px)} }
@media (max-width:600px){ .contra h2{font-size:clamp(28px,8.6vw,40px)} }
.who.galo .stat{background:#fffaf0}
.who.galo .stat:nth-child(1){transform:rotate(1.5deg)}
.chips li{font-family:var(--mao);font-weight:400;font-size:18px;border:2px solid var(--tinta);border-radius:10px 14px 9px 12px;padding:2px 12px;background:rgba(255,255,255,.35)}
.chips li:nth-child(odd){transform:rotate(-1.5deg)} .chips li:nth-child(even){transform:rotate(1.2deg)}
.galo-nota{font-family:var(--mao);font-size:19px;opacity:1;color:#5e4c38}
.who.galo .stat strong{white-space:nowrap;font-size:clamp(19px,2.2vw,27px)}

/* =========== Contrapartidas: bilhetes de papel com contraste =========== */
.ben{gap:30px 26px}
.ben .b{border-radius:10px 14px 9px 16px;padding:30px 24px 24px;position:relative}
.ben .b.sk::after{border-color:var(--tinta)}
.ben .b:nth-child(1){transform:rotate(-1.4deg)} .ben .b:nth-child(2){transform:rotate(1deg) translateY(8px)} .ben .b:nth-child(3){transform:rotate(-.6deg)}
.ben .b:nth-child(4){transform:rotate(1.3deg)} .ben .b:nth-child(5){transform:rotate(-1deg) translateY(6px)} .ben .b:nth-child(6){transform:rotate(.7deg)}
.ben .b:hover{transform:rotate(0) translateY(-4px) scale(1.01)}
.b h4{font-size:18px;line-height:1.2;margin-bottom:8px}
.b p{font-size:15px;font-weight:600;line-height:1.45}
.b .ic{width:48px;height:48px;border:2.5px solid var(--tinta);box-shadow:3px 3px 0 var(--tinta);margin-bottom:16px}
.b .ic svg{width:22px;height:22px;stroke:var(--tinta);stroke-width:2.2}
.b-num{position:absolute;top:16px;right:18px;font-family:'Special Elite',monospace;font-size:13px;letter-spacing:.12em;color:#a3341f;border:1.5px solid #a3341f;border-radius:3px;padding:1px 6px;transform:rotate(6deg);opacity:.85}
/* papéis */
.p-creme{background:#fffaf0;color:var(--tinta);box-shadow:6px 7px 0 rgba(0,0,0,.45)}
.p-creme h4{color:var(--verde-2)} .p-creme p{color:#4b3d2d} .p-creme .ic{background:var(--ambar)}
.p-kraft{background:repeating-linear-gradient(83deg,rgba(90,60,20,.08) 0 1px,transparent 1px 5px),radial-gradient(ellipse at 30% 20%,rgba(255,255,255,.2),transparent 60%),#d9b787;color:var(--tinta);box-shadow:6px 7px 0 rgba(0,0,0,.45)}
.p-kraft h4{color:var(--tinta)} .p-kraft p{color:#3b2d1f} .p-kraft .ic{background:#fffaf0}
.p-verde{background:linear-gradient(rgba(0,0,0,.14),rgba(0,0,0,.14)),url(assets/camisa-verde.jpg) 0 0/420px repeat,#1e7c38;color:var(--creme);box-shadow:6px 7px 0 rgba(0,0,0,.5)}
.ben .b.p-verde.sk::after{border-color:var(--creme)}
.p-verde h4{color:#fff;text-shadow:2px 2px 0 rgba(0,0,0,.35)} .p-verde p{color:#eef7ef;text-shadow:0 1px 2px rgba(0,0,0,.55)} .p-verde .ic{background:var(--creme)}
.p-verde .b-num{color:var(--ambar-2);border-color:var(--ambar-2)}
@media (max-width:900px){ .ben .b:nth-child(n){transform:rotate(-.7deg)} .ben .b:nth-child(2n){transform:rotate(.8deg)} }

/* --- "Ponto de encontro…" pintado com o tecido da camisa --- */
.hero h1 .hl{
  background:linear-gradient(rgba(120,215,110,.22),rgba(120,215,110,.22)),url(assets/camisa-verde.jpg) 0 0/240px repeat,#2a9a48;
  -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
  text-shadow:none;filter:drop-shadow(3px 3px 0 var(--tinta));
  -webkit-text-stroke:1px rgba(240,227,202,.35)}
.hero h1 .hl{background:linear-gradient(rgba(150,235,120,.32),rgba(150,235,120,.32)),url(assets/camisa-verde.jpg) 0 0/200px repeat,#2a9a48;-webkit-background-clip:text;background-clip:text}
.hero h1 .hl{line-height:1.08;padding-top:.14em;margin-top:.1em}
/* recorte colado: contorno branco de adesivo + sombra */
.hero h1 .hl{-webkit-text-stroke:0;transform:rotate(-1.6deg);transform-origin:left center;
  filter:drop-shadow(3px 0 0 #fffaf0) drop-shadow(-3px 0 0 #fffaf0) drop-shadow(0 3px 0 #fffaf0) drop-shadow(0 -3px 0 #fffaf0)
         drop-shadow(2px 2px 0 #fffaf0) drop-shadow(-2px -2px 0 #fffaf0)
         drop-shadow(5px 6px 0 rgba(0,0,0,.55))}
@media (max-width:600px){ .hero h1 .hl{filter:drop-shadow(2px 0 0 #fffaf0) drop-shadow(-2px 0 0 #fffaf0) drop-shadow(0 2px 0 #fffaf0) drop-shadow(0 -2px 0 #fffaf0) drop-shadow(3px 4px 0 rgba(0,0,0,.55))} }

/* --- frase num pedaço de papel recortado e colado --- */
.hero h1 .hl{display:inline-block;background:none;-webkit-text-fill-color:initial;color:inherit;padding:0;margin-top:.35em;line-height:1;
  transform:rotate(-1.8deg);transform-origin:left center;filter:drop-shadow(6px 7px 0 rgba(0,0,0,.5))}
.hl-papel{display:block;padding:.32em .5em .3em;clip-path:polygon(0.0% 0.6%,4.0% 2.4%,8.0% 2.2%,12.0% 1.7%,16.0% 0.8%,20.0% 2.8%,24.0% 2.8%,28.0% 1.8%,32.0% 1.8%,36.0% 0.8%,40.0% 0.0%,44.0% 1.3%,48.0% 2.0%,52.0% 0.2%,56.0% 2.8%,60.0% 0.8%,64.0% 0.8%,68.0% 0.1%,72.0% 3.5%,76.0% 2.6%,80.0% 3.1%,84.0% 2.2%,88.0% 0.1%,92.0% 1.2%,96.0% 1.7%,100.0% 0.4%,98.5% 4.0%,99.4% 12.0%,99.8% 20.0%,98.7% 28.0%,99.8% 36.0%,98.5% 44.0%,99.3% 52.0%,99.1% 60.0%,99.5% 68.0%,99.2% 76.0%,99.7% 84.0%,99.9% 92.0%,100.0% 97.0%,96.0% 99.2%,92.0% 97.3%,88.0% 99.3%,84.0% 96.6%,80.0% 96.9%,76.0% 97.4%,72.0% 97.3%,68.0% 98.0%,64.0% 97.4%,60.0% 99.6%,56.0% 98.3%,52.0% 97.1%,48.0% 99.3%,44.0% 96.8%,40.0% 96.9%,36.0% 98.6%,32.0% 98.7%,28.0% 98.4%,24.0% 98.6%,20.0% 96.5%,16.0% 98.6%,12.0% 99.9%,8.0% 99.7%,4.0% 97.5%,0.0% 96.5%,0.8% 92.0%,0.8% 84.0%,0.9% 76.0%,1.2% 68.0%,0.4% 60.0%,1.0% 52.0%,0.9% 44.0%,1.0% 36.0%,0.3% 28.0%,0.3% 20.0%,0.6% 12.0%,1.5% 4.0%);
  background:repeating-linear-gradient(-30deg,rgba(120,90,50,.05) 0 2px,transparent 2px 7px),radial-gradient(ellipse at 20% 30%,#fffdf6,#f3e8d2 80%)}
.hl-txt{display:block;line-height:1.08;padding-top:.1em;
  background:linear-gradient(rgba(0,0,0,.06),rgba(0,0,0,.06)),url(assets/camisa-verde.jpg) 0 0/200px repeat,#1e7c38;
  -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
@media (max-width:600px){ .hero h1 .hl{filter:drop-shadow(4px 5px 0 rgba(0,0,0,.5))} }
.hero h1 .hl{font-size:.4em}
.hl-txt{line-height:1.2;padding-top:.18em;text-wrap:balance}
.hl-papel{padding:.22em .55em .32em}
@media (max-width:600px){ .hero h1 .hl{font-size:.5em} }

/* --- ponta dobrada (orelha) no canto inferior direito --- */
.hero h1 .hl{position:relative}
.hl-papel{clip-path:polygon(0.0% 0.6%,4.0% 2.4%,8.0% 2.2%,12.0% 1.7%,16.0% 0.8%,20.0% 2.8%,24.0% 2.8%,28.0% 1.8%,32.0% 1.8%,36.0% 0.8%,40.0% 0.0%,44.0% 1.3%,48.0% 2.0%,52.0% 0.2%,56.0% 2.8%,60.0% 0.8%,64.0% 0.8%,68.0% 0.1%,72.0% 3.5%,76.0% 2.6%,80.0% 3.1%,84.0% 2.2%,88.0% 0.1%,92.0% 1.2%,96.0% 1.7%,100.0% 0.4%,98.5% 4%,99.4% 12%,99.8% 20%,98.7% 28%,99.8% 36%,98.5% 44%,99.3% 52%,99.1% 60%,99.5% 68%,100% calc(100% - 0.85em),calc(100% - 0.85em) 100%,84% 98.3%,80% 99.3%,76% 99.9%,72% 97.0%,68% 99.2%,64% 97.3%,60% 99.3%,56% 96.6%,52% 96.9%,48% 97.4%,44% 97.3%,40% 98.0%,36% 97.4%,32% 99.6%,28% 98.3%,24% 97.1%,20% 99.3%,16% 96.8%,12% 96.9%,8% 98.6%,4% 98.7%,0% 98.4%,0.6% 92%,1.6% 84%,0.6% 76%,0.0% 68%,0.1% 60%,1.1% 52%,1.6% 44%,0.8% 36%,0.8% 28%,0.9% 20%,1.2% 12%,0.4% 4%)}
.hero h1 .hl::after{content:"";position:absolute;right:0;bottom:0;width:0.85em;height:0.85em;
  background:linear-gradient(to bottom right,#fff8e8 0%,#e9dbbd 32%,#cdb88f 49.5%,transparent 50%);
  border-radius:0 0 0 .18em;
  filter:drop-shadow(-2px -2px 2px rgba(60,40,15,.28))}

/* =========== Quem está na mesa: cards sobrepostos como na abertura =========== */
.ponte-grid{gap:0;align-items:start;margin-top:56px}
.who{box-shadow:10px 12px 0 #0e0a07;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.who.galo{transform:rotate(-2.2deg);margin:26px -34px 0 0;z-index:1}
.who.gemeas{transform:rotate(1.8deg);z-index:2}
.who:hover{z-index:3}
@media (max-width:900px){
  .ponte-grid{gap:0}
  .who.galo{margin:0 6px 0 0;transform:rotate(-1.4deg)}
  .who.gemeas{margin:-18px 0 0 6px;transform:rotate(1.4deg)}
}

/* =========== Micro-movimento ao passar o cursor em todos os papéis =========== */
.who,.nota,.ben .b,.g,.cond,.stat,.hero .photo,.art,.finais .ticket,.parceria img,.chips li,.tag{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,filter .35s}
@media (hover:hover){
  .who:hover{transform:translateY(-6px) rotate(0deg);box-shadow:14px 18px 0 #0e0a07}
  .nota:hover,.notas .nota:nth-child(n):hover{transform:translateY(-6px) rotate(0deg);box-shadow:9px 11px 0 rgba(29,23,18,.28)}
  .ben .b:nth-child(n):hover{transform:translateY(-6px) rotate(0deg);box-shadow:10px 12px 0 rgba(0,0,0,.5)}
  .g:nth-child(n):hover{transform:translateY(-5px) rotate(0deg)}
  .cond:hover,.cond.meta:hover,.fase1 .cond.meta:hover{transform:translateY(-5px) rotate(0deg)}
  .stat:nth-child(n):hover{transform:translateY(-3px) rotate(-2deg) scale(1.04)}
  .hero .photo:hover{transform:rotate(0deg) translateY(-6px) scale(1.01);box-shadow:14px 18px 0 var(--tinta),0 30px 80px rgba(0,0,0,.6)}
  .art:hover{transform:rotate(0deg) translateY(-6px);box-shadow:14px 18px 0 #0c0f14}
  .finais .ticket:nth-child(n):hover{transform:translateY(-6px) rotate(0deg)}
  .parceria img:hover{transform:translateY(-6px) rotate(-1deg)}
  .chips li:nth-child(n):hover{transform:rotate(0deg) translateY(-2px)}
}
@media (min-width:901px){ .who.galo{padding-right:70px} }
.ponte{padding-bottom:120px}
.circ svg{top:-12px;height:calc(100% + 30px)} @media (max-width:600px){ .circ svg{top:-8px;height:calc(100% + 20px)} }

/* =========== Hover em todos os elementos (sem trava de movimento reduzido) =========== */
.logo-slot,.x,.tag,.pill,.tl,.tl::before,.countdown div,.b .ic,.nota-ic,.tk-stub b,.telao,.hero h1 .hl,.regra li,.ig-btn,.sign-ig a,.btn,.chips li,.stat,.b-num,.f2-tit,.circ,.parceria img,.bola,.tk-cod,.cond .k,.who h3 img
  {transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,filter .3s,color .2s,background .2s}
@media (hover:hover){
  /* papéis grandes: sobem e endireitam (reforço de especificidade) */
  .ponte-grid .who:hover{transform:translateY(-6px) rotate(0deg)!important;box-shadow:14px 18px 0 #0e0a07}
  .f2-board .nota:hover{transform:translateY(-7px) rotate(0deg)!important;box-shadow:9px 12px 0 rgba(29,23,18,.3)}
  .ben .b:hover{transform:translateY(-7px) rotate(0deg)!important;box-shadow:10px 13px 0 rgba(0,0,0,.55)}
  .g-grid .g:hover{transform:translateY(-6px) rotate(0deg)!important}
  .cond-row .cond:hover{transform:translateY(-6px) rotate(0deg)!important}
  .finais .ticket:hover{transform:translateY(-7px) rotate(0deg)!important}
  .who .stat:hover,.stats .stat:hover{transform:translateY(-4px) rotate(-2deg) scale(1.05)!important}
  .hero .photo:hover{transform:rotate(0deg) translateY(-6px) scale(1.015)!important}
  .contra .art:hover{transform:rotate(0deg) translateY(-6px)!important}
  /* detalhes: pequenas reações */
  .telao:hover{transform:translateY(-4px) rotate(-.4deg) scale(1.005)}
  .hero h1 .hl:hover{transform:rotate(0deg) translateY(-3px)}
  .logo-slot:hover{transform:rotate(-3deg) scale(1.06)}
  .x:hover{transform:rotate(14deg) scale(1.25)}
  .tag:hover{transform:rotate(1deg) scale(1.05)}
  .pill:hover{transform:rotate(-3deg) scale(1.06)}
  .tl:hover{transform:translateY(-3px)}
  .tl:hover::before{transform:scale(1.2)}
  .countdown div:hover{transform:translateY(-3px) rotate(-2deg)}
  .b:hover .ic{transform:rotate(-10deg) scale(1.1)}
  .nota:hover .nota-ic{transform:rotate(8deg) scale(1.12)}
  .ticket:hover .tk-stub b{transform:scale(1.08) rotate(-3deg)}
  .ticket:hover .tk-cod{transform:scaleX(1.06)}
  .regra li:hover{transform:translateX(6px)}
  .ig-btn:hover{transform:translateY(-3px) rotate(-1deg);box-shadow:5px 6px 0 var(--tinta)}
  .btn:hover{transform:translateY(-3px) rotate(-1deg)}
  .sign-ig a:hover{transform:rotate(-2deg) scale(1.05)}
  .chips li:hover{transform:rotate(0deg) translateY(-3px) scale(1.05)!important}
  .b:hover .b-num,.ticket:hover .b-num{transform:rotate(0deg) scale(1.1)}
  .f2-tit:hover{transform:rotate(-1deg) translateX(4px)}
  .circ:hover{transform:rotate(-1.5deg)}
  .parceria img:hover{transform:translateY(-6px) rotate(-1.5deg) scale(1.02)}
  .bola:hover{animation-duration:1s}
  .cond:hover .k{transform:scale(1.05) rotate(-2deg)}
  .who:hover h3 img{transform:rotate(-2deg) scale(1.04)}
}
.cond .k{display:inline-block}
.x{display:inline-block}
.circ,.f2-tit{display:inline-block}

/* =========================================================
   Sombras realistas: projeção suave em camadas (nada chapado)
   luz vindo de cima/esquerda -> sombra para baixo/direita
   ========================================================= */
:root{
  --sh-claro:1px 2px 2px rgba(40,24,8,.18),4px 9px 14px rgba(40,24,8,.20),10px 22px 34px rgba(30,18,6,.22);
  --sh-escuro:1px 2px 3px rgba(0,0,0,.35),5px 12px 18px rgba(0,0,0,.38),12px 28px 46px rgba(0,0,0,.45);
  --sh-hover:2px 4px 4px rgba(0,0,0,.28),8px 20px 26px rgba(0,0,0,.34),18px 42px 64px rgba(0,0,0,.42);
  --sh-mini:1px 1px 1px rgba(0,0,0,.22),2px 4px 7px rgba(0,0,0,.22);
  --ts-forte:1px 2px 2px rgba(0,0,0,.35),3px 6px 14px rgba(0,0,0,.45);
}
/* papéis sobre fundo escuro */
.who,.hero .photo,.contra .art,.ben .b,.ben .b.p-creme,.ben .b.p-kraft,.ben .b.p-verde{box-shadow:var(--sh-escuro)!important}
/* papéis sobre fundo claro/verde */
.nota,.n-creme,.n-kraft,.n-verde,.g,.stat,.cond,.cond.meta{box-shadow:var(--sh-claro)!important}
.fase1 .cond.meta{box-shadow:inset 0 0 40px rgba(120,75,25,.25),var(--sh-claro)!important}
.fase1 .cond:not(.meta),.g{box-shadow:var(--sh-escuro)!important}
.telao{box-shadow:0 0 0 6px var(--creme),var(--sh-escuro)!important}
/* pequenos elementos */
.btn,.ig-btn,.b .ic,.ticket .pill.v,.tag,.stat,.chips li{box-shadow:var(--sh-mini)!important}
.btn{box-shadow:var(--sh-mini),0 10px 30px rgba(76,194,113,.25)!important}
/* filtros (formas recortadas) */
.finais{filter:drop-shadow(1px 2px 2px rgba(0,0,0,.30)) drop-shadow(6px 14px 16px rgba(0,0,0,.38))!important}
.hero h1 .hl{filter:drop-shadow(1px 2px 2px rgba(0,0,0,.35)) drop-shadow(6px 12px 14px rgba(0,0,0,.45))!important}
.parceria img{filter:drop-shadow(2px 0 0 #f4e7cf) drop-shadow(-2px 0 0 #f4e7cf) drop-shadow(0 2px 0 #f4e7cf) drop-shadow(0 -2px 0 #f4e7cf) drop-shadow(4px 12px 14px rgba(0,0,0,.55))!important}
.parceria::after{filter:blur(10px);background:rgba(0,0,0,.5)}
/* textos */
.hero h1 .w{text-shadow:var(--ts-forte)!important}
.fase1 h2,.cta h2{text-shadow:var(--ts-forte)!important}
.regra .big span{text-shadow:1px 2px 2px rgba(29,23,18,.25),3px 7px 12px rgba(29,23,18,.28)!important}
.n-verde b,.p-verde h4,.who.gemeas h3 img{text-shadow:1px 2px 2px rgba(0,0,0,.3),3px 6px 10px rgba(0,0,0,.35)!important}
.fita2{box-shadow:0 1px 2px rgba(0,0,0,.18),0 3px 6px rgba(0,0,0,.12)!important}
/* hover: o papel sobe e a sombra se afasta e espalha */
@media (hover:hover){
  .who:hover,.ponte-grid .who:hover,.hero .photo:hover,.contra .art:hover,.ben .b:hover,.f2-board .nota:hover,.g-grid .g:hover,.cond-row .cond:hover{box-shadow:var(--sh-hover)!important}
  .fase1 .cond.meta:hover{box-shadow:inset 0 0 40px rgba(120,75,25,.25),var(--sh-hover)!important}
  .finais .ticket:hover{filter:drop-shadow(2px 6px 6px rgba(0,0,0,.25))}
  .btn:hover,.ig-btn:hover{box-shadow:2px 4px 4px rgba(0,0,0,.25),6px 14px 20px rgba(0,0,0,.3)!important}
}