.copa-hero-banner{--copa-hero-min-h: clamp(420px, 50vw, 580px);--copa-ball-floor-offset: 0px;--copa-ball-pit-depth: min(720px, 85vh);position:relative;width:100%;margin:0;padding:0;background:transparent;overflow:visible}.copa-hero-banner__shield-bg{display:none!important}.copa-hero-banner__wrap{width:100%;max-width:none;margin:0;padding:0;background:transparent!important;border:none!important;box-shadow:none!important}.copa-hero-banner__inner{position:relative;min-height:var(--copa-hero-min-h);overflow:visible}.copa-hero-banner__ball-stage{position:absolute;left:0;right:0;top:0;bottom:calc(var(--copa-ball-floor-offset) - var(--copa-ball-pit-depth));z-index:6;pointer-events:none;overflow:visible}.copa-hero-banner__ball{position:absolute;top:0;left:0;width:64px;height:64px;border-radius:50%;overflow:hidden;will-change:transform,opacity;transform:translate3d(-80px,70%,0);opacity:1;visibility:visible;filter:drop-shadow(0 6px 14px rgba(0,30,64,.4))}.copa-hero-banner__ball-media-wrap{width:100%;height:100%;border-radius:50%;overflow:hidden;background:transparent;clip-path:circle(50% at 50% 50%)}.copa-hero-banner__ball-media-wrap--image .copa-hero-banner__ball-img{display:block;width:100%;height:100%;object-fit:contain;object-position:center center}.copa-hero-banner__ball-video{display:block;width:128%;height:128%;margin:-14%;object-fit:cover;object-position:center center;mix-blend-mode:screen;filter:contrast(1.2) brightness(1.1) saturate(1.04);-webkit-mask-image:radial-gradient(circle at 50% 50%,#fff 88%,transparent 92%);mask-image:radial-gradient(circle at 50% 50%,#fff 88%,transparent 92%)}.copa-hero-banner__visual-stack.copa-hero-box-shake{animation:copaHeroBoxShake .48s ease-in-out}@keyframes copaHeroBoxShake{0%,to{transform:translateZ(0) rotate(0)}18%{transform:translate3d(-7px,3px,0) rotate(-2.5deg)}36%{transform:translate3d(5px,-2px,0) rotate(1.5deg)}54%{transform:translate3d(-4px,2px,0) rotate(-1deg)}72%{transform:translate3d(3px,-1px,0) rotate(.6deg)}}@media(min-width:992px){.copa-hero-banner__visual-stack.copa-hero-box-shake{animation-name:copaHeroBoxShakeDesktop}}@keyframes copaHeroBoxShakeDesktop{0%,to{transform:perspective(900px) rotateY(-5deg) rotateX(1deg) translateZ(0)}18%{transform:perspective(900px) rotateY(-5deg) rotateX(1deg) translate3d(-7px,3px,0) rotate(-2deg)}36%{transform:perspective(900px) rotateY(-5deg) rotateX(1deg) translate3d(5px,-2px,0) rotate(1deg)}54%{transform:perspective(900px) rotateY(-5deg) rotateX(1deg) translate3d(-4px,2px,0)}72%{transform:perspective(900px) rotateY(-5deg) rotateX(1deg) translate3d(2px,0,0)}}.copa-hero-banner__main{position:relative;display:grid;grid-template-columns:1fr;align-items:center;min-height:var(--copa-hero-min-h);padding:28px clamp(16px,4vw,48px) 32px;gap:24px}@media(min-width:992px){.copa-hero-banner__main{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(56px,9vw,140px);align-items:center;max-width:none;width:100%;margin-inline:0;padding:36px clamp(28px,5vw,72px) 32px}.copa-hero-banner__content{justify-self:start;justify-content:flex-start;padding-left:clamp(8px,2vw,32px)}.copa-hero-banner__copy{align-items:flex-start;text-align:left;margin-inline:0}.copa-hero-banner__intro,.copa-hero-banner__brand{align-items:flex-start}.copa-hero-banner__stars-row{justify-content:flex-start}.copa-hero-banner__offer{align-items:flex-start;justify-content:flex-start}.copa-hero-banner__hexa-box{margin-inline:0}.copa-hero-banner__hexa-note{text-align:left}.copa-hero-banner__visual{justify-self:end;justify-content:flex-end;margin-left:0;padding-right:clamp(8px,2vw,32px)}}.copa-hero-banner__content{position:relative;z-index:2;width:100%;display:flex;justify-content:center}.copa-hero-banner__copy{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:620px;margin-inline:auto;padding:0;text-align:center;background:none;border:none;border-radius:0;box-shadow:none}.copa-hero-banner__intro{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.copa-hero-banner__eyebrow{display:inline-flex;margin:0;padding:6px 14px;font-family:var(--copa-font-display, "Rubik", sans-serif);font-size:.82rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--amarelo-luz, #fbc616);background:#00000040;border:2px solid var(--amarelo-principal, #f4a801);border-radius:999px}.copa-hero-banner__slogan{margin:0;font-family:var(--copa-font-display, "Rubik", sans-serif);font-size:clamp(1.28rem,3vw,2rem);font-weight:800;line-height:1.2;letter-spacing:.03em;text-transform:uppercase;color:var(--branco, #fbfbfb);text-shadow:0 2px 10px rgba(0,0,0,.45)}.copa-hero-banner__slogan em{font-style:normal;color:var(--amarelo-luz, #fbc616)}.copa-hero-banner__brand{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.copa-hero-banner__stars-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px}.copa-hero-banner__star{font-size:1.5rem;line-height:1;color:var(--amarelo-luz, #fbc616);text-shadow:0 1px 0 var(--azul-principal, #001e40)}.copa-hero-banner__title{margin:4px 0 0;font-family:var(--copa-font-display, "Rubik", sans-serif);font-size:clamp(2.75rem,7.5vw,4.4rem);font-weight:900;line-height:.95;letter-spacing:-.02em;text-transform:uppercase;color:var(--branco, #fbfbfb);text-shadow:0 3px 0 var(--azul-principal, #001e40)}.copa-hero-banner__subtitle{margin:0;font-family:var(--copa-font-display, "Rubik", sans-serif);font-size:clamp(1.05rem,2.4vw,1.4rem);font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--amarelo-luz, #fbc616);text-shadow:0 1px 8px rgba(0,0,0,.4)}.copa-hero-banner__offer{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%}@media(min-width:560px){.copa-hero-banner__offer{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px}.copa-hero-banner__hexa-box{flex:0 1 auto;max-width:min(100%,520px);margin-inline:auto}.copa-hero-banner__actions{flex:0 0 auto;align-self:center}}.copa-hero-banner__hexa-box{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-rows:auto auto;column-gap:10px;row-gap:4px;align-items:center;width:fit-content;max-width:100%;margin-inline:auto;padding:12px 18px;background:var(--azul-principal, #001e40);border:2px solid var(--amarelo-principal, #f4a801);border-radius:10px;box-shadow:0 3px 0 var(--verde-profundo, #003e17)}.copa-hero-banner__hexa-head{display:contents}.copa-hero-banner__hexa-label{grid-column:1;grid-row:1;font-family:var(--copa-font-display, "Rubik", sans-serif);font-size:.78rem;font-weight:800;letter-spacing:.05em;line-height:1.25;text-transform:uppercase;color:#fbfbfbe6}.copa-hero-banner__hexa-code{grid-column:2;grid-row:1;font-family:var(--copa-font-display, "Rubik", sans-serif);font-size:1.15rem;font-weight:900;letter-spacing:.1em;padding:6px 14px;color:var(--azul-principal, #001e40);background:linear-gradient(180deg,var(--amarelo-luz, #fbc616),var(--amarelo-principal, #f4a801));border:2px solid var(--azul-principal, #001e40);border-radius:6px;white-space:nowrap}.copa-hero-banner__hexa-pct{grid-column:3;grid-row:1;font-family:var(--copa-font-display, "Rubik", sans-serif);font-size:clamp(1.5rem,2.8vw,1.9rem);font-weight:900;line-height:1;white-space:nowrap;color:var(--branco, #fbfbfb)}.copa-hero-banner__hexa-pct small{font-size:.55em}.copa-hero-banner__hexa-note{grid-column:1 / -1;grid-row:2;margin:0;font-size:.82rem;font-weight:600;line-height:1.35;text-align:center;color:#fbc616eb}.copa-hero-banner__actions{display:flex;align-items:center}.copa-hero-banner__cta{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:auto;max-width:100%;min-height:46px;padding:12px 24px;font-family:var(--copa-font-display, "Rubik", sans-serif);font-size:.95rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;white-space:nowrap;color:var(--azul-principal, #001e40)!important;background:linear-gradient(180deg,var(--amarelo-luz, #fbc616),var(--amarelo-principal, #f4a801))!important;border:2px solid var(--azul-principal, #001e40)!important;border-radius:8px;box-shadow:0 3px 0 var(--amarelo-brilho, #f8b405);transition:transform .2s ease,box-shadow .2s ease}.copa-hero-banner__cta:after{content:"\2192";font-size:1.1em}.copa-hero-banner__cta:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--amarelo-brilho, #f8b405)}@media(max-width:559px){.copa-hero-banner__hexa-box{grid-template-columns:1fr auto;grid-template-rows:auto auto auto}.copa-hero-banner__hexa-label{grid-column:1 / -1}.copa-hero-banner__hexa-code{grid-column:1;grid-row:2}.copa-hero-banner__hexa-pct{grid-column:2;grid-row:2}.copa-hero-banner__hexa-note{grid-row:3}.copa-hero-banner__cta{width:100%}}.copa-hero-banner__visual{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:100%}.copa-hero-banner__visual-stack{position:relative;width:min(100%,400px);margin:0 auto}@media(min-width:992px){.copa-hero-banner__visual-stack{width:100%;max-width:min(420px,100%);margin:0}.copa-hero-banner__visual-frame{transform:perspective(900px) rotateY(-5deg) rotateX(1deg)}.copa-hero-banner__brinde-callout{top:0;right:0;left:auto;width:min(88%,270px);transform:translate(28%,-30%)}}.copa-hero-banner__visual-frame{width:100%;filter:drop-shadow(0 18px 36px rgba(0,30,64,.4));transform:perspective(900px) rotateY(-6deg) rotateX(2deg);transition:transform .35s ease}.copa-hero-banner__visual:hover .copa-hero-banner__visual-frame{transform:perspective(900px) rotateY(-2deg) scale(1.02)}.copa-hero-banner__visual img{display:block;width:100%;height:auto}.copa-hero-banner__brinde-balloon{display:flex;gap:8px;padding:8px 12px;background:linear-gradient(135deg,#fbc616fa,#f4a801f2);border:3px solid var(--azul-principal, #001e40);border-radius:10px;box-shadow:0 8px 20px #001e4059}.copa-hero-banner__brinde-icon{font-size:1.2rem;flex-shrink:0}.copa-hero-banner__brinde-body{display:flex;flex-direction:column;gap:2px;min-width:0}.copa-hero-banner__brinde-title{font-family:var(--copa-font-display, "Rubik", sans-serif);font-size:.68rem;font-weight:900;text-transform:uppercase;color:var(--azul-patch-copa, #0a1f3d);margin:0}.copa-hero-banner__brinde-desc{margin:0;font-size:.62rem;font-weight:600;line-height:1.25;color:var(--verde-profundo, #003e17)}.copa-hero-banner__brinde-callout{position:absolute;z-index:4;pointer-events:none}@media(max-width:991px){.copa-hero-banner__copy{max-width:none;padding:0}.copa-hero-banner__brinde-callout{transform:translate(28%,-26%)}.copa-hero-banner__visual-frame{transform:none}}body.home #PageContainer>#MainContent>div.copa-hero-banner-section,body.home #PageContainer>#MainContent>div.shopify-section.copa-hero-banner-section{width:100vw!important;position:relative;left:50%;margin-left:-50vw!important;margin-right:-50vw!important;max-width:none!important;overflow:visible!important}body.home #PageContainer>#MainContent>div.copa-hero-banner-section>section,body.home #PageContainer>#MainContent>div.copa-hero-banner-section .copa-hero-banner__wrap,body.home #PageContainer>#MainContent>div.shopify-section.copa-hero-banner-section>section,body.home #PageContainer>#MainContent>div.shopify-section.copa-hero-banner-section .copa-hero-banner__wrap{width:100%!important;max-width:none!important;padding:0!important;margin:0!important;background:transparent!important;border:none!important;box-shadow:none!important}@media(prefers-reduced-motion:reduce){.copa-hero-banner__ball-stage{display:none!important}.copa-hero-banner__visual-frame,.copa-hero-banner__cta{transition:none}}@media(max-width:991px){.copa-hero-banner__ball-video{width:132%;height:132%;margin:-16%;-webkit-mask-image:radial-gradient(circle at 50% 50%,#fff 86%,transparent 91%);mask-image:radial-gradient(circle at 50% 50%,#fff 86%,transparent 91%)}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/copa-hero-banner.css.map */