*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#030405;color:#fff;font-family:Arial,Helvetica,sans-serif;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.55),rgba(0,0,0,.88));pointer-events:none;z-index:-1}.top{width:100%;max-width:430px;margin:0 auto;padding:18px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.brand img{width:150px;max-width:58vw;display:block}.badge{font-size:11px;color:#fff;display:flex;gap:6px;align-items:center;line-height:1.2}.badge span{color:#ffc21b}.header-banner{width:100%;margin:8px 0 0;border-radius:16px;overflow:hidden;border:1px solid rgba(255,198,42,.32);box-shadow:0 12px 32px rgba(0,0,0,.35);display:block}.header-banner img{width:100%;display:block;height:auto;object-fit:cover}.wrap{width:100%;max-width:430px;margin:0 auto;padding:8px 12px}.hero{min-height:230px;display:flex;align-items:center}.hero-text{width:100%}.hero h1{font-size:40px;line-height:.98;margin:24px 0 18px;font-weight:900;letter-spacing:-1px;text-shadow:0 10px 35px #000}.hero h1 span{color:#ffc21b}.hero p{font-size:15px;line-height:1.55;color:#eee;margin:0 0 24px}.mini-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mini-features div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;min-width:0}.mini-features b{font-size:20px;color:#ffc21b}.mini-features strong{font-size:10.5px;line-height:1.1}.mini-features small{font-size:9px;line-height:1.15;color:#cdd1d8}.video-box{margin:22px auto;border:1px solid rgba(255,198,42,.65);border-radius:16px;overflow:hidden;background:#050607;box-shadow:0 0 40px rgba(255,180,0,.15)}.video-box iframe{display:block;width:100%;aspect-ratio:16/9;border:0;background:#050607}.cta{width:min(360px,86%);margin:22px auto;display:flex;flex-direction:column;text-align:center;text-decoration:none;color:#161100;background:linear-gradient(180deg,#ffe46c,#ffba18);padding:12px 10px;border-radius:15px;box-shadow:0 0 36px rgba(255,188,24,.38);transition:.2s;position:relative;overflow:hidden;animation:ctaPulse 1.7s ease-in-out infinite}.cta:before{content:"";position:absolute;inset:-3px;background:conic-gradient(from 0deg,transparent 0 20%,rgba(255,255,255,.98),rgba(255,255,255,.65) 26%,transparent 42% 100%);animation:ctaLight 2.2s linear infinite}.cta:after{content:"";position:absolute;inset:3px;border-radius:12px;background:linear-gradient(180deg,#ffe46c,#ffba18);z-index:0}.cta strong,.cta small{position:relative;z-index:1}.cta:hover{transform:translateY(-2px) scale(1.01)}.cta strong{font-size:15px;font-weight:900;line-height:1.1}.cta small{font-size:10px;margin-top:4px}@keyframes ctaPulse{0%,100%{transform:scale(1);box-shadow:0 0 28px rgba(255,188,24,.34)}50%{transform:scale(1.025);box-shadow:0 0 55px rgba(255,211,50,.72)}}@keyframes ctaLight{to{transform:rotate(360deg)}}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:24px 0;background:rgba(9,13,20,.82);border:1px solid rgba(255,255,255,.08);border-radius:15px;padding:10px;box-shadow:0 20px 60px rgba(0,0,0,.3)}.cards article{display:flex;flex-direction:column;text-align:center;align-items:center;gap:6px;border-right:1px solid rgba(255,255,255,.08);padding:7px 3px;min-width:0}.cards article:last-child{border-right:0}.cards i,.trust i{font-style:normal;font-size:21px;color:#ffc21b}.cards h3{margin:0 0 4px;font-size:10.5px;line-height:1.12}.cards p,.trust small,footer p,footer a,.about p{color:#c9ced6;line-height:1.22}.cards p{font-size:8.7px;margin:0}.trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;border-top:1px solid rgba(255,198,42,.2);border-bottom:1px solid rgba(255,198,42,.2);padding:18px 0}.trust div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;min-width:0}.trust i{font-size:20px}.trust strong{font-size:10px;line-height:1.12}.trust small{font-size:8.7px;line-height:1.18}.about{margin:28px 0;background:rgba(9,13,20,.74);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:18px}.about h2{margin-top:0;color:#ffc21b;font-size:20px}.about p{font-size:13px}footer{width:100%;max-width:430px;margin:0 auto;padding:24px 8px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;border-top:1px solid rgba(255,198,42,.18);align-items:start;overflow:visible}footer>*{min-width:0}footer img{width:88px;max-width:100%;display:block}footer nav{display:flex;flex-direction:column;gap:8px}footer p,footer a{font-size:9px;line-height:1.22;text-decoration:none}footer b{font-size:9px}.social{display:flex;gap:5px}.social a{width:24px;height:24px;border:1px solid rgba(255,255,255,.2);border-radius:50%;display:grid;place-items:center;color:#fff;font-size:11px}.copy{text-align:center;color:#808894;font-size:10px;padding:0 0 22px}


/* Banner do cabeçalho: pulsar + flash de luz correndo pela imagem */
.header-banner{
  position:relative;
  animation:headerBannerPulse 1.9s ease-in-out infinite;
}
.header-banner:after{
  content:"";
  position:absolute;
  top:-40%;
  left:-80%;
  width:45%;
  height:180%;
  background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.05) 25%,rgba(255,255,255,.85) 50%,rgba(255,214,70,.45) 62%,transparent 100%);
  transform:skewX(-22deg);
  animation:headerBannerFlash 2.4s linear infinite;
  pointer-events:none;
}
@keyframes headerBannerPulse{
  0%,100%{transform:scale(1);box-shadow:0 12px 32px rgba(0,0,0,.35),0 0 0 rgba(255,198,42,0)}
  50%{transform:scale(1.018);box-shadow:0 16px 42px rgba(0,0,0,.45),0 0 26px rgba(255,198,42,.45)}
}
@keyframes headerBannerFlash{
  0%{left:-80%;opacity:0}
  12%{opacity:1}
  55%{opacity:.9}
  100%{left:135%;opacity:0}
}

/* Controle de tamanho da fonte pelo painel ADM */
body{font-size:var(--cb-font-size,16px)}
.hero h1{font-size:calc(var(--cb-font-size,16px) * 2.5)}
.hero p{font-size:calc(var(--cb-font-size,16px) * .94)}
.mini-features strong,.cards h3,.trust strong{font-size:calc(var(--cb-font-size,16px) * .66)}
.mini-features small,.cards p,.trust small{font-size:calc(var(--cb-font-size,16px) * .55)}
.cta strong{font-size:calc(var(--cb-font-size,16px) * .94)}
.cta small{font-size:calc(var(--cb-font-size,16px) * .63)}
.about h2{font-size:calc(var(--cb-font-size,16px) * 1.25)}
.about p{font-size:calc(var(--cb-font-size,16px) * .82)}
footer p,footer a,footer b{font-size:calc(var(--cb-font-size,16px) * .56)}
.copy{font-size:calc(var(--cb-font-size,16px) * .62)}


/* Fontes individuais por seção - controladas pelo ADM */
.top .badge{font-size:calc(var(--section-font-size,16px) * .69)}
.hero h1{font-size:calc(var(--section-font-size,16px) * 2.5)}
.hero p{font-size:calc(var(--section-font-size,16px) * .94)}
.mini-features strong{font-size:calc(var(--section-font-size,16px) * .66)}
.mini-features small{font-size:calc(var(--section-font-size,16px) * .55)}
.video-box{font-size:var(--section-font-size,16px)}
.cta strong{font-size:calc(var(--section-font-size,16px) * .94)}
.cta small{font-size:calc(var(--section-font-size,16px) * .63)}
.cards h3{font-size:calc(var(--section-font-size,16px) * .66)}
.cards p{font-size:calc(var(--section-font-size,16px) * .55)}
.trust strong{font-size:calc(var(--section-font-size,16px) * .63)}
.trust small{font-size:calc(var(--section-font-size,16px) * .55)}
.about h2{font-size:calc(var(--section-font-size,16px) * 1.25)}
.about p{font-size:calc(var(--section-font-size,16px) * .82)}
footer p,footer a,footer b{font-size:calc(var(--section-font-size,16px) * .56)}

/* Otimização mobile sem alterar visual */
@media (max-width: 700px){
  body{background-attachment:scroll!important}
  .header-banner{will-change:transform}
  .header-banner:after{will-change:left,opacity}
  .cta{will-change:transform}
}
.videos-area{margin:22px 0}.video-box h2{margin:0;padding:12px 14px;color:#ffc21b;font-size:15px;text-align:center;background:rgba(0,0,0,.42)}.cta-area{display:flex;flex-direction:column;align-items:center;gap:12px;margin:22px 0}.cta-area .cta{margin:0 auto}.contact-box{margin:28px 0;background:rgba(9,13,20,.74);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:18px;text-align:center}.contact-box h2{margin-top:0;color:#ffc21b;font-size:20px}.contact-box div{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.contact-box a{color:#161100;background:linear-gradient(180deg,#ffe46c,#ffba18);text-decoration:none;border-radius:999px;padding:10px 14px;font-weight:900;font-size:12px;box-shadow:0 0 24px rgba(255,188,24,.22)}

/* Vídeos com escolha de proporção no ADM */
.video-box.video-youtube iframe{aspect-ratio:16/9}
.video-box.video-vertical{max-width:300px}
.video-box.video-vertical iframe{aspect-ratio:9/16}

/* Grupos e contatos com identidade das redes sociais */
.contact-box h2{font-weight:900;letter-spacing:.3px;text-transform:uppercase;text-shadow:0 0 22px rgba(255,194,27,.22)}
.contact-box .contact-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#fff;text-decoration:none;border-radius:999px;padding:12px 16px;font-weight:900;font-size:12px;letter-spacing:.2px;min-width:138px;border:1px solid rgba(255,255,255,.25);box-shadow:0 0 24px rgba(0,0,0,.28);overflow:hidden;animation:contactPulse 1.65s ease-in-out infinite}
.contact-box .contact-btn:before{content:"";position:absolute;inset:-2px;background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.06) 28%,rgba(255,255,255,.55) 47%,rgba(255,255,255,.08) 62%,transparent 100%);transform:translateX(-120%) skewX(-18deg);animation:contactShine 2.4s linear infinite;pointer-events:none}
.contact-box .contact-btn span{position:relative;z-index:1}.contact-icon{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.18);font-size:14px;line-height:1}.contact-whatsapp,.contact-whatsapp-group{background:linear-gradient(180deg,#35df75,#128c4a)}.contact-telegram{background:linear-gradient(180deg,#45c7ff,#1688d4)}.contact-email{background:linear-gradient(180deg,#ff7d7d,#d63d3d)}.contact-default{background:linear-gradient(180deg,#ffe46c,#ffba18);color:#161100!important}
@keyframes contactPulse{0%,100%{transform:scale(1);filter:saturate(1)}50%{transform:scale(1.035);filter:saturate(1.18)}}
@keyframes contactShine{0%{transform:translateX(-130%) skewX(-18deg);opacity:0}12%{opacity:1}70%{opacity:.85}100%{transform:translateX(160%) skewX(-18deg);opacity:0}}

/* Página Quem Somos fica separada e só abre pelo rodapé */
.about-page-body{min-height:100vh}.about-page{width:100%;max-width:430px;margin:0 auto;padding:22px 14px 34px}.about-back{display:inline-flex;color:#161100;background:linear-gradient(180deg,#ffe46c,#ffba18);text-decoration:none;font-weight:900;border-radius:999px;padding:10px 14px;margin:0 0 18px;box-shadow:0 0 24px rgba(255,188,24,.26)}.about-card-page{background:linear-gradient(180deg,rgba(13,18,28,.92),rgba(5,7,11,.88));border:1px solid rgba(255,198,42,.26);border-radius:24px;padding:24px 18px;text-align:center;box-shadow:0 24px 70px rgba(0,0,0,.46),0 0 35px rgba(255,198,42,.12)}.about-logo{width:118px;max-width:60%;display:block;margin:0 auto 16px}.about-kicker{display:inline-flex;color:#ffc21b;border:1px solid rgba(255,198,42,.34);border-radius:999px;padding:6px 12px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.8px;background:rgba(255,198,42,.08)}.about-card-page h1{margin:16px 0 14px;font-size:30px;line-height:1;color:#fff;text-shadow:0 8px 32px #000}.about-card-page p{color:#e4e8ef;font-size:14px;line-height:1.65;margin:0}.about-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:20px}.about-highlights div{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);border-radius:15px;padding:10px 5px}.about-highlights strong{display:block;color:#ffc21b;font-size:13px;line-height:1.1}.about-highlights small{display:block;color:#c9ced6;font-size:9px;line-height:1.15;margin-top:4px}

/* Atualização: cada vídeo com descrição e botão próprio */
.video-box{background:rgba(8,12,20,.82);border:1px solid rgba(255,255,255,.08);border-radius:18px;overflow:hidden;box-shadow:0 18px 48px rgba(0,0,0,.28);margin:0 auto 18px}.video-desc{margin:0;padding:13px 15px;color:#e6e9ef;font-size:13px;line-height:1.45;text-align:center;background:rgba(0,0,0,.22)}.video-cta{display:flex;align-items:center;justify-content:center;width:calc(100% - 26px);margin:13px auto 15px;padding:12px 14px;border-radius:14px;background:linear-gradient(180deg,#ffe46c,#ffba18);color:#171100;text-decoration:none;font-weight:950;letter-spacing:.2px;text-align:center;box-shadow:0 0 28px rgba(255,188,24,.32);position:relative;overflow:hidden}.video-cta:before{content:"";position:absolute;top:-50%;left:-70%;width:45%;height:200%;background:linear-gradient(115deg,transparent,rgba(255,255,255,.88),transparent);transform:skewX(-22deg);animation:contactShine 2.5s linear infinite}.video-cta{animation:contactPulse 1.8s ease-in-out infinite}

/* Botão fixo das rifas diárias em vermelho com feixe de luz */
.daily-raffle-area{margin:22px 0}.daily-raffle-cta,.cta.daily-raffle-cta{background:linear-gradient(180deg,#ff3434,#c90000)!important;color:#fff!important;border:1px solid rgba(255,255,255,.2);box-shadow:0 0 32px rgba(255,0,0,.45)!important;text-shadow:0 1px 2px rgba(0,0,0,.45)}.daily-raffle-cta:after,.cta.daily-raffle-cta:after{background:linear-gradient(180deg,#ff3434,#c90000)!important}.daily-raffle-cta:before,.cta.daily-raffle-cta:before{background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.04) 25%,rgba(255,255,255,.95) 48%,rgba(255,255,255,.12) 66%,transparent 100%)!important;animation:dailyRedShine 1.9s linear infinite!important;transform:skewX(-22deg)}.daily-raffle-cta strong,.daily-raffle-cta small{color:#fff!important}.daily-raffle-cta{animation:dailyRedPulse 1.25s ease-in-out infinite!important}@keyframes dailyRedPulse{0%,100%{transform:scale(1);box-shadow:0 0 28px rgba(255,0,0,.42)}50%{transform:scale(1.045);box-shadow:0 0 62px rgba(255,0,0,.86)}}@keyframes dailyRedShine{0%{transform:translateX(-145%) skewX(-22deg);opacity:0}10%{opacity:1}70%{opacity:.95}100%{transform:translateX(165%) skewX(-22deg);opacity:0}}

/* Ícones e cores oficiais dos botões de grupos */
.contact-icon svg{width:17px;height:17px;display:block}.contact-whatsapp,.contact-whatsapp-group{background:#25D366!important;color:#fff!important;box-shadow:0 0 26px rgba(37,211,102,.38)!important}.contact-telegram{background:#229ED9!important;color:#fff!important;box-shadow:0 0 26px rgba(34,158,217,.38)!important}.contact-icon{background:rgba(255,255,255,.20)!important}.contact-whatsapp .contact-icon,.contact-whatsapp-group .contact-icon,.contact-telegram .contact-icon{color:#fff!important}


/* Ajuste solicitado: vídeo menor e botão separado do quadro do vídeo */
.videos-area{display:flex;flex-direction:column;align-items:center;gap:22px;margin:22px 0}.video-item{width:100%;display:flex;flex-direction:column;align-items:center}.video-item .video-box{width:min(360px,92%);margin:0 auto 10px}.video-item .video-box.video-youtube{max-width:360px}.video-item .video-box.video-vertical{max-width:245px}.video-item .video-box h2{padding:9px 12px;font-size:13px}.video-item .video-desc{display:none!important}.video-item .video-cta{width:min(340px,88%);margin:4px auto 0;padding:12px 14px;border-radius:16px;display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;background:linear-gradient(180deg,#ffe46c,#ffba18);color:#171100;text-decoration:none;text-align:center;font-weight:950;box-shadow:0 0 28px rgba(255,188,24,.32);position:relative;overflow:hidden}.video-item .video-cta strong{position:relative;z-index:1;font-size:14px;line-height:1.1}.video-item .video-cta small{position:relative;z-index:1;font-size:10px;line-height:1.25;font-weight:700;color:#3b2a00;max-width:95%}@media (max-width:480px){.video-item .video-box{width:min(330px,90%)}.video-item .video-box.video-vertical{max-width:220px}.video-item .video-cta{width:min(318px,86%)}}

/* Botões fixos com cores escolhidas no ADM */
.daily-raffle-area{display:flex;flex-direction:column;gap:12px;align-items:center}.cta[class*="fixed-color-"]{border:1px solid rgba(255,255,255,.2);text-shadow:0 1px 2px rgba(0,0,0,.45);animation:dailyRedPulse 1.25s ease-in-out infinite!important}.cta[class*="fixed-color-"] strong,.cta[class*="fixed-color-"] small{color:inherit!important}.cta[class*="fixed-color-"]:before{background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.04) 25%,rgba(255,255,255,.95) 48%,rgba(255,255,255,.12) 66%,transparent 100%)!important;animation:dailyRedShine 1.9s linear infinite!important;transform:skewX(-22deg)}
.fixed-color-red{background:linear-gradient(180deg,#ff3434,#c90000)!important;color:#fff!important;box-shadow:0 0 32px rgba(255,0,0,.45)!important}.fixed-color-red:after{background:linear-gradient(180deg,#ff3434,#c90000)!important}
.fixed-color-yellow{background:linear-gradient(180deg,#ffe86a,#ffb300)!important;color:#2b1800!important;box-shadow:0 0 32px rgba(255,195,0,.45)!important;text-shadow:none!important}.fixed-color-yellow:after{background:linear-gradient(180deg,#ffe86a,#ffb300)!important}
.fixed-color-pink{background:linear-gradient(180deg,#ff5fc8,#d90083)!important;color:#fff!important;box-shadow:0 0 32px rgba(255,35,170,.45)!important}.fixed-color-pink:after{background:linear-gradient(180deg,#ff5fc8,#d90083)!important}
.fixed-color-green{background:linear-gradient(180deg,#22e06f,#087f35)!important;color:#fff!important;box-shadow:0 0 32px rgba(34,224,111,.45)!important}.fixed-color-green:after{background:linear-gradient(180deg,#22e06f,#087f35)!important}
.fixed-color-blue{background:linear-gradient(180deg,#35a8ff,#006fd1)!important;color:#fff!important;box-shadow:0 0 32px rgba(0,132,255,.45)!important}.fixed-color-blue:after{background:linear-gradient(180deg,#35a8ff,#006fd1)!important}


/* Carrossel do banner do cabeçalho: só ativa quando houver mais de uma imagem */
.header-banner-carousel{position:relative;min-height:1px;background:#050607}
.header-banner-carousel .banner-slide{width:100%;display:block;opacity:0;transition:opacity .7s ease;position:absolute;inset:0;height:100%;object-fit:cover}
.header-banner-carousel .banner-slide:first-child{position:relative;height:auto}
.header-banner-carousel .banner-slide.active{opacity:1;z-index:1}
.header-banner:after{z-index:3}