/* Uiverse adaptations: satyamchaudharydev/rude-wolverine-24 (shine CTA)
   and SteveBloX/dangerous-warthog-85 (glass card interactions).
   Copyright (c) 2026 satyamchaudharydev and SteveBloX. MIT; see UI-LICENSES.txt. */
.new-era h1,.new-era h2{font-family:'Tusker Grotesk',Figtree,Arial,sans-serif;font-weight:700;text-transform:uppercase;font-synthesis:none;letter-spacing:.015em!important}
.new-era h1 em{font-style:normal}
.new-era .button,.new-era .button.outline,.new-era .button.white{position:relative;isolation:isolate;overflow:hidden;min-height:48px;border:1px solid #73cfff85;border-radius:12px;background:#008cff;box-shadow:inset 0 1px 0 #ffffff45,0 5px 0 #034e93,0 10px 25px #008cff40;letter-spacing:1px;line-height:1.35;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease,background .25s ease}
.new-era .button::before{content:'';position:absolute;pointer-events:none;inset:-50% auto -50% -45%;width:35%;background:linear-gradient(110deg,transparent,#ffffff70,transparent);transform:skewX(-18deg);z-index:-1}
.new-era .button>span{display:inline-flex;align-items:center;justify-content:center;flex:0 0 27px;width:27px;height:27px;border-radius:50%;background:#ffffff24;transition:transform .25s ease,background .25s ease}
.new-era .button.outline{background:#081d36;color:#c8eaff;border-color:#459eff;box-shadow:inset 0 1px 0 #ffffff15,0 4px 0 #031025,0 8px 22px #008cff18}
.new-era .button.white{background:#e8f5ff;color:#075998;border-color:#fff;box-shadow:inset 0 1px 0 #fff,0 4px 0 #9ebddc,0 10px 25px #0003}
.new-era .button:active{transform:translateY(3px);box-shadow:inset 0 1px 0 #ffffff30,0 1px 0 #034e93,0 5px 16px #008cff35}
.new-era .button:focus-visible{outline:3px solid #b3eaff;outline-offset:5px}
.new-era .button:focus-visible::before{animation:infra-shine .85s ease-out}
@keyframes infra-shine{from{left:-45%}to{left:140%}}
.new-era .channel-link{position:relative;overflow:hidden;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}
.new-era .channel-link strong span{display:inline-block;transition:transform .25s ease}
.new-era .plan,.new-era .package-card,.why-grid article,.new-era .extra-grid article{transition:border-color .3s ease,box-shadow .3s ease;backdrop-filter:blur(6px)}
.new-era .plan.featured{border-color:#60caff;box-shadow:0 0 0 1px #008cff55,0 16px 50px #008cff25,inset 0 1px 0 #c3f2ff45}
.new-era #coverage-form input{transition:border-color .25s ease,box-shadow .25s ease,background .25s ease}
.new-era #coverage-form input:focus{border-color:#72ccff;outline:2px solid #008cff55;outline-offset:3px;box-shadow:0 0 20px #008cff22}
.new-era nav a{position:relative}
.new-era nav a::after{content:'';position:absolute;left:0;bottom:-7px;height:2px;width:100%;background:#63caff;transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.new-era nav a:focus-visible::after{transform:scaleX(1)}
.new-era .faq-grid details{transition:border-color .25s ease,background .25s ease}
.new-era .faq-grid details[open]{border-color:#008cff;background:#0c2340}
.globoplay-feature .globoplay-logo{display:block;width:min(290px,90%);height:auto;margin:0 0 25px}
.new-era .plan-apps .benefit-link .globoplay-logo{display:block;width:145px;max-width:60%;height:auto;object-fit:contain}
@media(hover:hover) and (pointer:fine){
 .new-era .button:hover{transform:translateY(-2px);border-color:#e2f7ff;box-shadow:inset 0 1px 0 #ffffff65,0 5px 0 #034e93,0 0 30px #008cff65}
 .new-era .button:hover::before{animation:infra-shine .85s ease-out}
 .new-era .button:hover>span{transform:translate(3px,-2px);background:#ffffff3d}
 .new-era .button.outline:hover{background:#0a315b;color:#fff}
 .new-era .button.white:hover{background:#fff;color:#075998}
 .new-era .channel-link:hover{transform:translateY(-2px);border-color:#008cff;box-shadow:0 7px 24px #008cff40}
 .new-era .channel-link:hover strong span{transform:translate(2px,-2px)}
 .new-era .plan:hover,.new-era .package-card:hover,.why-grid article:hover,.new-era .extra-grid article:hover{border-color:#68ccff;box-shadow:0 12px 35px #008cff25,inset 0 1px 0 #c3f2ff35}
 .new-era nav a:hover::after{transform:scaleX(1)}
}
@media(max-width:700px){
 .new-era .button{letter-spacing:.7px;max-width:100%;font-size:12px}
 .new-era .button>span{flex-basis:24px;width:24px;height:24px}
 .new-era h1,.new-era h2{overflow-wrap:normal;word-break:normal}
 .globoplay-feature .globoplay-logo{width:230px}
}
@media(prefers-reduced-motion:reduce){
 .new-era .button,.new-era .button>span,.new-era .channel-link,.new-era .channel-link strong span,.new-era nav a::after{transition:none}
 .new-era .button::before{display:none;animation:none!important}
}
.space-motion-paused .button::before{animation:none!important}
.service-logo.infra-logo{position:relative;display:block;flex:0 0 145px;width:145px;height:64px;overflow:hidden;background:#f1f6ff;border-radius:8px}
.service-logo.infra-logo img{position:absolute;display:block;width:186px;height:186px;max-width:none;left:-15px;top:-60px}
.plan-apps .channel-link{min-height:84px}
.plan-apps .channel-link .club-original{width:68px;height:68px;object-fit:contain;flex:0 0 68px}
.entertainment-card>.service-logo.infra-logo,.play-subhero .service-logo.infra-logo{width:220px;height:96px;margin:0 0 24px}
.entertainment-card>.service-logo.infra-logo img,.play-subhero .service-logo.infra-logo img{width:282px;height:282px;left:-23px;top:-90px}
.club-card>.club-original{display:block;width:120px;height:120px;object-fit:contain;margin:0 0 24px}
.club-wordmark{background:none!important;padding:0!important;box-shadow:none!important}
.club-wordmark .club-original{display:block;width:min(270px,75vw);height:auto;object-fit:contain;margin:0 auto}
@media(max-width:400px){.plan-apps .service-logo.infra-logo{flex-basis:115px;width:115px;height:52px}.plan-apps .service-logo.infra-logo img{width:147px;height:147px;left:-12px;top:-47px}.channel-link strong{font-size:13px}}
