/* ========================================================== HERO EXPO THEME — Main Stylesheet Suporte a Light/Dark Mode ========================================================== */ /* ── Reset & Variables ── */ *,*::before,*::after{margin:0;padding:0;box-sizing:border-box} :root{ --lime:#A3D900;--lime-dark:#8BC200;--lime-glow:#C5FF00; --charcoal:#2D2D2D;--dark:#1A1A1A;--mid-gray:#4A4A4A; --light-gray:#F5F5F5;--white:#FFFFFF; --pink:#FF4D8D;--cyan:#00D4FF;--orange:#FF8C42;--purple:#9B59FF;--red:#FF3B3B; --font-display:'Bangers',cursive;--font-body:'Outfit',sans-serif; /* Semantic */ --bg-body:#FFF;--bg-surface:#FFF;--bg-alt:#F5F5F5;--bg-elevated:#FFF;--bg-inverted:#1A1A1A; --text-primary:#2D2D2D;--text-secondary:#4A4A4A;--text-on-dark:#FFF; --border:#EBEBEB;--border-hover:#D0D0D0;--card-bg:#FFF;--card-border:#EBEBEB; --input-bg:#FFF;--input-border:#E0E0E0; --shadow:rgba(0,0,0,.08);--shadow-strong:rgba(0,0,0,.15); --nav-scrolled:rgba(26,26,26,.97);--logo-filter:brightness(0) invert(1); } [data-theme="dark"]{ --bg-body:#0A0A0A;--bg-surface:#121212;--bg-alt:#161616;--bg-elevated:#1E1E1E;--bg-inverted:#080808; --text-primary:#E8E8E8;--text-secondary:#8A8A8A;--text-on-dark:#E8E8E8; --border:#2A2A2A;--border-hover:#3D3D3D;--card-bg:#161616;--card-border:#252525; --input-bg:#1A1A1A;--input-border:#333; --shadow:rgba(0,0,0,.3);--shadow-strong:rgba(0,0,0,.5); --nav-scrolled:rgba(10,10,10,.97); --white:#0A0A0A;--light-gray:#121212;--charcoal:#E8E8E8;--mid-gray:#8A8A8A;--dark:#080808; } html{scroll-behavior:smooth;overflow-x:hidden} body{font-family:var(--font-body);color:var(--text-primary);background:var(--bg-body);overflow-x:hidden} a{text-decoration:none;color:inherit} ul{list-style:none} img{max-width:100%;display:block} ::-webkit-scrollbar{width:8px} ::-webkit-scrollbar-track{background:var(--dark)} ::-webkit-scrollbar-thumb{background:var(--lime);border-radius:4px} /* ── Section Shared ── */ section{padding:100px 40px} .section-header{text-align:center;margin-bottom:64px} .section-tag{display:inline-flex;align-items:center;gap:6px;background:rgba(163,217,0,.1);border:1px solid rgba(163,217,0,.25);color:var(--lime-dark);padding:6px 16px;border-radius:50px;font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:16px} .section-title{font-family:var(--font-display);font-size:clamp(36px,5vw,56px);letter-spacing:2px;line-height:1.1;color:var(--dark)} .section-title span{color:var(--lime-dark)} .section-desc{color:var(--mid-gray);font-size:17px;max-width:600px;margin:16px auto 0;line-height:1.7} /* ── Buttons ── */ .btn-primary{background:var(--lime);color:var(--dark);padding:16px 40px;border-radius:50px;font-weight:700;font-size:16px;letter-spacing:.5px;border:2px solid var(--lime);transition:all .3s;cursor:pointer;display:inline-flex;align-items:center;gap:8px} .btn-primary:hover{background:transparent;color:var(--lime);transform:translateY(-2px);box-shadow:0 10px 40px rgba(163,217,0,.3)} .btn-secondary{background:transparent;color:var(--white);padding:16px 40px;border-radius:50px;font-weight:600;font-size:16px;border:2px solid rgba(255,255,255,.3);transition:all .3s;cursor:pointer} .btn-secondary:hover{border-color:var(--white);transform:translateY(-2px)} /* ── Reveal Animations ── */ .reveal{opacity:0;transform:translateY(40px);transition:all .8s cubic-bezier(.16,1,.3,1)} .reveal.visible{opacity:1;transform:translateY(0)} .reveal-delay-1{transition-delay:.1s} .reveal-delay-2{transition-delay:.2s} .reveal-delay-3{transition-delay:.3s} .reveal-delay-4{transition-delay:.4s} @keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}} @keyframes fadeInDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}} /* ── Navbar ── */ .navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:16px 40px;display:flex;align-items:center;justify-content:space-between;transition:all .4s ease;background:rgba(255,255,255,.95);backdrop-filter:blur(16px)} .navbar.scrolled{background:rgba(255,255,255,.98);padding:10px 40px;box-shadow:0 2px 20px rgba(0,0,0,.08)} .nav-logo{height:44px;transition:height .3s} .nav-logo-light{display:block} .nav-logo-dark{display:none} .navbar.scrolled .nav-logo{height:36px} .nav-links{display:flex;gap:28px;align-items:center} .nav-links a{color:var(--dark);font-size:14px;font-weight:500;letter-spacing:.3px;transition:color .3s;position:relative} .nav-links a:hover{color:var(--lime-dark)} .nav-links a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--lime);transition:width .3s} .nav-links a:hover::after{width:100%} .nav-cta{background:var(--lime)!important;color:var(--dark)!important;padding:10px 24px;border-radius:50px;font-weight:700;font-size:14px;letter-spacing:.5px;transition:all .3s!important;border:2px solid var(--lime)} .nav-cta:hover{background:var(--dark)!important;color:var(--lime)!important;transform:scale(1.05);border-color:var(--dark)!important} .nav-cta::after{display:none!important} .mobile-menu{display:none;background:none;border:none;color:var(--dark);font-size:28px;cursor:pointer} /* Navbar dark mode */ [data-theme="dark"] .navbar{background:rgba(10,10,10,.95)} [data-theme="dark"] .navbar.scrolled{background:rgba(10,10,10,.98);box-shadow:0 2px 20px rgba(0,0,0,.4)} [data-theme="dark"] .nav-links a{color:#E0E0E0} [data-theme="dark"] .nav-links a:hover{color:var(--lime)} [data-theme="dark"] .mobile-menu{color:#E0E0E0} [data-theme="dark"] .nav-logo-light{display:none} [data-theme="dark"] .nav-logo-dark{display:block} /* ── Hero ── */ .hero{min-height:100vh;background:var(--dark);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden} .hero-media{position:absolute;inset:0;z-index:0} .hero-media img,.hero-media video{width:100%;height:100%;object-fit:cover;display:block} .hero-media--hidden{display:none} .hero-overlay{position:absolute;inset:0;z-index:1;background:var(--dark);opacity:var(--hero-overlay-opacity,.7);pointer-events:none;transition:opacity .6s} .hero-bg{position:absolute;inset:0;z-index:2;background:radial-gradient(circle at 20% 50%,rgba(163,217,0,.15) 0%,transparent 50%),radial-gradient(circle at 80% 30%,rgba(0,212,255,.08) 0%,transparent 40%),radial-gradient(circle at 60% 80%,rgba(155,89,255,.08) 0%,transparent 40%);pointer-events:none} .hero-grid{position:absolute;inset:0;z-index:3;background-image:linear-gradient(rgba(163,217,0,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(163,217,0,.06) 1px,transparent 1px);background-size:60px 60px;animation:gridMove 20s linear infinite;pointer-events:none} @keyframes gridMove{to{background-position:60px 60px}} .hero-particles{position:absolute;inset:0;overflow:hidden;z-index:4;pointer-events:none} .particle{position:absolute;width:4px;height:4px;background:var(--lime);border-radius:50%;opacity:.6;animation:float 8s ease-in-out infinite} @keyframes float{0%,100%{transform:translateY(0) scale(1);opacity:.6}50%{transform:translateY(-120px) scale(1.5);opacity:.2}} .hero-content{position:relative;z-index:5;text-align:center;padding:0 20px;max-width:900px} .hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(163,217,0,.15);border:1px solid rgba(163,217,0,.3);border-radius:50px;padding:8px 20px;margin-bottom:32px;animation:fadeInDown .8s ease} .hero-badge span{color:var(--lime);font-size:13px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase} .hero-badge .dot{width:8px;height:8px;background:var(--lime);border-radius:50%;animation:pulse 2s ease infinite} @keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}} .hero-logo-img{width:min(500px,80vw);margin:0 auto 20px;filter:brightness(0) invert(1);animation:fadeInUp .8s ease .2s both} .hero-subtitle{color:rgba(255,255,255,.7);font-size:clamp(16px,2.5vw,22px);font-weight:300;margin-bottom:12px;letter-spacing:.5px;animation:fadeInUp .8s ease .4s both} .hero-subtitle strong{color:var(--lime);font-weight:600} .hero-date{color:var(--white);font-family:var(--font-display);font-size:clamp(20px,3vw,32px);letter-spacing:3px;margin-bottom:40px;animation:fadeInUp .8s ease .5s both} .hero-date span{color:var(--lime)} .countdown{display:flex;gap:16px;justify-content:center;margin-bottom:48px;animation:fadeInUp .8s ease .6s both} .countdown-item{background:rgba(255,255,255,.05);border:1px solid rgba(163,217,0,.2);border-radius:16px;padding:16px 20px;min-width:80px;backdrop-filter:blur(10px)} .countdown-num{font-family:var(--font-display);font-size:36px;color:var(--lime);line-height:1} .countdown-label{font-size:11px;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:1px;margin-top:4px} .hero-ctas{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;animation:fadeInUp .8s ease .7s both} .scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);animation:bounce 2s ease infinite} @keyframes bounce{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(10px)}} .scroll-indicator i{color:rgba(255,255,255,.4);font-size:28px} /* ── Atrações ── */ .atracoes{background:var(--white)} .atracoes-filters{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:48px} .filter-btn{padding:10px 24px;border-radius:50px;border:1.5px solid #E0E0E0;background:var(--white);font-family:var(--font-body);font-size:13px;font-weight:600;cursor:pointer;transition:all .3s;color:var(--mid-gray)} .filter-btn:hover,.filter-btn.active{background:var(--dark);color:var(--lime);border-color:var(--dark)} .atracoes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;max-width:1200px;margin:0 auto} .atracao-card{background:var(--white);border-radius:20px;overflow:hidden;border:1px solid #EBEBEB;transition:all .4s;cursor:pointer} .atracao-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px rgba(0,0,0,.1);border-color:var(--lime)} .atracao-img{height:200px;background:var(--dark);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center} .atracao-img .placeholder-icon{font-size:48px;color:rgba(163,217,0,.4)} .atracao-badge{position:absolute;top:12px;right:12px;background:var(--lime);color:var(--dark);padding:4px 12px;border-radius:50px;font-size:11px;font-weight:700;letter-spacing:.5px} .atracao-info{padding:20px} .atracao-category{font-size:11px;font-weight:700;color:var(--lime-dark);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px} .atracao-name{font-family:var(--font-display);font-size:22px;letter-spacing:1px;margin-bottom:6px} .atracao-time{font-size:13px;color:var(--mid-gray);display:flex;align-items:center;gap:6px} /* ── Concursos ── */ .concursos{background:var(--dark);color:var(--white);position:relative;overflow:hidden} .concursos::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 10% 80%,rgba(163,217,0,.1) 0%,transparent 40%),radial-gradient(circle at 90% 20%,rgba(255,77,141,.08) 0%,transparent 40%)} .concursos .section-title{color:var(--white)} .concursos .section-tag{background:rgba(163,217,0,.15);border-color:rgba(163,217,0,.3)} .concursos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px;max-width:1200px;margin:0 auto;position:relative;z-index:1} .concurso-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:32px 28px;text-align:center;transition:all .4s;position:relative;overflow:hidden} .concurso-card:hover{transform:translateY(-6px);border-color:var(--lime);background:rgba(163,217,0,.05)} .concurso-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:28px} .concurso-card:nth-child(1) .concurso-icon{background:rgba(255,77,141,.15);color:var(--pink)} .concurso-card:nth-child(2) .concurso-icon{background:rgba(0,212,255,.15);color:var(--cyan)} .concurso-card:nth-child(3) .concurso-icon{background:rgba(155,89,255,.15);color:var(--purple)} .concurso-card:nth-child(4) .concurso-icon{background:rgba(255,140,66,.15);color:var(--orange)} .concurso-title{font-family:var(--font-display);font-size:24px;letter-spacing:1px;margin-bottom:10px} .concurso-desc{color:rgba(255,255,255,.6);font-size:14px;line-height:1.6;margin-bottom:20px} .concurso-prize{display:inline-flex;align-items:center;gap:6px;background:rgba(163,217,0,.1);color:var(--lime);padding:6px 14px;border-radius:50px;font-size:12px;font-weight:600;margin-bottom:20px} .btn-inscricao{width:100%;padding:12px;border-radius:50px;border:1.5px solid rgba(255,255,255,.2);background:transparent;color:var(--white);font-family:var(--font-body);font-size:14px;font-weight:600;cursor:pointer;transition:all .3s} .btn-inscricao:hover{background:var(--lime);color:var(--dark);border-color:var(--lime)} /* ── Ingressos ── */ .ingressos{background:var(--light-gray)} .ingressos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;max-width:1000px;margin:0 auto} .ingresso-card{background:var(--white);border-radius:24px;padding:40px 32px;text-align:center;border:2px solid #EBEBEB;transition:all .4s;position:relative} .ingresso-card.featured{border-color:var(--lime);transform:scale(1.04)} .ingresso-card.featured::before{content:'MAIS POPULAR';position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--lime);color:var(--dark);padding:6px 20px;border-radius:50px;font-size:11px;font-weight:700;letter-spacing:1px} .ingresso-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px rgba(0,0,0,.08)} .ingresso-card.featured:hover{transform:scale(1.04) translateY(-6px)} .ingresso-tipo{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--mid-gray);margin-bottom:16px} .ingresso-preco{font-family:var(--font-display);font-size:52px;color:var(--dark);letter-spacing:1px;line-height:1} .ingresso-preco small{font-size:20px;color:var(--mid-gray);font-family:var(--font-body);font-weight:400} .ingresso-old{color:#BBB;font-size:16px;text-decoration:line-through;margin-top:4px;margin-bottom:20px} .ingresso-features{text-align:left;margin:24px 0;padding:24px 0;border-top:1px solid #F0F0F0;border-bottom:1px solid #F0F0F0} .ingresso-feature{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:14px;color:var(--mid-gray)} .ingresso-feature i{color:var(--lime-dark);font-size:18px} .btn-ingresso{width:100%;padding:14px;border-radius:50px;font-family:var(--font-body);font-size:15px;font-weight:700;cursor:pointer;transition:all .3s;letter-spacing:.5px} .btn-ingresso.primary{background:var(--dark);color:var(--lime);border:2px solid var(--dark)} .btn-ingresso.primary:hover{background:var(--lime);color:var(--dark)} .btn-ingresso.featured{background:var(--lime);color:var(--dark);border:2px solid var(--lime)} .btn-ingresso.featured:hover{background:var(--dark);color:var(--lime)} .lote-info{display:flex;align-items:center;gap:8px;justify-content:center;margin-top:16px;font-size:12px;color:var(--mid-gray)} .lote-bar{flex:1;max-width:120px;height:6px;background:#EBEBEB;border-radius:3px;overflow:hidden} .lote-bar-fill{height:100%;background:var(--lime);border-radius:3px;transition:width 1s ease} /* ── Edições Anteriores ── */ .edicoes{background:var(--white)} .edicoes-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:900px;margin:0 auto 64px;text-align:center} .stat-item .stat-num{font-family:var(--font-display);font-size:48px;color:var(--dark);letter-spacing:1px} .stat-item .stat-num span{color:var(--lime-dark)} .stat-item .stat-label{font-size:13px;color:var(--mid-gray);text-transform:uppercase;letter-spacing:1px;font-weight:500;margin-top:4px} .edicoes-gallery{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,200px);gap:12px;max-width:1200px;margin:0 auto} .gallery-item{background:var(--dark);border-radius:16px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .4s} .gallery-item:hover{transform:scale(1.02)} .gallery-item:nth-child(1){grid-column:span 2;grid-row:span 2} .gallery-item .placeholder{color:rgba(163,217,0,.3);font-size:36px} .gallery-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);opacity:0;transition:opacity .4s;display:flex;align-items:flex-end;padding:20px} .gallery-item:hover .gallery-overlay{opacity:1} .gallery-overlay span{color:var(--white);font-size:14px;font-weight:500} /* ── Depoimentos ── */ .depoimentos{background:var(--light-gray)} .depoimentos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;max-width:1100px;margin:0 auto} .depoimento-card{background:var(--white);border-radius:20px;padding:32px;border:1px solid #EBEBEB;transition:all .3s} .depoimento-card:hover{box-shadow:0 10px 40px rgba(0,0,0,.06)} .depoimento-stars{color:var(--lime-dark);font-size:16px;margin-bottom:16px;letter-spacing:2px} .depoimento-text{font-size:15px;line-height:1.7;color:var(--mid-gray);margin-bottom:20px;font-style:italic} .depoimento-author{display:flex;align-items:center;gap:12px} .depoimento-avatar{width:44px;height:44px;border-radius:50%;background:var(--dark);display:flex;align-items:center;justify-content:center;color:var(--lime);font-weight:700;font-size:16px} .depoimento-name{font-weight:600;font-size:14px} .depoimento-role{font-size:12px;color:var(--mid-gray)} /* ── Comunidade ── */ .comunidade{background:var(--dark);color:var(--white);text-align:center;position:relative;overflow:hidden} .comunidade::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(163,217,0,.08) 0%,transparent 50%)} .comunidade .section-title{color:var(--white)} .comunidade-social{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-bottom:48px;position:relative;z-index:1} .social-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px 32px;display:flex;align-items:center;gap:16px;transition:all .3s;cursor:pointer;min-width:200px} .social-card:hover{border-color:var(--lime);background:rgba(163,217,0,.08);transform:translateY(-4px)} .social-card i{font-size:28px;color:var(--lime)} .social-card .social-name{font-weight:600;font-size:15px} .social-card .social-count{font-size:12px;color:rgba(255,255,255,.5)} .comunidade-cta{position:relative;z-index:1} .comunidade-cta p{color:rgba(255,255,255,.6);font-size:16px;margin-bottom:24px} /* ── Mapa ── */ .mapa{background:var(--white)} .mapa-container{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:start} .mapa-embed{border-radius:20px;overflow:hidden;height:400px;background:var(--dark);position:relative;border:2px solid #EBEBEB} .mapa-embed iframe{width:100%;height:100%;border:0} .mapa-info{padding:20px 0} .mapa-address{display:flex;align-items:flex-start;gap:16px;margin-bottom:32px} .mapa-address-icon{width:48px;height:48px;border-radius:14px;background:rgba(163,217,0,.1);display:flex;align-items:center;justify-content:center;color:var(--lime-dark);font-size:22px;flex-shrink:0} .mapa-address h3{font-family:var(--font-display);font-size:22px;letter-spacing:1px;margin-bottom:4px} .mapa-address p{font-size:14px;color:var(--mid-gray);line-height:1.6} .transport-options{display:flex;flex-direction:column;gap:12px} .transport-item{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:14px;border:1px solid #EBEBEB;transition:all .3s;cursor:pointer} .transport-item:hover{border-color:var(--lime);background:rgba(163,217,0,.04)} .transport-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px} .transport-item:nth-child(1) .transport-icon{background:rgba(0,212,255,.1);color:var(--cyan)} .transport-item:nth-child(2) .transport-icon{background:rgba(155,89,255,.1);color:var(--purple)} .transport-item:nth-child(3) .transport-icon{background:rgba(255,140,66,.1);color:var(--orange)} .transport-title{font-weight:600;font-size:14px} .transport-desc{font-size:12px;color:var(--mid-gray)} /* ── Patrocinadores ── */ .patrocinadores{background:var(--light-gray)} .sponsors-tier{max-width:1000px;margin:0 auto 48px;text-align:center} .sponsors-tier-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--mid-gray);margin-bottom:20px;display:flex;align-items:center;gap:12px;justify-content:center} .sponsors-tier-label::before,.sponsors-tier-label::after{content:'';height:1px;width:40px;background:#D0D0D0} .sponsors-grid{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;align-items:center} .sponsor-logo{background:var(--white);border:1px solid #EBEBEB;border-radius:16px;padding:20px 32px;display:flex;align-items:center;justify-content:center;min-height:80px;min-width:160px;transition:all .3s;cursor:pointer;filter:grayscale(1);opacity:.6} .sponsor-logo:hover{filter:grayscale(0);opacity:1;border-color:var(--lime);transform:scale(1.05)} .sponsor-logo span{font-weight:700;color:var(--mid-gray);font-size:16px;letter-spacing:1px} .sponsor-logo.gold{min-width:200px;min-height:90px} .sponsor-logo.gold span{font-size:20px} .sponsors-cta{text-align:center;margin-top:40px} .sponsors-cta p{color:var(--mid-gray);font-size:15px;margin-bottom:16px} /* ── Contato ── */ .contato{background:var(--white)} .contato-container{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px} .contato-form{display:flex;flex-direction:column;gap:16px} .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px} .form-group label{display:block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--mid-gray);margin-bottom:6px} .form-group input,.form-group textarea,.form-group select{width:100%;padding:14px 18px;border-radius:14px;border:1.5px solid #E0E0E0;font-family:var(--font-body);font-size:14px;transition:all .3s;background:var(--white);color:var(--charcoal)} .form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--lime);box-shadow:0 0 0 4px rgba(163,217,0,.15)} .form-group textarea{resize:vertical;min-height:120px} .btn-enviar{background:var(--dark);color:var(--lime);padding:16px;border-radius:50px;border:none;font-family:var(--font-body);font-size:15px;font-weight:700;cursor:pointer;transition:all .3s;letter-spacing:.5px} .btn-enviar:hover{background:var(--lime);color:var(--dark)} .contato-info h3{font-family:var(--font-display);font-size:28px;letter-spacing:1px;margin-bottom:20px} .contato-info p{color:var(--mid-gray);font-size:15px;line-height:1.7;margin-bottom:32px} .info-item{display:flex;align-items:center;gap:14px;margin-bottom:20px} .info-icon{width:44px;height:44px;border-radius:12px;background:rgba(163,217,0,.1);display:flex;align-items:center;justify-content:center;color:var(--lime-dark);font-size:20px;flex-shrink:0} .info-text{font-size:14px;color:var(--mid-gray)} .info-text strong{color:var(--charcoal);display:block;margin-bottom:2px} /* ── Footer ── */ .footer{background:var(--dark);color:var(--white);padding:60px 40px 30px;position:relative;overflow:hidden} .footer::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--lime),var(--cyan),var(--purple),var(--pink),var(--lime));background-size:200% 100%;animation:gradientSlide 4s linear infinite} @keyframes gradientSlide{to{background-position:200% 0}} .footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px} .footer-brand p{color:rgba(255,255,255,.5);font-size:13px;line-height:1.7;margin-top:16px;max-width:280px} .footer-logo{height:40px;filter:brightness(0) invert(1);margin-bottom:4px} .footer h4{font-family:var(--font-display);font-size:18px;letter-spacing:1px;margin-bottom:16px;color:var(--lime)} .footer ul li{margin-bottom:10px} .footer ul li a{color:rgba(255,255,255,.6);font-size:13px;transition:color .3s} .footer ul li a:hover{color:var(--lime)} .footer-social{display:flex;gap:12px;margin-top:8px} .footer-social a{width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.6);font-size:18px;transition:all .3s} .footer-social a:hover{background:var(--lime);color:var(--dark)} .footer-bottom{max-width:1200px;margin:40px auto 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;font-size:12px;color:rgba(255,255,255,.4)} /* ── WhatsApp Float ── */ .whatsapp-float{position:fixed;bottom:24px;right:24px;z-index:999;width:56px;height:56px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:28px;box-shadow:0 4px 20px rgba(37,211,102,.4);transition:all .3s;cursor:pointer} .whatsapp-float:hover{transform:scale(1.1);box-shadow:0 6px 30px rgba(37,211,102,.5)} /* ── Responsive ── */ @media(max-width:1024px){ .nav-links{display:none} .nav-links.show{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:rgba(26,26,26,.98);padding:20px 40px;gap:16px;backdrop-filter:blur(20px)} .mobile-menu{display:block} } @media(max-width:768px){ section{padding:60px 20px} .navbar{padding:12px 20px} .countdown{gap:10px} .countdown-item{padding:12px 14px;min-width:65px} .countdown-num{font-size:28px} .edicoes-stats{grid-template-columns:repeat(2,1fr);gap:16px} .mapa-container{grid-template-columns:1fr} .contato-container{grid-template-columns:1fr} .form-row{grid-template-columns:1fr} .footer-content{grid-template-columns:1fr 1fr} .edicoes-gallery{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,160px)} .gallery-item:nth-child(1){grid-column:span 2;grid-row:span 1} .footer-bottom{flex-direction:column;gap:8px;text-align:center} } /* ═══ THEME TOGGLE ═══ */ .theme-toggle{background:none;border:1.5px solid rgba(255,255,255,.25);color:var(--text-on-dark);width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;transition:all .3s;flex-shrink:0} .theme-toggle:hover{border-color:var(--lime);color:var(--lime);transform:scale(1.1)} .theme-toggle .icon-sun{display:none} .theme-toggle .icon-moon{display:block} [data-theme="dark"] .theme-toggle .icon-sun{display:block} [data-theme="dark"] .theme-toggle .icon-moon{display:none} /* ═══ DARK MODE — Overrides ═══ */ [data-theme="dark"] .hero{background:var(--bg-inverted)} [data-theme="dark"] .atracoes{background:var(--bg-body)} [data-theme="dark"] .atracao-card{background:var(--card-bg);border-color:var(--card-border)} [data-theme="dark"] .atracao-card:hover{box-shadow:0 20px 60px var(--shadow-strong);border-color:var(--lime)} [data-theme="dark"] .atracao-name{color:var(--text-primary)} [data-theme="dark"] .filter-btn{background:var(--card-bg);border-color:var(--card-border);color:var(--text-secondary)} [data-theme="dark"] .filter-btn:hover,[data-theme="dark"] .filter-btn.active{background:var(--lime);color:var(--bg-inverted);border-color:var(--lime)} [data-theme="dark"] .cronograma{background:var(--bg-alt)} [data-theme="dark"] .crono-tab{background:var(--card-bg);border-color:var(--card-border);color:var(--text-secondary)} [data-theme="dark"] .crono-tab.active{background:var(--lime);border-color:var(--lime);color:var(--bg-inverted)} [data-theme="dark"] .crono-filter{background:var(--card-bg);border-color:var(--card-border);color:var(--text-secondary)} [data-theme="dark"] .crono-filter.active{background:var(--lime);border-color:var(--lime);color:var(--bg-inverted)} [data-theme="dark"] .timeline-card{background:var(--card-bg);border-color:var(--card-border)} [data-theme="dark"] .timeline-card:hover{border-color:var(--lime);box-shadow:0 8px 30px var(--shadow)} [data-theme="dark"] .timeline-title{color:var(--text-primary)} [data-theme="dark"] .timeline-dot{background:var(--bg-alt)} [data-theme="dark"] .timeline-line{background:linear-gradient(to bottom,#333,#252525)} [data-theme="dark"] .concursos{background:var(--bg-inverted)} [data-theme="dark"] .concurso-card{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.06)} [data-theme="dark"] .ingressos{background:var(--bg-alt)} [data-theme="dark"] .ingresso-card{background:var(--card-bg);border-color:var(--card-border)} [data-theme="dark"] .ingresso-card.featured{border-color:var(--lime)} [data-theme="dark"] .ingresso-preco{color:var(--text-primary)} [data-theme="dark"] .ingresso-features{border-color:var(--card-border)} [data-theme="dark"] .btn-ingresso.primary{background:var(--lime);color:var(--bg-inverted);border-color:var(--lime)} [data-theme="dark"] .edicoes{background:var(--bg-body)} [data-theme="dark"] .stat-item .stat-num{color:var(--text-primary)} [data-theme="dark"] .depoimentos{background:var(--bg-alt)} [data-theme="dark"] .depoimento-card{background:var(--card-bg);border-color:var(--card-border)} [data-theme="dark"] .comunidade{background:var(--bg-inverted)} [data-theme="dark"] .mapa{background:var(--bg-body)} [data-theme="dark"] .mapa-embed{border-color:var(--card-border)} [data-theme="dark"] .transport-item{border-color:var(--card-border)} [data-theme="dark"] .patrocinadores{background:var(--bg-alt)} [data-theme="dark"] .sponsor-logo{background:var(--card-bg);border-color:var(--card-border)} [data-theme="dark"] .contato{background:var(--bg-body)} [data-theme="dark"] .form-group input,[data-theme="dark"] .form-group textarea,[data-theme="dark"] .form-group select{background:var(--input-bg);border-color:var(--input-border);color:var(--text-primary)} [data-theme="dark"] .btn-enviar{background:var(--lime);color:var(--bg-inverted)} [data-theme="dark"] .footer{background:var(--bg-inverted)} [data-theme="dark"] .section-title{color:var(--text-primary)} [data-theme="dark"] .section-tag{background:rgba(163,217,0,.08);border-color:rgba(163,217,0,.2)} [data-theme="dark"] .section-desc{color:var(--text-secondary)} body,section,.navbar,.atracao-card,.ingresso-card,.depoimento-card,.timeline-card,.filter-btn,.sponsor-logo,.transport-item,.form-group input,.form-group textarea{transition:background-color .4s ease,color .4s ease,border-color .4s ease} /* ===== INSCRIÇÃO — vagas + modal ===== */ .concurso-vagas{font-size:12px;color:rgba(255,255,255,.55);margin-bottom:16px} .btn-inscricao[disabled]{opacity:.5;cursor:not-allowed} .inscricao-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0} .inscricao-modal{position:fixed;inset:0;z-index:2000;display:none;align-items:center;justify-content:center;padding:20px} .inscricao-modal.is-open{display:flex} .inscricao-modal__overlay{position:absolute;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(4px)} .inscricao-modal__box{position:relative;width:100%;max-width:460px;background:var(--card-bg,#161616);border:1px solid var(--card-border,#252525);border-radius:20px;padding:32px;max-height:90vh;overflow-y:auto;animation:fadeInUp .3s ease} .inscricao-modal__close{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:50%;border:none;background:rgba(255,255,255,.08);color:var(--text-primary,#e8e8e8);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center} .inscricao-modal__close:hover{background:var(--lime);color:#1a1a1a} .inscricao-modal__title{font-family:var(--font-display,'Bangers',cursive);font-size:30px;letter-spacing:.5px;color:var(--text-primary,#fff);margin-bottom:4px} .inscricao-modal__contest{font-size:14px;font-weight:600;color:var(--lime);margin-bottom:20px} .inscricao-field{display:block;margin-bottom:14px} .inscricao-field span{display:block;font-size:13px;font-weight:600;color:var(--text-secondary,#8a8a8a);margin-bottom:6px} .inscricao-field input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--input-border,#333);background:var(--input-bg,#1a1a1a);color:var(--text-primary,#e8e8e8);font-family:var(--font-body,'Outfit',sans-serif);font-size:15px} .inscricao-field input:focus{outline:none;border-color:var(--lime)} .inscricao-submit{width:100%;margin-top:8px;padding:14px;border-radius:50px;border:none;background:var(--lime);color:#1a1a1a;font-family:var(--font-body,'Outfit',sans-serif);font-size:15px;font-weight:700;cursor:pointer;transition:transform .2s,opacity .2s} .inscricao-submit:hover{transform:scale(1.02)} .inscricao-submit[disabled]{opacity:.6;cursor:wait;transform:none} .inscricao-feedback{margin-top:14px;font-size:14px;text-align:center;min-height:20px} .inscricao-feedback.is-success{color:var(--lime)} .inscricao-feedback.is-error{color:#FF6B6B} /* ===== MINHA CONTA ===== */ .account-page{max-width:1100px;margin:120px auto 80px;padding:0 24px;color:var(--text-primary)} .account-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px;flex-wrap:wrap} .account-title{font-family:var(--font-display);font-size:42px;letter-spacing:.5px;line-height:1.1;color:var(--text-primary);margin-bottom:4px} .account-email{color:var(--text-secondary);font-size:14px} .account-logout{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border-radius:50px;border:1.5px solid var(--border);color:var(--text-primary);font-weight:600;font-size:13px;transition:all .2s} .account-logout:hover{border-color:var(--lime);color:var(--lime)} .account-pending-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;background:rgba(255,140,66,.1);border:1px solid rgba(255,140,66,.3);border-radius:14px;padding:18px 22px;margin-bottom:28px;flex-wrap:wrap} .account-pending-banner p{font-size:13px;color:var(--text-secondary);margin-top:4px} .account-pending-btn{padding:10px 20px;border-radius:50px;background:var(--orange);color:#fff;font-weight:700;font-size:13px;transition:transform .2s;white-space:nowrap} .account-pending-btn:hover{transform:scale(1.05)} .account-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px} @media(max-width:768px){.account-grid{grid-template-columns:1fr}} .account-panel{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:24px} .account-panel-title{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:22px;letter-spacing:.5px;margin-bottom:16px} .account-empty{color:var(--text-secondary);font-size:14px} .account-empty a{color:var(--lime);font-weight:600;margin-left:6px} .account-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid var(--border)} .account-item:last-child{border-bottom:none} .account-item-main{display:flex;flex-direction:column;gap:4px} .account-item-main strong{font-size:15px;color:var(--text-primary)} .account-item-meta{font-size:12px;color:var(--text-secondary)} .account-item-action{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:50px;border:1.5px solid var(--lime);color:var(--lime);font-weight:700;font-size:12px;transition:all .2s} .account-item-action:hover{background:var(--lime);color:var(--dark)} .account-item-status{padding:6px 14px;border-radius:50px;font-size:12px;font-weight:700} /* ===== TICKET BUY MODAL ===== */ .ticket-buy-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0} .ticket-buy-modal{position:fixed;inset:0;z-index:2000;display:none;align-items:center;justify-content:center;padding:20px} .ticket-buy-modal.is-open{display:flex} .ticket-buy-modal__overlay{position:absolute;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(4px)} .ticket-buy-modal__box{position:relative;width:100%;max-width:480px;background:var(--card-bg,#161616);border:1px solid var(--card-border,#252525);border-radius:20px;padding:32px;max-height:90vh;overflow-y:auto;animation:fadeInUp .3s ease} .ticket-buy-modal__close{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:50%;border:none;background:rgba(255,255,255,.08);color:var(--text-primary,#e8e8e8);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center} .ticket-buy-modal__close:hover{background:var(--lime);color:#1a1a1a} .ticket-buy-modal__title{font-family:var(--font-display,'Bangers',cursive);font-size:30px;letter-spacing:.5px;color:var(--text-primary,#fff);margin-bottom:4px} .ticket-buy-modal__ticket{font-size:14px;font-weight:600;color:var(--lime);margin-bottom:20px} .ticket-buy-field{display:block;margin-bottom:14px} .ticket-buy-field span{display:block;font-size:13px;font-weight:600;color:var(--text-secondary,#8a8a8a);margin-bottom:6px} .ticket-buy-field input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--input-border,#333);background:var(--input-bg,#1a1a1a);color:var(--text-primary,#e8e8e8);font-family:var(--font-body,'Outfit',sans-serif);font-size:15px} .ticket-buy-field input:focus{outline:none;border-color:var(--lime)} .ticket-buy-note{display:flex;align-items:flex-start;gap:8px;background:rgba(163,217,0,.08);border:1px solid rgba(163,217,0,.2);border-radius:10px;padding:12px 14px;font-size:13px;color:var(--text-secondary,#8a8a8a);margin-bottom:14px;line-height:1.5} .ticket-buy-note i{color:var(--lime);font-size:18px;flex-shrink:0;margin-top:2px} .ticket-buy-submit{width:100%;margin-top:8px;padding:14px;border-radius:50px;border:none;background:var(--lime);color:#1a1a1a;font-family:var(--font-body,'Outfit',sans-serif);font-size:15px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .2s,opacity .2s} .ticket-buy-submit:hover{transform:scale(1.02)} .ticket-buy-submit[disabled]{opacity:.6;cursor:wait;transform:none} .ticket-buy-feedback{margin-top:14px;font-size:14px;text-align:center;min-height:20px} .ticket-buy-feedback.is-success{color:var(--lime)} .ticket-buy-feedback.is-error{color:#FF6B6B} /* ===== THANK YOU PAGE ===== */ .thank-you-page{min-height:70vh;display:flex;align-items:center;justify-content:center;padding:120px 20px 80px;color:var(--text-primary)} .thank-you-card{max-width:560px;width:100%;background:var(--card-bg);border:1px solid var(--card-border);border-radius:24px;padding:48px 40px;text-align:center;position:relative;overflow:hidden} .thank-you-card::before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:var(--lime)} .thank-you-card--success::before{background:var(--lime)} .thank-you-card--pending::before{background:#FF8C42} .thank-you-card--rejected::before{background:#FF6B6B} .thank-you-icon{font-size:72px;line-height:1;margin-bottom:20px} .thank-you-card--success .thank-you-icon{color:var(--lime)} .thank-you-card--pending .thank-you-icon{color:#FF8C42} .thank-you-card--rejected .thank-you-icon{color:#FF6B6B} .thank-you-card--generic .thank-you-icon{color:var(--lime)} .thank-you-title{font-family:var(--font-display);font-size:42px;letter-spacing:.5px;color:var(--text-primary);margin-bottom:12px;line-height:1.1} .thank-you-desc{font-size:16px;line-height:1.6;color:var(--text-secondary);margin-bottom:24px} .thank-you-meta{font-size:13px;color:var(--text-secondary);opacity:.7;margin-bottom:28px;font-family:monospace} .thank-you-cta-set-pw{background:rgba(163,217,0,.08);border:1px solid rgba(163,217,0,.25);border-radius:14px;padding:20px;margin-bottom:24px;text-align:left} .thank-you-cta-set-pw strong{display:block;font-size:16px;color:var(--text-primary);margin-bottom:6px} .thank-you-cta-set-pw p{font-size:13px;color:var(--text-secondary);line-height:1.5;margin-bottom:14px} .thank-you-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:8px} .thank-you-btn{display:inline-flex;align-items:center;gap:6px;padding:12px 22px;border-radius:50px;font-weight:700;font-size:14px;text-decoration:none;transition:all .2s;border:1.5px solid transparent} .thank-you-btn.primary{background:var(--lime);color:var(--dark)} .thank-you-btn.primary:hover{transform:scale(1.03)} .thank-you-btn.ghost{border-color:var(--border);color:var(--text-primary);background:transparent} .thank-you-btn.ghost:hover{border-color:var(--lime);color:var(--lime)} /* ===== MAPA (Leaflet + popup customizado) ===== */ /* O #venue-map herda do .mapa-embed; garante altura mesmo sem iframe */ .mapa-embed#venue-map{min-height:420px;height:100%;border-radius:16px;overflow:hidden;position:relative;z-index:1} .mapa-embed.leaflet-container{background:#1A1A1A} /* Como chegar — botoes acima das opcoes de transporte */ .mapa-routes{margin:20px 0 16px} .mapa-routes-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--text-secondary);margin-bottom:10px} .mapa-routes-title i{color:var(--lime);font-size:18px} .mapa-routes-buttons{display:flex;gap:10px;flex-wrap:wrap} .mapa-route-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border-radius:50px;font-weight:700;font-size:13px;text-decoration:none;transition:transform .15s ease, box-shadow .15s ease;color:#fff} .mapa-route-btn i{font-size:16px} .mapa-route-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(0,0,0,.12)} .mapa-route-btn--gmaps{background:#1A73E8} .mapa-route-btn--waze{background:#33CCFF;color:#1A1A1A} /* Popup do marker */ .venue-popup-wrap .leaflet-popup-content-wrapper{ padding:0;border-radius:14px;overflow:hidden; box-shadow:0 8px 32px rgba(0,0,0,.18); } .venue-popup-wrap .leaflet-popup-content{margin:0;width:300px!important;font-family:var(--font-body)} .venue-popup-wrap .leaflet-popup-tip{background:#fff} .venue-popup{display:flex;flex-direction:column} .venue-popup__image{width:100%;height:140px;background-size:cover;background-position:center;background-color:#222} .venue-popup__body{padding:14px 16px 16px;color:#2D2D2D} .venue-popup__name{font-family:var(--font-display);font-size:22px;letter-spacing:.5px;margin:0 0 6px;color:#1A1A1A;line-height:1.2} .venue-popup__desc{font-size:13px;line-height:1.5;color:#555;margin:0 0 12px} .venue-popup__routes{display:flex;gap:6px;flex-wrap:wrap} .venue-popup__route{flex:1;text-align:center;padding:8px 12px;border-radius:50px;background:var(--lime);color:#1A1A1A;font-weight:700;font-size:12px;text-decoration:none;transition:transform .15s ease} .venue-popup__route:hover{transform:scale(1.03)} /* Dark mode: invertemos a popup ja que vem com fundo branco do Leaflet */ [data-theme="dark"] .venue-popup-wrap .leaflet-popup-content-wrapper, [data-theme="dark"] .venue-popup-wrap .leaflet-popup-tip{background:#161616} [data-theme="dark"] .venue-popup__body{color:#e8e8e8} [data-theme="dark"] .venue-popup__name{color:#fff} [data-theme="dark"] .venue-popup__desc{color:#aaa} /* ===== TRANSPORT BUTTONS (rotas no mapa) ===== */ .transport-hint{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary);margin:18px 0 8px;opacity:.8} .transport-hint i{font-size:14px;color:var(--lime)} /* transport-item agora é