:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#f7f7f8;background:#101014}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% -12%,#451016 0%,#101014 50%)}a{color:inherit}.header{max-width:1040px;margin:auto;padding:28px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff16}.brand{color:#ed243b;font-weight:1000;font-style:italic;letter-spacing:-3px;line-height:.72;font-size:43px;display:flex;flex-direction:column;transform:skew(-5deg)}.brand-bottom{font-size:31px;letter-spacing:-2px}.dot{color:white}.tag{font-size:10px;letter-spacing:2px;color:#a6a6ae;font-weight:800}main{max-width:1040px;margin:auto;padding:54px 24px 90px}.intro{text-align:center;margin-bottom:64px}.eyebrow{font-size:11px;letter-spacing:3px;font-weight:800;color:#ff5365}.intro h1{font-size:clamp(43px,7vw,75px);letter-spacing:-3px;margin:15px 0 13px;line-height:1.08}.intro em{font-style:normal;color:#ef233c}.intro p{max-width:530px;margin:auto;color:#b9b9c2;line-height:1.6}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px;gap:12px}.section-heading h2{font-size:23px;margin:0}.section-heading span{font-size:10px;color:#8d8d98;letter-spacing:2px;font-weight:800}.events{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.event{position:relative;overflow:hidden;min-height:370px;border:1px solid #ffffff1e;border-radius:20px;background:#24242b;box-shadow:0 20px 50px #0003}.event:first-child{grid-column:1/-1;min-height:430px}.event img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .3s}.event:hover img{transform:scale(1.035)}.event:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0001 15%,#0009 58%,#000 100%)}.event-content{position:absolute;z-index:1;bottom:0;left:0;right:0;padding:28px}.event small{color:#ff6474;font-size:10px;font-weight:900;letter-spacing:2px}.event h3{font-size:clamp(23px,3vw,36px);margin:9px 0 20px;line-height:1.15}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#ec243d;border:0;color:white;text-decoration:none;border-radius:10px;padding:14px 21px;font-size:12px;font-weight:900;letter-spacing:1px;cursor:pointer}.button:hover{background:#cf1731}.status{color:#a8a8b2;text-align:center;padding:22px}.status:empty{display:none}footer{border-top:1px solid #ffffff1a;padding:30px 24px;display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;color:#a8a8b1;font-size:12px}footer strong{color:#f3f3f5}footer a{text-decoration:none}.admin-link{opacity:.5}input{width:100%;border:1px solid #45454f;border-radius:10px;padding:13px 14px;background:#1d1d24;color:white;font:inherit}label{display:block;font-size:13px;font-weight:700;margin:15px 0 7px}.panel{max-width:650px;margin:0 auto 30px;padding:28px;background:#1b1b21;border:1px solid #ffffff1a;border-radius:18px}.panel h2{margin-top:0}.form-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.secondary{background:#393943}.danger{background:#912335}.admin-item{display:flex;gap:14px;align-items:center;padding:15px;border-bottom:1px solid #ffffff17}.admin-item img{width:85px;height:72px;object-fit:cover;border-radius:9px}.admin-item .detail{flex:1;min-width:0}.admin-item strong{display:block;overflow-wrap:anywhere}.admin-item small{color:#a9a9b3}.admin-item .actions{display:flex;gap:5px;flex-wrap:wrap}.admin-item button{padding:9px 11px;font-size:12px}.hidden{display:none!important}.message{margin-top:15px;color:#ff8491;min-height:20px;font-size:13px}.hint{color:#a7a7b2;font-size:12px;line-height:1.5}.preview{display:block;max-width:200px;max-height:140px;margin-top:12px;border-radius:10px}@media(max-width:650px){.header{padding:22px 18px}.tag{display:none}main{padding:42px 16px 60px}.intro{margin-bottom:42px}.events{grid-template-columns:1fr;gap:16px}.event,.event:first-child{grid-column:auto;min-height:360px}.event-content{padding:23px}.panel{padding:20px}.admin-item{align-items:flex-start}.admin-item .actions{flex-direction:column}footer{gap:14px}}/* Duas colunas e último card centralizado em telas largas */ @media(min-width:651px){.event:first-child{grid-column:auto;min-height:370px}.event:last-child:nth-child(odd){grid-column:1/-1;width:calc(50% - 11px);justify-self:center}} /* Vitrine de campanhas e vídeo institucional */ .promotions{margin:-25px 0 50px}.promo-window{position:relative;aspect-ratio:2.5/1;min-height:260px;overflow:hidden;border:1px solid #ffffff24;border-radius:20px;background:#22222a}.promo-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .7s ease;pointer-events:none}.promo-slide.selected{opacity:1;visibility:visible;pointer-events:auto}.promo-slide>img{width:100%;height:100%;object-fit:cover}.promo-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#08080ee8 0%,#08080e8a 58%,#08080e20 100%)}.promo-overlay{position:absolute;z-index:1;inset:0;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;padding:clamp(20px,4vw,48px);max-width:78%}.promo-overlay small{font-size:10px;color:#ff6474;font-weight:900;letter-spacing:2px}.promo-overlay h2{font-size:clamp(25px,4vw,47px);line-height:1.08;margin:12px 0 8px}.promo-overlay p{margin:0 0 15px;color:#e0e0e6}.promo-overlay .button{margin-top:10px}.coupon-button{border:1px dashed #ff6679;border-radius:9px;background:#330e19;color:white;padding:10px 15px;font-weight:800;cursor:pointer}.promo-dots{display:flex;gap:8px;justify-content:center;margin:14px 0}.promo-dot{height:8px;width:8px;border:0;border-radius:50%;background:#686873;cursor:pointer}.promo-dot.selected{width:26px;border-radius:9px;background:#ec243d}.video-section{margin:0 0 52px}.video-container{aspect-ratio:16/9;background:#000;border:1px solid #ffffff24;border-radius:20px;overflow:hidden}.video-container iframe,.video-container video{width:100%;height:100%;border:0;display:block}.check-label{display:flex;align-items:center;gap:10px}.check-label input{width:auto;accent-color:#ec243d}.panel h3{margin-top:25px}@media(max-width:650px){.promotions{margin:-12px 0 40px}.promo-window{aspect-ratio:4/5;min-height:350px}.promo-slide:after{background:linear-gradient(0deg,#08080eee 0%,#08080e70 75%,#08080e20 100%)}.promo-overlay{max-width:100%;justify-content:flex-end}.promo-overlay h2{font-size:30px}.promo-overlay .button{padding:11px 13px}.promo-overlay p{font-size:13px}} /* CLICK NA FOTTO | identidade oficial e layout 2026 */ :root{--red:#ed1736;--red-dark:#9e0920;--bg:#0c0b0e;--panel:#1b191e;color-scheme:dark} html{scroll-behavior:smooth}body{background:radial-gradient(ellipse at 50% -15%,#4e0818 0%,#130c11 42%,#0b0a0d 75%)} .header{max-width:1320px;padding:20px 28px;gap:25px}.brand-link{display:flex;align-items:center;flex-shrink:0}.official-logo{display:block;width:180px;height:auto;max-height:84px;object-fit:contain}.header a:has(.official-logo){display:inline-flex;align-items:center} .top-nav{display:flex;gap:clamp(10px,2.8vw,35px);align-items:center;flex-wrap:wrap}.top-nav a{text-decoration:none;color:#f7f5f7;font-weight:750;font-size:13px;transition:color .2s}.top-nav a:hover{color:#ff5871} main{max-width:1320px;padding:42px 28px 85px}.intro{position:relative;margin:0 auto 27px;padding:52px 20px 46px;border-radius:25px;background:radial-gradient(ellipse at 50% 110%,#6d0b26 0%,#280b17 40%,#110c11 80%);border:1px solid #ffffff12;overflow:hidden}.intro:before,.intro:after{content:"";position:absolute;width:38%;height:2px;background:linear-gradient(90deg,transparent,#ed1736,transparent);transform:rotate(-20deg);opacity:.6}.intro:before{top:20%;left:-10%}.intro:after{bottom:20%;right:-10%}.intro h1{font-size:clamp(38px,5.5vw,76px);letter-spacing:-2.6px}.intro p{font-size:15px}.hero-cta{margin-top:24px}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:44px}.benefits span{background:#1b171d;border:1px solid #ffffff15;border-radius:12px;padding:18px 10px;text-align:center;font-size:13px;font-weight:700} .section-heading h2{font-size:clamp(23px,3vw,31px)}.events{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.event,.event:first-child{grid-column:auto;min-height:310px;border-radius:17px;box-shadow:0 15px 35px #0005}.event:last-child:nth-child(odd){grid-column:auto;width:auto;justify-self:stretch}.event-content{padding:18px}.event h3{font-size:clamp(18px,1.8vw,26px)}.event .button{font-size:10px;padding:11px 13px}.event img{transition:transform .45s}.event:hover img{transform:scale(1.07)} .promotions{margin:0 0 45px}.promo-window{border-color:#e8193545;box-shadow:0 14px 55px #e8193515}.promo-slide:after{background:linear-gradient(90deg,#10070deb,#12070b9e 56%,#10070b12)}.promo-overlay h2{font-weight:900}.coupon-button{font-size:15px;letter-spacing:.5px}.promo-dot.selected{background:var(--red)} .video-container{border-color:#e8193540;box-shadow:0 12px 42px #0007}.footer-logo{width:125px;height:auto}footer{background:#0a080b}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} .panel{max-width:780px}.panel .button{font-size:11px}.panel input:focus{outline:2px solid #ed1736;outline-offset:1px}.message{overflow-wrap:anywhere} @media(max-width:1050px){.events{grid-template-columns:repeat(3,minmax(0,1fr))}.event:last-child:nth-child(odd){grid-column:auto;width:auto}.top-nav{gap:14px}} @media(max-width:650px){.header{padding:15px 16px;flex-wrap:wrap;justify-content:center}.official-logo{width:148px}.top-nav{width:100%;justify-content:center;gap:17px}.top-nav a{font-size:12px}main{padding:24px 15px 65px}.intro{padding:42px 14px}.intro h1{letter-spacing:-1.6px}.benefits{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:35px}.benefits span{font-size:11px;padding:12px 7px}.events{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.event,.event:first-child{min-height:260px}.event-content{padding:13px}.event h3{font-size:18px;margin:7px 0 12px}.event small{font-size:8px}.event .button{font-size:9px;padding:10px}.event:last-child:nth-child(odd){grid-column:1/-1;width:calc(50% - 5px);justify-self:center}.promo-window{aspect-ratio:4/5}.promo-overlay h2{font-size:clamp(24px,7vw,34px)}.panel{padding:18px}} @media(max-width:390px){.events{grid-template-columns:1fr}.event,.event:first-child,.event:last-child:nth-child(odd){grid-column:auto;width:100%;min-height:320px}.top-nav{gap:11px}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.event img,.promo-slide{transition:none}} /* Redes sociais e galeria social exclusiva */ .social-events{margin:65px 0}.social-intro{color:#b9b9c2;margin:-5px 0 25px}.social-event-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.social-event-card{display:block;overflow:hidden;border-radius:18px;border:1px solid #ffffff25;background:#1d1d24;text-decoration:none;transition:transform .2s,border-color .2s}.social-event-card:hover{transform:translateY(-4px);border-color:#ef233c}.social-event-card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.social-event-body{padding:20px}.social-event-body h3{margin:0 0 8px;font-size:21px}.social-event-body p{color:#aaaab4;font-size:13px;min-height:35px}.social-event-body span{font-size:11px;font-weight:900;color:#ff5066;letter-spacing:1px}.contact-section{text-align:center;padding:45px 22px;background:linear-gradient(135deg,#301016,#17171e);border:1px solid #ffffff20;border-radius:22px;margin:55px 0 0}.contact-section h2{font-size:clamp(25px,4vw,36px);margin:0 0 10px}.contact-section p{color:#b9b9c2}.contact-links{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:25px}.contact-link{padding:13px 20px;border-radius:12px;border:1px solid #ffffff35;text-decoration:none;font-size:13px;font-weight:800;transition:background .2s}.contact-link:hover{background:#ffffff18}.contact-link.whatsapp{background:#188d55;border-color:#188d55;color:#fff}.contact-link.social_instagram{border-color:#dd3d73}.contact-link.social_youtube{border-color:#e52c3c}@media(max-width:700px){.social-event-list{grid-template-columns:1fr}.contact-section{padding:32px 16px}} /* VITRINE PREMIUM CLICK NA FOTTO — mantém estilos do painel */ .public-site{background:radial-gradient(circle at 70% 0%,#35020d,#090709 50%);color:#fff;font-family:Inter,Arial,sans-serif} .public-site .header{max-width:none;width:100%;padding:13px clamp(16px,3.2vw,54px);background:linear-gradient(100deg,#270009,#0c080a 58%,#270009);border-bottom:2px solid #e00025;box-shadow:0 5px 28px #c9002845;gap:24px;position:relative;z-index:3} .public-site .official-logo{width:185px;max-height:75px}.public-site .top-nav{gap:8px;flex-wrap:nowrap}.public-site .top-nav a{display:flex;align-items:center;gap:7px;white-space:nowrap;padding:11px 12px;border-radius:9px;font-size:13px;font-weight:800}.public-site .top-nav a.active,.public-site .top-nav a:hover{background:linear-gradient(#ff173a,#a9001c);color:white;box-shadow:0 0 18px #ed143d55}.public-site svg{width:20px;height:20px;stroke-width:2.4;flex-shrink:0}.public-site .header-search{margin-left:auto;display:flex;align-items:center;gap:8px;border:1px solid #f01c3b;border-radius:30px;box-shadow:0 0 13px #ef002a6b;padding:8px 13px;min-width:175px}.public-site .header-search input{border:0;outline:0;padding:2px;background:transparent;min-width:0;font-size:13px} .public-site main{max-width:1536px;padding:0 clamp(12px,3.2vw,52px) 40px}.public-site .hero{position:relative;min-height:330px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;background:radial-gradient(circle at 65% 50%,#4b0a1c,#15060b 70%);border-bottom:2px solid #ed143d;margin:0 calc(-1 * clamp(12px,3.2vw,52px)) 0;padding:28px clamp(24px,6vw,95px)}.hero-photo{position:absolute;inset:0;background-size:cover;background-position:center 37%;opacity:.8;transition:background-image .5s}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#100508ef 0%,#1005087b 39%,#10050835 65%,#100508c7 100%);pointer-events:none}.hero-content,.hero-right,.hero-pagination{position:relative;z-index:1}.hero-content{max-width:480px}.hero-kicker{color:#ff6c83;letter-spacing:2px;font-weight:900;font-size:10px}.hero h1{font-size:clamp(38px,4.2vw,66px);line-height:.93;letter-spacing:-2px;font-weight:1000;font-style:italic;margin:15px 0 20px;text-shadow:0 3px 20px #000}.hero h1 em{display:block;color:#ff173c;font-style:italic}.hero-checks{list-style:none;padding:0;margin:0 0 18px}.hero-checks li{display:flex;align-items:center;gap:9px;font-size:19px;font-style:italic;font-weight:900;line-height:1.3;text-shadow:0 2px 9px #000}.hero-checks svg{color:#ff173c;width:23px;height:23px;stroke-width:4}.public-site .hero-cta{border-radius:25px;background:linear-gradient(#ff2745,#bf001c);box-shadow:0 4px 15px #ff003855;font-size:13px}.hero-right{text-align:center;max-width:230px;margin-left:auto}.hero-right img{width:145px;max-height:120px;object-fit:contain}.hero-right p{font-size:clamp(19px,2vw,30px);line-height:1.1;font-weight:1000;font-style:italic;text-shadow:0 2px 12px #000}.hero-pagination{position:absolute;bottom:12px;left:50%;display:flex;gap:7px}.hero-pagination span{width:9px;height:9px;border-radius:50%;background:#fff8}.hero-pagination .on{background:#ff1438} .public-site .benefits{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin:0 0 22px;background:linear-gradient(#252225,#0b0a0c);border-bottom:1px solid #8d1022}.public-site .benefits>div{display:flex;justify-content:center;align-items:center;gap:12px;padding:15px 8px;position:relative}.public-site .benefits>div+div:before{content:'';position:absolute;left:0;height:35px;border-left:2px solid #ed1636}.public-site .benefits svg{width:38px;height:38px;stroke-width:1.8}.public-site .benefits span{font-size:12px;line-height:1.25}.public-site .benefits strong{font-size:13px} .public-site .promotions{margin:15px 0 27px}.promo-title{display:flex;align-items:center;gap:8px;color:#ff5368;font-weight:900;letter-spacing:2px;font-size:12px;margin:0 0 10px}.public-site .promo-window{border:2px solid #fa173b;box-shadow:0 0 22px #e500355c;border-radius:18px;aspect-ratio:5/1;min-height:190px}.public-site .promo-overlay h2{font-style:italic}.public-site .coupon-button{background:#a40022;border:2px dashed #fff;font-size:17px}.public-site .promo-dots{margin:9px} .public-site .section-heading{margin:0 0 14px;align-items:center}.public-site .section-heading h2{display:flex;align-items:center;gap:12px;font-size:clamp(24px,2.5vw,36px);font-style:italic;font-weight:1000}.public-site .section-heading h2 svg{color:#ff1c3b;width:30px;height:30px}.public-site .section-heading a{display:flex;align-items:center;gap:8px;text-decoration:none;font-weight:900;font-style:italic;font-size:13px}.public-site .events{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.public-site .event,.public-site .event:first-child,.public-site .event:last-child:nth-child(odd){grid-column:auto;min-height:245px;width:auto;justify-self:stretch;border-radius:15px;border:1px solid #ec183a;background:#201015}.public-site .event-content{padding:15px;background:linear-gradient(transparent,#bd001fbb)}.public-site .event h3{font-size:clamp(16px,1.6vw,23px);font-style:italic;line-height:1.1}.public-site .event small{font-size:9px;color:#fff}.public-site .event .button{border-radius:20px;background:linear-gradient(#ff2445,#bf001c);padding:9px 13px;font-size:10px;box-shadow:0 2px 10px #0008}.public-site .events-section{margin:0 0 35px}.public-site .video-section{margin:35px 0}.public-site .video-container{max-width:960px;margin:auto;aspect-ratio:16/9;border:2px solid #bd1630} .public-site .social-events{margin:28px 0}.social-banner{display:flex;align-items:center;gap:22px;padding:20px 25px;border:2px solid #fa2140;border-radius:18px;background:linear-gradient(105deg,#69000d,#1b050a 55%,#5a0010);box-shadow:0 0 20px #e5003545}.social-banner>svg{width:42px;height:42px}.social-banner h2{margin:0;font-size:clamp(19px,2vw,30px);font-style:italic;white-space:nowrap}.social-banner p{flex:1;text-align:center;font-size:13px;color:#fff;margin:0}.social-banner .button{white-space:nowrap;border-radius:24px}.public-site .social-event-list{margin-top:18px}.public-site .contact-section{margin:28px 0;border-color:#f41b3d;background:linear-gradient(120deg,#350009,#12070b);padding:25px}.public-site .contact-section h2{font-size:26px} .public-site footer{background:linear-gradient(100deg,#2c0009,#0c0709,#2c0009);border-top:2px solid #e7193a;max-width:none;justify-content:space-around;gap:15px;padding:23px 20px;box-shadow:0 -3px 22px #e7193a33}.public-site footer .footer-logo{width:165px}.footer-social{display:flex;align-items:center;gap:12px}.footer-social strong{font-size:12px}.footer-social #footer-social-links{display:flex;gap:8px}.footer-social a{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#a50924;color:white}.footer-social a.instagram{background:linear-gradient(35deg,#ffb400,#e11d76,#652bba)}.footer-social a.facebook{background:#1877f2}.footer-social a.youtube{background:#ff0025}.footer-contact{display:flex;align-items:center;gap:6px;font-size:12px}.public-site footer>a{display:flex;align-items:center;gap:5px;font-weight:800}.public-site footer .admin-link{font-size:10px;opacity:.55} @media(max-width:1180px){.public-site .header{flex-wrap:wrap;justify-content:center}.public-site .header-search{margin-left:0}.public-site .top-nav{flex-wrap:wrap;justify-content:center}.public-site .events{grid-template-columns:repeat(3,1fr)}.social-banner{flex-wrap:wrap;justify-content:center}.social-banner p{flex-basis:100%;order:3}.public-site .benefits strong{font-size:11px}} @media(max-width:720px){.public-site .header{padding:12px}.public-site .official-logo{width:150px}.public-site .top-nav{gap:4px}.public-site .top-nav a{font-size:11px;padding:8px}.public-site .top-nav svg{width:16px;height:16px}.public-site .header-search{width:100%;max-width:400px}.public-site .hero{min-height:360px;padding:24px}.hero-right{display:none}.hero h1{font-size:42px}.hero-checks li{font-size:16px}.public-site .benefits{grid-template-columns:repeat(2,1fr)}.public-site .benefits>div:last-child{grid-column:1/-1}.public-site .benefits>div:before{display:none}.public-site .benefits svg{width:30px;height:30px}.public-site .promo-window{aspect-ratio:4/4;min-height:330px}.public-site .events{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.public-site .event,.public-site .event:first-child,.public-site .event:last-child:nth-child(odd){min-height:250px}.public-site .event h3{font-size:17px}.public-site .section-heading h2{font-size:22px}.public-site .section-heading a{font-size:10px}.social-banner{padding:17px;gap:12px}.social-banner h2{font-size:19px;white-space:normal}.social-banner .button{font-size:10px}.public-site footer{flex-direction:column}.footer-social{flex-wrap:wrap;justify-content:center}} @media(max-width:390px){.public-site .events{grid-template-columns:1fr}.public-site .event,.public-site .event:first-child,.public-site .event:last-child:nth-child(odd){min-height:300px}.public-site .top-nav a{font-size:10px}.public-site .hero{min-height:340px}} @media(prefers-reduced-motion:reduce){.public-site *{scroll-behavior:auto!important;transition:none!important}} /* Fallback para capa ainda não cadastrada no Supabase */ .public-site .hero-photo{background-image:linear-gradient(125deg,#17030a 5%,#62091c 52%,#18040a 95%)} /* CLICK NA FOTTO — CUPOM E EVENTOS SOCIAIS */ .public-site .click-coupon { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 18px 28px; border: 2px solid #ff2447; border-radius: 24px; background: linear-gradient(105deg, #b90020, #49000d 40%, #a0001e 80%, #310007); box-shadow: 0 0 24px #ff003c88; } .public-site .click-coupon-heading svg, .public-site .click-coupon-camera svg { width: 68px; height: 68px; padding: 14px; border: 2px solid #ff4260; border-radius: 50%; background: linear-gradient(145deg, #ff2447, #700015); color: white; box-shadow: 0 0 18px #ff244799; } .public-site .click-coupon-copy { border-radius: 30px; border: 2px dashed white; padding: 10px 22px; background: #39000d; color: #ffda27; font-weight: 1000; font-style: italic; box-shadow: 0 0 15px #ff244766; } /* EVENTOS SOCIAIS EXCLUSIVOS */ .public-site .social-events { margin: 30px 0; } .public-site .social-banner { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 18px 26px; border: 2px solid #ff2447; border-radius: 22px; background: linear-gradient(105deg, #9e001c, #260008 50%, #a0001b); box-shadow: 0 0 22px #ff003c88, inset 0 0 15px #ff244733; } .public-site .social-banner-title { display: flex; align-items: center; gap: 15px; } .public-site .social-banner-title svg, .public-site .social-banner > svg { width: 55px; height: 55px; padding: 11px; border: 2px solid #ff4260; border-radius: 50%; background: #95001b; color: white; box-shadow: 0 0 15px #ff244788; } .public-site .social-banner h2 { color: white; font-size: clamp(20px, 2.2vw, 31px); font-weight: 900; font-style: italic; margin: 0; } .public-site .social-categories { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; padding: 10px 18px; border: 1px solid #ff2447; border-radius: 30px; } .public-site .social-categories span { font-size: 12px; font-weight: 700; } .public-site .social-banner .button { border-radius: 30px; background: linear-gradient(#ff2849, #bd001e); box-shadow: 0 0 15px #ff003c88; white-space: nowrap; } /* REDES SOCIAIS — ÍCONES CIRCULARES */ .public-site .click-social-icons a { width: 44px; height: 44px; border-radius: 50%; box-shadow: 0 0 12px #ffffff22; } .public-site .click-whatsapp { border-radius: 40px; background: linear-gradient(#1bda55, #087e32); box-shadow: 0 0 16px #00e64d66; } /* CELULAR */ @media(max-width:900px) { .public-site .click-coupon, .public-site .social-banner { flex-wrap: wrap; justify-content: center; text-align: center; } .public-site .social-banner-title { justify-content: center; } .public-site .social-categories { width: 100%; } } /* CORREÇÃO: ÍCONE EVENTOS SOCIAIS EXCLUSIVOS */ .public-site #social-events .social-banner-title { display: flex !important; align-items: center !important; gap: 14px !important; } .public-site #social-events .social-title-icon { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 58px !important; width: 58px !important; height: 58px !important; padding: 0 !important; border: 2px solid #ff4260 !important; border-radius: 50% !important; background: #95001b !important; color: #fff !important; visibility: visible !important; opacity: 1 !important; overflow: visible !important; } .public-site #social-events .social-title-icon > svg { display: block !important; width: 36px !important; height: 36px !important; min-width: 36px !important; padding: 0 !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; fill: none !important; stroke: #fff !important; stroke-width: 2.2 !important; opacity: 1 !important; visibility: visible !important; } /* Escala consistente dos ícones na página pública */ .public-site .top-nav svg,.public-site .top-nav .lucide{width:18px;height:18px;max-width:18px;max-height:18px} .public-site .header-search svg{width:19px;height:19px} .public-site .benefits svg{width:32px;height:32px;max-width:32px;max-height:32px} .public-site .click-coupon .round-icon svg{width:30px;height:30px;max-width:30px;max-height:30px} .public-site #social-events .social-title-icon>svg{width:32px!important;height:32px!important;min-width:0!important;max-width:32px!important;max-height:32px!important} .public-site #social-events .social-title-icon{width:48px!important;height:48px!important;min-width:48px!important;flex:0 0 48px!important} .public-site .click-social-icons svg,.public-site .click-whatsapp svg{width:22px;height:22px;max-width:22px;max-height:22px} .public-site .section-heading svg{width:26px;height:26px;max-width:26px;max-height:26px} @media(max-width:600px){.public-site .benefits svg{width:26px;height:26px}.public-site #social-events .social-title-icon{width:44px!important;height:44px!important;min-width:44px!important;flex-basis:44px!important}.public-site #social-events .social-title-icon>svg{width:28px!important;height:28px!important}}