:root{--ink:#101311;--paper:#f3f1e9;--red:#ef353a;--green:#193c2e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button,a.button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--red);outline-offset:5px}.eyebrow{font-size:11px;letter-spacing:2.5px;font-weight:800;display:block}header{height:72px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:#fff;position:relative;z-index:4}header>span{font-size:10px;letter-spacing:2px}.brand{text-decoration:none;font-weight:900;font-size:24px}.brand b{font-size:12px;background:var(--red);padding:6px;vertical-align:middle}#sound{background:none;border:1px solid #777;border-radius:20px;color:#fff;padding:10px 12px;font-size:10px;min-height:40px}.button{border:0;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 24px;font-size:12px;letter-spacing:1px;font-weight:800;text-decoration:none;min-height:58px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button:active{transform:scale(.97)}.button span{font-size:22px;line-height:1}.white{background:var(--paper);color:var(--ink)}.dark{background:var(--ink);color:#fff}.hero{position:relative;overflow:hidden;background:var(--ink);color:var(--paper);min-height:760px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:70px max(6vw,20px) 90px;gap:5vw}.hero-content{z-index:2;max-width:570px}.hero .eyebrow i{display:inline-block;width:7px;height:7px;background:var(--red);border-radius:50%;margin-right:8px;box-shadow:0 0 12px var(--red);animation:pulse 2s infinite}h1{font-size:clamp(70px,9vw,132px);line-height:.84;letter-spacing:-6px;margin:38px 0 24px;font-weight:950}h1 span{color:var(--red)}.age{display:flex;align-items:center;gap:14px}.age>b{font-size:65px;line-height:1}.age>span{font-size:12px;line-height:1.5;letter-spacing:2px}.hero p{line-height:1.65;font-size:17px;margin:28px 0}.hero .button{max-width:260px}.hero-word{position:absolute;top:20px;left:7vw;font-size:20vw;line-height:1;font-weight:900;color:transparent;-webkit-text-stroke:1px #ffffff12;letter-spacing:-1vw;pointer-events:none}.player-frame{position:relative;background:#fff;z-index:1;height:600px;max-width:440px;width:100%;transform:rotate(3deg);border:10px solid var(--paper);box-shadow:20px 20px 0 #ffffff0c}.player{height:100%;width:100%;object-fit:contain}.player-label{position:absolute;bottom:0;left:0;right:0;background:var(--red);display:flex;align-items:center;justify-content:space-between;padding:13px 20px;font-size:11px;letter-spacing:2px;font-weight:800}.player-label b{font-size:28px}.hero-ball{position:absolute;z-index:2;width:120px;height:120px;border-radius:50%;right:4%;bottom:44px;box-shadow:0 16px 24px #0008;animation:float 3s ease-in-out infinite}.field-lines{position:absolute;bottom:-170px;left:-10%;width:120%;height:360px;border:1px solid #ffffff15;transform:perspective(500px) rotateX(50deg);background:repeating-linear-gradient(90deg,#ffffff03 0 8%,transparent 8% 16%);pointer-events:none}.field-lines:before{content:'';position:absolute;width:240px;height:240px;border:1px solid #ffffff15;border-radius:50%;left:40%;top:10px}.ticker{background:var(--red);padding:17px 0;overflow:hidden;font-size:13px;letter-spacing:3px;font-weight:900;color:white;white-space:nowrap}.ticker>div{width:max-content;animation:ticker 25s linear infinite}.section{padding:90px max(6vw,24px)}.section-heading h2,h2{font-size:clamp(38px,4.6vw,65px);line-height:1;letter-spacing:-2.5px;margin:20px 0}.section-heading p,.rsvp-content>p{font-size:15px;line-height:1.7;color:#696d64}.match{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7vw}.ticket{border:1px solid #c8c8bd;background:#fff;position:relative;box-shadow:8px 8px 0 #deded3}.ticket-top{padding:20px 24px;display:flex;justify-content:space-between;border-bottom:1px dashed #bbb;font-size:10px;letter-spacing:2px}.ticket-date{display:flex;justify-content:space-between;align-items:center;padding:25px}.ticket-date>strong{font-size:86px;letter-spacing:-4px;line-height:.9}.ticket-date>strong>span{font-size:11px;display:block;letter-spacing:3px;margin-top:14px}.ticket-date>div>b{font-size:34px;display:block}.ticket-date>div>span{font-size:9px;letter-spacing:1px}.ticket-bottom{padding:0 24px 24px}.ticket-bottom p{font-size:14px;line-height:1.6}.barcode{height:28px;margin:0 24px 20px;background:repeating-linear-gradient(90deg,#101311 0 2px,transparent 2px 5px,#101311 5px 6px,transparent 6px 9px)}.toys{background:#e7e7dc}.toy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:42px}.toy{background:#fff;border-bottom:4px solid var(--ink);transition:transform .3s}.toy:hover{transform:translateY(-6px)}.toy-image{height:220px;display:flex;align-items:center;padding:16px;background:#fff}.toy-image img{width:100%;height:100%;object-fit:contain}.toy>div:last-child{padding:23px}.toy span{font-size:9px;letter-spacing:2px;color:#7a7a72}.toy h3{font-size:23px;letter-spacing:-1px;margin:14px 0 10px}.toy p{font-size:13px;line-height:1.6;color:#676b62;margin:0}.play{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6vw}.mini-pitch{height:340px;background:repeating-linear-gradient(0deg,#224e3a 0 40px,#204934 40px 80px);position:relative;overflow:hidden;border:10px solid var(--green);outline:1px solid #34513c;box-shadow:inset 0 0 0 1px #ffffff55}.score{color:#fff;text-align:center;padding:16px;font-size:10px;letter-spacing:2px}.score b{display:inline-block;background:#0c2218;padding:8px 12px;margin-left:12px;font-size:18px}.goal{width:48%;height:70px;border:3px solid #fff;position:absolute;top:84px;left:26%;background:repeating-linear-gradient(90deg,transparent 0 14px,#ffffff33 14px 15px),repeating-linear-gradient(0deg,transparent 0 14px,#ffffff33 14px 15px)}.goal>div{color:#fff;background:#153024c9;text-align:center;font-weight:900;font-size:18px;position:absolute;inset:12px 0;padding-top:9px}.kick{border:0;padding:0;background:white;border-radius:50%;width:64px;height:64px;position:absolute;bottom:25px;left:calc(50% - 32px);z-index:2;box-shadow:0 10px 12px #0007}.kick img{width:100%;height:100%;border-radius:50%}.kick.shoot{animation:shoot .65s ease-in-out}.pitch-circle{border:1px solid #ffffff55;border-radius:50%;width:160px;height:160px;position:absolute;bottom:-90px;left:calc(50% - 80px);pointer-events:none}.rsvp{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.rsvp-photo{position:relative;background:white;padding:16px;transform:rotate(-2deg)}.rsvp-photo>img{width:100%;height:620px;object-fit:contain;display:block}.rsvp-photo>span{position:absolute;bottom:15px;left:15px;right:15px;background:var(--red);padding:24px;font-size:15px;letter-spacing:1px}.rsvp-photo>span b{font-size:28px;letter-spacing:-1px}.rsvp-content>p{color:#bfc3bb}.rsvp-content .eyebrow{color:#ed7774}label{display:block;font-size:12px;margin:20px 0 9px;font-weight:bold}input{width:100%;background:#202620;border:1px solid #51574f;color:white;padding:16px;border-radius:0;min-height:50px;font-size:16px}.numbers{display:grid;grid-template-columns:1fr 1fr;gap:16px}form .button{width:100%;margin-top:23px}#guest-fields label{font-size:11px}.fine{font-size:11px;color:#b7bdb3;line-height:1.6}.contact{font-size:12px;text-underline-offset:5px;display:block;margin-top:28px;line-height:1.7}.error{font-size:13px;color:#ff9e9e}footer{padding:35px 6vw;display:flex;gap:15px;align-items:center;font-size:13px;font-weight:900}footer b{color:var(--red)}footer span{margin-left:auto;font-size:9px;letter-spacing:1px}.gate{position:fixed;inset:0;z-index:100;background:radial-gradient(ellipse at bottom,#284c36,#101311 65%);color:var(--paper);display:grid;place-items:center;text-align:center;overflow:auto;transition:opacity .5s,visibility .5s}.gate.hidden{opacity:0;visibility:hidden;pointer-events:none}.gate-inner{z-index:2;padding:35px 20px;position:relative}.crest{border:1px solid #82917d;clip-path:polygon(0 0,100% 0,100% 75%,50% 100%,0 75%);width:70px;height:85px;margin:26px auto 22px;font-size:22px;font-weight:900;padding:12px}.crest span{display:block;color:var(--red);font-size:24px}.gate-name{font-size:clamp(62px,12vw,94px);line-height:.86;letter-spacing:-4px;font-weight:950;margin:20px 0}.gate-copy{font-size:14px;color:#bac5b4;line-height:1.6;margin:25px 0}.gate .button{width:280px;max-width:100%;margin:auto}.gate-note{font-size:10px;letter-spacing:2px;margin-top:22px;color:#b7c1b1}.beam{position:absolute;top:-100px;width:30vw;height:110vh;background:linear-gradient(#ffffff17,transparent);transform-origin:top center;filter:blur(12px);pointer-events:none;animation:sweep 6s ease-in-out infinite alternate}.beam.left{left:5%;transform:rotate(-25deg)}.beam.right{right:5%;animation-delay:-3s}.gate-lines{position:absolute;width:90vw;height:40vh;bottom:-10vh;border:1px solid #ffffff25;transform:perspective(400px) rotateX(50deg)}#intro{position:fixed;inset:0;z-index:90;background:var(--red);color:white;display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:35px}#intro.show{display:flex;animation:intro 2.5s forwards}#intro span{font-size:11px;letter-spacing:3px}#intro strong{font-size:clamp(45px,8vw,90px);line-height:.95;letter-spacing:-3px}#confetti{position:fixed;inset:0;z-index:110;pointer-events:none;overflow:hidden}.confetto{position:absolute;width:8px;height:14px;top:-20px;animation:fall 1.8s ease-in forwards}body.locked{overflow:hidden}@keyframes intro{0%{opacity:0;transform:scale(1.1)}12%,80%{opacity:1;transform:scale(1)}100%{opacity:0;visibility:hidden}}@keyframes shoot{50%{transform:translateY(-145px) scale(.5) rotate(260deg)}85%{transform:translateY(-145px) scale(.5) rotate(320deg)}}@keyframes fall{to{transform:translateY(110vh) rotate(800deg);opacity:0}}@keyframes ticker{to{transform:translateX(-50%)}}@keyframes float{50%{transform:translateY(-14px) rotate(12deg)}}@keyframes sweep{to{transform:rotate(25deg)}}@keyframes pulse{50%{opacity:.4}}@media(max-width:700px){header{height:62px;padding:0 20px}header>span{font-size:8px;letter-spacing:1px}.hero{min-height:auto;gap:10px;padding:45px 22px 65px;grid-template-columns:1fr 43%;align-items:start}.hero-content{padding-top:10px}.hero .eyebrow{font-size:8px;letter-spacing:1px;width:180px}h1{font-size:clamp(48px,11.8vw,78px);letter-spacing:-3px;margin:28px 0 17px}.age>b{font-size:48px}.age>span{font-size:8px;letter-spacing:1px}.hero p{font-size:12px;line-height:1.7;margin:22px 0}.hero .button{font-size:10px;padding:14px;min-height:48px;gap:10px}.player-frame{height:355px;border-width:5px;margin-top:38px;transform:rotate(3deg);box-shadow:8px 8px 0 #ffffff0c}.player-label{padding:10px 5px;font-size:6px;letter-spacing:.8px}.player-label b{font-size:22px}.hero-ball{width:64px;height:64px;right:11%;bottom:20px}.ticker{padding:13px 0;font-size:10px}.section{padding:58px 24px}.match,.play,.rsvp{grid-template-columns:1fr;gap:32px}h2,.section-heading h2{font-size:43px;letter-spacing:-2px}.toy-grid{grid-template-columns:1fr;gap:18px;margin-top:28px}.toy{display:grid;grid-template-columns:43% 57%;align-items:center}.toy-image{height:170px;padding:8px}.toy>div:last-child{padding:20px 14px}.toy h3{font-size:20px;margin:10px 0}.toy p{font-size:12px}.toy span{font-size:8px}.ticket-date>strong{font-size:76px}.ticket-date>div>b{font-size:29px}.ticket-top{font-size:8px}.rsvp-photo{max-width:360px;width:90%;margin:auto}.rsvp-photo>img{height:380px}.rsvp-photo>span{padding:15px;font-size:11px}.rsvp-photo>span b{font-size:24px}.rsvp-content{margin-top:10px}footer{flex-wrap:wrap;padding:30px 24px}footer span{width:100%;margin:0;font-size:8px}.mini-pitch{height:310px}.section-heading p{font-size:14px}.rsvp-content h2{font-size:48px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}#intro.show{display:none}}
/* Espaço reservado à faixa, mantendo a fotografia inteira visível. */
.player-frame{padding-bottom:60px}.rsvp-photo{padding-bottom:105px}
@media(max-width:700px){.player-frame{padding-bottom:45px}.rsvp-photo{padding-bottom:90px}.hero{grid-template-columns:minmax(0,1fr) 43%}.hero-content{min-width:0}}
.button>span{font-size:0}.button>span:after{content:'';display:block;width:12px;height:12px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg)}