@font-face{font-family:Terpel Sans;src:url(/assets_page/fonts/Terpel-Sans-Regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Terpel Sans Bold;src:url(/assets_page/fonts/Terpel-Sans-Bold.woff2) format("woff2"),url(/assets_page/fonts/Terpel-Sans-Bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Terpel Sans Black;src:url(/assets_page/fonts/Terpel-Sans-Black.woff2) format("woff2"),url(/assets_page/fonts/Terpel-Sans-Black.woff) format("woff");font-weight:950;font-style:normal}@font-face{font-family:Terpel Sans ExtraBold;src:url(/assets_page/fonts/Terpel-Sans-ExtraBold.woff2) format("woff2"),url(/assets_page/fonts/Terpel-Sans-ExtraBold.woff) format("woff");font-weight:800;font-style:normal}@font-face{font-family:Terpel Sans Medium;src:url(/assets_page/fonts/Terpel-Sans-Medium.woff2) format("woff2"),url(/assets_page/fonts/Terpel-Sans-Medium.woff) format("woff");font-weight:200;font-style:normal}@font-face{font-family:Terpel Sans Bold Condensed;src:url(/assets_page/fonts/Terpel-Sans-Bold-Condensed.woff2) format("woff2"),url(/assets_page/fonts/Terpel-Sans-Bold-Condensed.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Terpel Sans Black Condensed;src:url(/assets_page/fonts/Terpel-Sans-Black-Condensed.woff2) format("woff2"),url(/assets_page/fonts/Terpel-Sans-Black-Condensed.woff) format("woff");font-weight:950;font-style:normal}@font-face{font-family:Terpel Sans Display;src:url(/assets_page/fonts/Terpel-Sans-Display.woff2) format("woff2"),url(/assets_page/fonts/Terpel-Sans-Display.woff) format("woff");font-weight:400;font-style:normal}body{margin:0;padding:0;min-height:100vh;background-color:#f5f5f5;font-family:Terpel Sans,sans-serif;overflow-x:hidden}#root{width:100%;min-height:100vh}.game-hud-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100}.hud-hegemonia-logo{position:absolute;top:5%;right:4%;width:clamp(80px,12vh,120px);object-fit:contain}.hud-timer-container{position:absolute;top:3%;left:4%;background-color:#e30613e6;padding:4px 10px;border-radius:6px;box-shadow:0 4px 8px #0000004d;border:1px solid rgba(255,255,255,.1)}#hud-timer{color:#fff;font-family:Terpel Sans Black;font-size:clamp(14px,2.5vh,18px);letter-spacing:.5px}.hud-scores-container{position:absolute;top:50%;right:3%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;background:#0006;padding:8px 12px;border-radius:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2)}.hud-score-box{background:#fff;color:#1a1a1a;width:clamp(35px,5vh,45px);height:clamp(35px,5vh,45px);display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:0 4px 10px #00000080;border:3px solid #E3000F;transition:transform .2s ease-out}@keyframes goalPop{0%{transform:scale(1)}50%{transform:scale(1.6);box-shadow:0 10px 25px #e3000fcc}to{transform:scale(1)}}.goal-scored{animation:goalPop .6s cubic-bezier(.175,.885,.32,1.275);background:#fc0}#hud-score-red,#hud-score-blue{font-family:Terpel Sans Black;font-size:clamp(20px,3vh,26px);line-height:1}.hud-vs{color:#fc0;font-family:Terpel Sans Black;font-size:clamp(14px,2vh,18px);text-transform:uppercase;text-shadow:0 2px 4px rgba(0,0,0,.8)}.game-over-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:fadeInOverlay .5s ease-out forwards}.game-over-popup{background:#fff;width:85%;max-width:450px;overflow:hidden;filter:drop-shadow(0 20px 30px rgba(0,0,0,.5));display:flex;flex-direction:column;animation:popIn .6s cubic-bezier(.175,.885,.32,1.275) forwards;clip-path:polygon(0 0,85% 0,100% 12%,100% 100%,0 100%)}@keyframes popIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.game-over-header{background-color:#e3000f;color:#fff;text-align:center;padding:35px 20px 45px;clip-path:polygon(0 0,100% 0,100% 90%,0 100%);margin-bottom:-10px}.game-over-header h2{font-family:Terpel Sans Black;font-size:clamp(2.3rem,10vw,3rem);line-height:1;margin:0;text-transform:uppercase;font-style:italic;letter-spacing:-.5px}.game-over-body{padding:30px 20px 20px;text-align:center;position:relative;background:#fff}.game-over-subtitle{font-family:Terpel Sans Bold;color:#a0a0a0;font-size:.85rem;letter-spacing:2px;margin:0 0 5px;text-transform:uppercase}.game-over-score-container{position:relative;display:inline-block}.game-over-badge{position:absolute;top:5px;right:-35px;background:#fc0;color:#fff;font-family:Terpel Sans Bold;font-size:.85rem;padding:4px 12px;border-radius:20px;transform:rotate(8deg);box-shadow:0 4px 10px #ffcc0080;font-style:italic;z-index:2}.game-over-score{font-family:Terpel Sans Black;font-size:clamp(6.5rem,25vw,8.5rem);color:#1a1a1a;line-height:1;margin:10px 0 0;display:block;letter-spacing:-3px}.game-over-points{font-family:Terpel Sans Black;color:#e3000f;font-size:1.8rem;margin:-5px 0 0;font-style:italic;text-transform:uppercase}.game-over-footer{display:flex;justify-content:center;align-items:center;padding:15px 25px;background-color:#f8f8f8}.footer-hegemonia{height:25px;object-fit:contain}.footer-slogan{font-family:Terpel Sans Black;color:#020202;font-size:.6rem;text-transform:uppercase;letter-spacing:0px}.game-over-accept-btn{margin-top:30px;background:#e3000f;color:#fff;font-family:Terpel Sans Black;font-size:clamp(1.2rem,4vw,1.8rem);padding:10px 50px;cursor:pointer;text-transform:uppercase;transition:transform .2s,filter .2s;clip-path:polygon(0 0,85% 0,100% 35%,100% 100%,0 100%);filter:drop-shadow(0 10px 10px rgba(227,0,15,.4))}.game-over-accept-btn:hover{transform:scale(1.05);filter:drop-shadow(0 15px 15px rgba(227,0,15,.6))}.game-over-accept-btn:active{transform:scale(.95)}.ranking-screen{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:40px 20px 80px;background:linear-gradient(135deg,#f8f8f8,#e0e0e0);width:100%}.ranking-container{display:flex;flex-direction:column;gap:15px;width:100%;margin-top:30px;animation:rankingFadeIn .8s ease-out}@keyframes rankingFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ranking-header-section{text-align:center}.welcome-text{font-family:Terpel Sans Black,sans-serif;font-size:38px;font-weight:950;color:#333;margin:0;text-transform:uppercase}.welcome-text span{color:#e30613}.ranking-subtitle-main{color:#666;font-size:16px;margin-top:0}.podium-container{display:flex;align-items:flex-end;justify-content:center;gap:5px;margin:50px 0 5px;height:320px}.podium-item{flex:1;display:flex;flex-direction:column;align-items:center;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.podium-item:nth-child(2){animation:podiumUp .6s .2s both}.podium-item:nth-child(1){animation:podiumUp .6s .1s both}.podium-item:nth-child(3){animation:podiumUp .6s .3s both}@keyframes podiumUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.podium-avatar-wrapper{position:relative;margin-bottom:15px}.podium-avatar{width:90px;height:90px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:28px;box-shadow:0 10px 25px #0000001a;border:4px solid white}.second .podium-avatar{border-color:silver;background:linear-gradient(135deg,#eee,silver);color:#666}.first .podium-avatar{border-color:gold;background:linear-gradient(135deg,#fff,gold);color:#8a7300;width:110px;height:110px;font-size:34px}.third .podium-avatar{border-color:#cd7f32;background:linear-gradient(135deg,#fff,#cd7f32);color:#5a3512}.podium-badge{position:absolute;bottom:-5px;right:-5px;width:32px;height:32px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;border:2px solid white}.second .podium-badge{background:silver}.first .podium-badge{background:gold;width:38px;height:38px;font-size:18px}.third .podium-badge{background:#cd7f32}.podium-stair{width:100%;border-radius:10px 10px 0 0}.second .podium-stair{height:100px;background:linear-gradient(to bottom,#d7d7d7,#a9a9a9);border-bottom:5px solid #888}.first .podium-stair{height:160px;background:linear-gradient(to bottom,#ffe867,#fcd116);border-bottom:5px solid #d4af37;box-shadow:0 0 30px #fcd1164d}.third .podium-stair{height:70px;background:linear-gradient(to bottom,#e49e5d,#cd7f32);border-bottom:5px solid #8b4513}.podium-info{display:flex;flex-direction:column;align-items:center;margin-bottom:8px;text-align:center;z-index:2;text-shadow:0 1px 2px rgba(255,255,255,.8)}.podium-name{font-family:Terpel Sans Bold,sans-serif;font-size:14px;color:#333;margin-bottom:2px}.first .podium-name{font-size:16px;font-family:Terpel Sans Black,sans-serif}.podium-score{font-family:Terpel Sans Black,sans-serif;font-size:16px;color:#e30613}.podium-time{font-family:monospace;font-size:11px;color:#666;font-weight:700}.podium-ribbon{position:absolute;top:-10px;left:50%;transform:translate(-50%);width:40px;height:60px;z-index:1}.podium-ribbon:before,.podium-ribbon:after{content:"";position:absolute;bottom:0;width:18px;height:50px;background:inherit;clip-path:polygon(0% 0%,100% 0%,100% 100%,50% 85%,0% 100%)}.podium-ribbon:before{left:0;transform:rotate(-15deg)}.podium-ribbon:after{right:0;transform:rotate(15deg)}.first .podium-ribbon{background:linear-gradient(to bottom,gold,#a67c00)}.second .podium-ribbon{background:linear-gradient(to bottom,silver,#7e7e7e)}.third .podium-ribbon{background:linear-gradient(to bottom,#cd7f32,#804a00)}.scoring-matrix{background:#fff;border-radius:20px;padding:30px;box-shadow:0 10px 30px #0000000d;border-top:6px solid #fcd116}.matrix-title{font-size:14px;font-weight:900;color:#999;letter-spacing:2px;margin-bottom:25px;text-align:center}.matrix-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.matrix-item{display:flex;flex-direction:column;align-items:center;padding:15px;background:#fcfcfc;border-radius:12px}.matrix-icon{font-size:24px;margin-bottom:8px}.matrix-label{font-size:10px;font-weight:700;color:#bbb;margin-bottom:5px}.matrix-value{font-size:20px;font-weight:900;color:#333}.matrix-value.negative{color:#e30613}.matrix-item.total{grid-column:span 2;background:linear-gradient(135deg,#e30613,#a30009);color:#fff}.matrix-item.total .matrix-value{color:#fcd116;font-size:32px}.player-pass-mini{background:#1a1a1a;border-radius:12px;padding:15px 25px;color:#fff;display:flex;justify-content:center}.pass-meta-info{display:flex;gap:30px;font-family:monospace;font-size:13px;color:#aaa}.pass-meta-info span{color:#fcd116;font-weight:700}.ranking-table-container{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:24px;padding:clamp(15px,4vw,35px);border:1px solid rgba(255,255,255,.3)}.ranking-title{font-family:Terpel Sans Black,sans-serif;text-align:center;margin-bottom:25px;color:#333;font-size:22px;font-weight:950;text-transform:uppercase;letter-spacing:1px}.ranking-table{width:100%;border-collapse:separate;border-spacing:0 6px;table-layout:fixed}.ranking-table th:nth-child(1),.ranking-table td:nth-child(1){width:60px;text-align:center}.ranking-table th:nth-child(2),.ranking-table td:nth-child(2){width:auto;text-align:left}.ranking-table th:nth-child(3),.ranking-table td:nth-child(3){width:100px;text-align:right}.ranking-table th:nth-child(4),.ranking-table td:nth-child(4){width:100px;text-align:right}.ranking-table th{padding:16px 15px;text-align:left;background:#e30613;color:#fff;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:1.5px}.ranking-table th:first-child{border-radius:12px 0 0 12px}.ranking-table th:last-child{border-radius:0 12px 12px 0}.ranking-table td{padding:18px 15px;font-size:14px;background:#fff;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;transition:transform .2s ease}.ranking-table tr:hover td{background:#fdfdfd}.user-row-current td{background:linear-gradient(90deg,#e3061314,#e3061305);border-color:#e3061333;color:#e30613;font-weight:900;position:relative}.here-badge{display:inline-flex;align-items:center;justify-content:center;margin-top:5px;font-size:9px;background:linear-gradient(135deg,#e30613,#a30009);color:#fff;padding:4px 10px;border-radius:20px;letter-spacing:.5px;white-space:nowrap;box-shadow:0 2px 6px #e306134d;font-weight:700}.name-cell-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;flex-wrap:wrap}.rank-badge{width:32px;height:32px;background:#efefef;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:900;color:#666;font-size:13px}.rank-badge.current{background:#e30613;color:#fff;box-shadow:0 4px 10px #e306134d}.score-cell{text-align:right!important;font-weight:950;color:#333;font-size:18px;font-family:Terpel Sans Black;letter-spacing:-.5px}.time-cell{text-align:right!important;font-family:monospace;color:#777;font-size:13px;font-weight:700}.return-btn{width:100%;max-width:65%;margin:0 auto;padding:8px;background-color:#e30613;color:#fff;font-family:Terpel Sans Bold;font-size:14px;text-transform:uppercase;border:none;cursor:pointer;transition:transform .2s,background-color .2s,box-shadow .2s;clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,0 100%);box-shadow:0 10px 20px #e3061366}.return-btn:hover{background-color:#a30009;transform:translateY(-2px);box-shadow:0 14px 25px #e3061380}.lookup-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;display:flex!important;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.personal-rank-section{width:100%;animation:slideUp .6s ease-out}.personal-rank-label{font-family:Terpel Sans Black,sans-serif;font-size:14px;color:#666;margin-bottom:10px;text-align:center;letter-spacing:1px}.personal-rank-card{border:1px solid #e30613;border-radius:12px;padding:20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 10px 25px #e306131a}.personal-rank-info{display:flex;align-items:center;gap:15px}.personal-rank-badge{width:45px;height:45px;background:#e30613;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Terpel Sans Black,sans-serif;font-size:18px;box-shadow:0 4px 10px #e306134d}.personal-rank-name{display:flex;flex-direction:column}.personal-rank-name span:first-child{font-family:Terpel Sans Bold,sans-serif;font-size:18px;color:#333}.here-badge-mini{font-family:Terpel Sans Regular,sans-serif;font-size:10px;color:#fff;background:#e30613;padding:2px 8px;border-radius:4px;width:fit-content;margin-top:4px}.personal-rank-stats{display:flex;gap:25px}.stat-item{display:flex;flex-direction:column;align-items:flex-end}.stat-label{font-family:Terpel Sans Regular,sans-serif;font-size:10px;color:#888;margin-bottom:2px}.stat-value{font-family:Terpel Sans Black,sans-serif;font-size:20px;color:#e30613}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.personal-rank-card{flex-direction:column;padding:15px}.personal-rank-stats{width:100%;justify-content:space-around;border-top:1px solid #eee;padding-top:15px}.stat-item{align-items:center}}.lookup-popup{background:#fff;padding:40px;width:90%;max-width:420px;text-align:center;box-shadow:0 30px 80px #00000080;clip-path:polygon(0 0,calc(100% - 30px) 0,100% 30px,100% 100%,0 100%);animation:modalIn .5s cubic-bezier(.34,1.56,.64,1)}@keyframes modalIn{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.lookup-title{color:#e30613;font-family:Terpel Sans Black,sans-serif;font-size:26px;font-weight:900;margin-bottom:15px}.lookup-desc{color:#4a4a4a;font-family:Terpel Sans Medium,sans-serif;font-size:15px;line-height:1.5;margin-bottom:30px}.lookup-form .form-group{text-align:left;margin-bottom:25px}.lookup-form label{display:block;font-family:Terpel Sans Bold,sans-serif;font-size:12px;font-weight:900;color:#e30613;text-transform:uppercase;margin-bottom:10px}.lookup-form input{width:100%;padding:10px 15px;border:none;font-family:Terpel Sans Regular,sans-serif;font-size:16px;box-sizing:border-box;outline:none;background-color:#f2f2f2;color:#333;clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,0 100%);transition:background-color .3s}.lookup-form input:focus{background-color:#e6e6e6}.lookup-btn{width:100%;padding:10px 15px;background-color:#000;color:#fff;font-family:Terpel Sans Black,sans-serif;font-size:18px;text-transform:uppercase;border:none;cursor:pointer;margin-top:15px;transition:transform .2s,background-color .2s;clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,0 100%)}.lookup-btn:hover{background-color:#333;transform:scale(1.02)}.pdv-selection-container{display:flex;flex-direction:column;gap:12px;margin-top:15px;max-height:50vh;overflow-y:auto;padding-right:5px}.pdv-selection-container::-webkit-scrollbar{width:6px}.pdv-selection-container::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:4px}.pdv-option-card{background:#f8f8f8;border:1px solid #eee;border-radius:12px;padding:15px;cursor:pointer;transition:all .2s ease;clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,0 100%)}.pdv-option-card:hover{background:#fff;border-color:#e30613;transform:translateY(-2px);box-shadow:0 5px 15px #e3061326}.pdv-card-content{display:flex;align-items:center;gap:15px}.pdv-card-icon{font-size:24px}.pdv-card-text{text-align:left}.pdv-card-text h3{margin:0 0 4px;font-family:Terpel Sans Bold,sans-serif;font-size:16px;color:#333}.pdv-card-text p{margin:0;font-family:Terpel Sans Regular,sans-serif;font-size:12px;color:#e30613;font-weight:700}@media(min-width:601px)and (max-width:1024px){.welcome-text{font-size:clamp(32px,5vw,42px)}.podium-container{height:300px;gap:12px}.podium-avatar{width:80px;height:80px;font-size:26px}.first .podium-avatar{width:55px;height:55px;font-size:32px}.ranking-table-container{padding:25px}.matrix-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1025px){.ranking-container{gap:50px;max-width:900px;margin:0 auto}.welcome-text{font-size:52px}.podium-container{height:380px;gap:30px}.podium-avatar{width:110px;height:110px;font-size:34px}.first .podium-avatar{width:140px;height:140px;font-size:42px}.ranking-table-container{padding:40px;margin:0 auto;width:90%}.ranking-table td{padding:22px 30px;font-size:16px}.score-cell{font-size:22px}}@media(max-width:600px){.ranking-screen{padding:40px 10px}.ranking-table-container{padding:15px}.ranking-table th,.ranking-table td{padding:12px 8px}.ranking-table th:nth-child(1),.ranking-table td:nth-child(1){width:45px}.ranking-table th:nth-child(3),.ranking-table td:nth-child(3){width:75px;font-size:11px}.ranking-table th:nth-child(4),.ranking-table td:nth-child(4){width:75px}.name-cell-wrapper{flex-direction:column;align-items:flex-start;gap:4px}.here-badge{font-size:8px;padding:2px 8px}.score-cell{font-size:16px}.time-cell{font-size:11px}.rank-badge{width:26px;height:26px;font-size:11px}}@media(max-height:700px){.ranking-screen{padding:30px 15px}.ranking-container{gap:20px}.welcome-text{font-size:24px}.podium-container{height:220px;margin-bottom:20px}.podium-avatar{width:55px;height:55px;font-size:18px}.first .podium-avatar{width:55px;height:55px;font-size:24px}.podium-badge{width:24px;height:24px;font-size:12px}.first .podium-badge{width:28px;height:28px}.scoring-matrix{padding:15px}.matrix-value{font-size:18px}}@media(max-height:500px){.podium-container{height:180px;gap:5px}.podium-avatar{width:45px;height:45px;font-size:14px}.first .podium-avatar{width:60px;height:60px;font-size:18px}.welcome-text{font-size:20px}.ranking-subtitle-main{display:none}}.landing-main{padding:0!important;width:100%;flex:1;display:flex;flex-direction:column;overflow:hidden}.landing-scene{position:relative;width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow:hidden;font-family:Terpel Sans Black,Terpel Sans,sans-serif}.landing-inner{position:relative;width:100%;height:100vh;margin:0 auto;display:flex;flex-direction:column;align-items:center;padding-bottom:0;overflow:hidden}.landing-topbar{position:relative;z-index:100;width:100%;display:flex;align-items:flex-start;justify-content:space-between;align-items:center;padding:calc(2.5vh + env(safe-area-inset-top,0px)) 5% 2.5vh;box-sizing:border-box}.ranking-btn{background:#000;color:#fff;font-family:Terpel Sans Black,sans-serif;font-size:clamp(11px,1.5vh,14px);font-weight:900;letter-spacing:1.5px;text-transform:uppercase;border:none;padding:1.2vh 4vw;cursor:pointer;clip-path:polygon(0 0,85% 0,100% 25%,100% 100%,0 100%);transition:all .2s}.ranking-btn:hover{background:#e30613;transform:scale(1.05)}.brands-img{height:clamp(10px,2vh,20px);width:auto;object-fit:contain}.reto-card{position:relative;z-index:10;width:90%;max-width:90%;height:70%;background:#e30613;margin:0 auto;padding:4vh 6% 18vh;box-sizing:border-box;clip-path:polygon(0 0,85% 0,100% 15%,100% 100%,0 100%);box-shadow:0 30px 60px -12px #0006;display:flex;flex-direction:column;animation:cardFadeInUp .8s cubic-bezier(.16,1,.3,1)}@keyframes cardFadeInUp{0%{opacity:0;transform:translateY(2vh)}to{opacity:1;transform:translateY(0)}}.reto-title-block{margin-bottom:2.5vh}.reto-title{font-family:Terpel Sans Display;font-size:clamp(45px,11vh,120px);font-weight:950;color:#fff;line-height:.8;margin:0 2% 0 0;text-transform:uppercase;letter-spacing:-3px;text-align:center}.reto-subtitle{font-family:Terpel Sans Bold;font-size:clamp(16px,3vh,32px);font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:2px;text-align:center;margin-right:2%}.reto-form{display:flex;flex-direction:column;gap:1.5vh;max-width:550px}.reto-input{width:100%;padding:1.6vh 25px;border:none;font-family:Terpel Sans;font-size:clamp(16px,2.2vh,22px);color:#333;background:#fff;box-sizing:border-box;outline:none;clip-path:polygon(0 0,95% 0,100% 45%,100% 100%,0 100%)}.reto-input::placeholder{color:#888}.reto-input:focus{box-shadow:0 0 0 4px #fcd116cc}.reto-checkbox-row{display:flex;align-items:center;gap:12px;margin-top:.5vh}.reto-checkbox-row input{width:18px;height:18px;accent-color:#000}.reto-checkbox-row label{font-size:clamp(12px,1.4vh,16px);color:#fff;font-weight:700;cursor:pointer}.reto-cta-block{display:flex;flex-direction:column;align-items:flex-end;gap:.8vh;margin-top:1.5vh}.continuar-btn{background:#000;color:#fff;border:none;font-family:Terpel Sans Black;font-size:clamp(18px,2.5vh,26px);font-weight:950;letter-spacing:2px;text-transform:uppercase;padding:1.5vh 10vw;cursor:pointer;transition:all .3s cubic-bezier(.165,.84,.44,1);box-shadow:0 10px 30px #00000080;clip-path:polygon(0 0,88% 0,100% 40%,100% 100%,0 100%)}.continuar-btn:hover{background:#fcd116;color:#000;transform:translateY(-3px)}.terms-link{color:#fff;font-size:clamp(10px,1.2vh,12px);text-decoration:underline;opacity:.9}.reto-footer-tag{font-family:Terpel Sans Black;font-size:clamp(18px,3.5vh,40px);color:#fff;text-transform:uppercase;letter-spacing:2px;text-align:center;position:absolute;bottom:8vh;left:0;width:100%;z-index:50;margin:0;text-shadow:2px 2px 8px rgba(0,0,0,.6)}.deco-player{position:absolute;bottom:0;left:0;width:clamp(300px,40vw,700px);height:auto;object-fit:contain;object-position:bottom left;z-index:30;pointer-events:none;filter:drop-shadow(10px 0 20px rgba(0,0,0,.4))}.deco-lubricantes{position:absolute;bottom:0;right:0;width:clamp(250px,40vw,750px);height:auto;object-fit:contain;object-position:bottom right;z-index:40;pointer-events:none;filter:drop-shadow(-10px 0 20px rgba(0,0,0,.4))}@media(max-width:375px){.reto-card{height:70%;padding:3vh 6% 15vh}.reto-title{font-size:clamp(38px,9vh,65px)}.reto-subtitle{font-size:clamp(14px,2.5vh,20px)}.reto-form{gap:1vh}.reto-input{padding:1.2vh 18px;font-size:16px}.reto-footer-tag{bottom:5vh;font-size:16px}.deco-player{width:50%}.deco-lubricantes{width:50%;bottom:3%}.reto-checkbox-row label{font-size:11px;color:#fff;font-weight:100;cursor:pointer;font-family:Terpel Sans Medium}.reto-footer-tag{font-size:12px;letter-spacing:0px;left:25%;bottom:10%}.continuar-btn{padding:.95vh 5vw;font-size:12px;font-weight:100;letter-spacing:0px;text-transform:uppercase;cursor:pointer;transition:all .3s cubic-bezier(.165,.84,.44,1);box-shadow:0 10px 30px #00000080;clip-path:polygon(0 0,88% 0,100% 40%,100% 100%,0 100%)}}@media(min-width:376px)and (max-width:425px){.reto-card{height:70%;padding:5vh 6% 18vh;width:100%}.reto-title{font-size:clamp(55px,11vh,65px)}.reto-subtitle{font-size:clamp(18px,3vh,26px)}.reto-form{gap:1.5vh}.reto-input{padding:1vh 20px;font-size:18px}.reto-footer-tag{bottom:7vh;font-size:20px}.deco-player{width:50%}.deco-lubricantes{width:50%;bottom:3%}.reto-checkbox-row label{font-size:11px;color:#fff;font-weight:100;cursor:pointer;font-family:Terpel Sans Medium}.reto-footer-tag{font-size:12px;letter-spacing:0px;left:25%;bottom:7%}.continuar-btn{padding:.95vh 5vw;font-size:12px;font-weight:100;letter-spacing:0px;text-transform:uppercase;cursor:pointer;transition:all .3s cubic-bezier(.165,.84,.44,1);box-shadow:0 10px 30px #00000080;clip-path:polygon(0 0,88% 0,100% 40%,100% 100%,0 100%)}}@media(min-width:426px)and (max-width:767px){.reto-card{height:70%;padding:7vh 6% 18vh;width:100%}.reto-title{font-size:clamp(55px,11vh,65px)}.reto-subtitle{font-size:clamp(18px,3vh,26px)}.reto-form{gap:1.5vh}.reto-input{padding:1vh 20px;font-size:18px}.reto-footer-tag{bottom:7vh;font-size:20px}.deco-player{width:55%;left:-2%}.deco-lubricantes{width:50%;bottom:7%}.reto-checkbox-row label{font-size:11px;color:#fff;font-weight:100;cursor:pointer;font-family:Terpel Sans Medium}.reto-footer-tag{font-size:12px;letter-spacing:0px;left:25%}.continuar-btn{padding:.95vh 5vw;font-size:12px;font-weight:100;letter-spacing:0px;text-transform:uppercase;cursor:pointer;transition:all .3s cubic-bezier(.165,.84,.44,1);box-shadow:0 10px 30px #00000080;clip-path:polygon(0 0,88% 0,100% 40%,100% 100%,0 100%)}}@media(min-width:768px)and (max-width:1024px){.landing-scene{width:85%;height:100vh;margin:0 auto}.reto-card{height:70%;padding:4vh 6% 18vh;width:100%}.reto-title{font-size:clamp(55px,11vh,65px)}.reto-subtitle{font-size:clamp(18px,3vh,26px)}.reto-form{gap:1.5vh}.reto-input{padding:1vh 20px;font-size:18px}.reto-footer-tag{bottom:7vh;font-size:20px}.deco-player{width:55%}.deco-lubricantes{width:50%;bottom:3%}.reto-checkbox-row label{font-size:11px;color:#fff;font-weight:100;cursor:pointer;font-family:Terpel Sans Medium}.reto-footer-tag{font-size:12px;letter-spacing:0px;left:25%}.continuar-btn{padding:.95vh 5vw;font-size:12px;font-weight:100;letter-spacing:0px;text-transform:uppercase;cursor:pointer;transition:all .3s cubic-bezier(.165,.84,.44,1);box-shadow:0 10px 30px #00000080;clip-path:polygon(0 0,88% 0,100% 40%,100% 100%,0 100%)}}@media(min-width:1025px){.landing-inner{width:28%;height:100vh;margin:0 auto}.reto-card{height:70%;padding:6vh 6% 18vh;width:100%}.reto-title{font-size:clamp(55px,11vh,65px)}.reto-subtitle{font-size:clamp(18px,3vh,26px)}.reto-form{gap:1.5vh}.reto-input{padding:1vh 20px;font-size:18px}.reto-footer-tag{bottom:7vh;font-size:20px}.deco-player{width:60%}.deco-lubricantes{width:50%;bottom:3%}.reto-checkbox-row label{font-size:11px;color:#fff;font-weight:100;cursor:pointer;font-family:Terpel Sans Medium}.reto-footer-tag{font-size:12px;letter-spacing:0px;left:25%}.continuar-btn{padding:.95vh 5vw;font-size:12px;font-weight:100;letter-spacing:0px;text-transform:uppercase;cursor:pointer;transition:all .3s cubic-bezier(.165,.84,.44,1);box-shadow:0 10px 30px #00000080;clip-path:polygon(0 0,88% 0,100% 40%,100% 100%,0 100%)}}@media(max-height:500px){.landing-topbar{padding:1vh 5%}.brands-img{height:6vh}.reto-card{height:85%!important;padding:2vh 5% 15vh!important}.reto-title-block{margin-bottom:.5vh}.reto-title{font-size:8vh}.reto-form{gap:.5vh}.reto-input{padding:.8vh 15px;font-size:14px}.reto-footer-tag{bottom:4vh;font-size:14px}.deco-player,.deco-lubricantes{width:35vh}}.reto-card_steps{position:relative;z-index:10;width:90%;max-width:90%;height:80%;background:#e30613;margin:0 auto;padding:3vh 6% 12vh;box-sizing:border-box;clip-path:polygon(0 0,85% 0,100% 15%,100% 100%,0 100%);box-shadow:0 30px 60px -12px #0006;display:flex;flex-direction:column;animation:cardFadeInUp .8s cubic-bezier(.16,1,.3,1);gap:15px}@media(min-width:768px){.reto-card_steps{width:100%;padding:4vh 6% 15vh}}.instructions-title{font-size:clamp(38px,9vh,65px);margin:0;font-family:Terpel Sans Black;letter-spacing:.2px;text-align:justify}.instructions-steps{display:flex;flex-direction:column;text-align:justify;gap:12px;width:100%}.instruction-step{display:flex;align-items:center;background-color:#fff;padding:12px 15px;gap:15px;clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,0 100%);box-shadow:inset 4px 0 #fc0}.step-number{background:linear-gradient(135deg,#fc0,#e3000f);color:#fff;font-family:Terpel Sans Black;font-size:1.8rem;width:45px;height:45px;min-width:45px;display:flex;align-items:center;justify-content:center;border-radius:50%;line-height:1;box-shadow:0 4px 8px #0003}.step-content{display:flex;flex-direction:column;text-align:left}.step-content h3{color:#e3000f;margin:0;font-family:Terpel Sans Bold;font-size:1rem;text-transform:uppercase}.step-content p{color:#4a4a4a;margin:4px 0 0;font-family:Terpel Sans Medium;font-size:.9rem;line-height:1.2}.highlight-red{color:#e3000f;font-family:Terpel Sans Bold}.instructions-note{background-color:#0006;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:10px 15px;margin-top:auto;margin-bottom:5px}.instructions-note p{color:#fff;margin:0;font-family:Terpel Sans Medium;font-size:.8rem;text-align:left;line-height:1.2;font-style:italic}.countdown-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;flex-direction:column;animation:fadeInOverlay .5s ease-out forwards}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.countdown-content{display:flex;flex-direction:column;align-items:center;text-align:center}.countdown-slogan{color:#fc0;font-family:Terpel Sans Black,sans-serif;font-size:clamp(2rem,5vw,4rem);text-transform:uppercase;letter-spacing:2px;margin-bottom:40px;padding:2%;text-shadow:0px 4px 15px rgba(0,0,0,.8);animation:pulseSlogan 2s infinite cubic-bezier(.4,0,.2,1)}@keyframes pulseSlogan{0%{transform:scale(1);text-shadow:0px 4px 15px rgba(0,0,0,.8)}50%{transform:scale(1.05);text-shadow:0px 4px 25px rgba(255,204,0,.8)}to{transform:scale(1);text-shadow:0px 4px 15px rgba(0,0,0,.8)}}.countdown-number{position:relative;display:flex;align-items:center;justify-content:center;width:clamp(150px,40vw,300px);height:clamp(150px,40vw,300px);border-radius:50%;color:#fff;font-family:Terpel Sans Black,sans-serif;font-size:clamp(6rem,20vw,12rem);line-height:1;text-shadow:0 10px 30px rgba(0,0,0,.7);animation:popNumber 1s ease-out forwards}.countdown-number:before{content:"";position:absolute;inset:0;border-radius:50%;border:4px solid #FFCC00;box-shadow:0 0 25px #fc0,inset 0 0 25px #e3000f;animation:pulseRing 1s cubic-bezier(.2,.8,.2,1) infinite}@keyframes pulseRing{0%{transform:scale(.9);opacity:1}to{transform:scale(1.4);opacity:0}}@keyframes popNumber{0%{opacity:0;transform:scale(.2) translateY(50px);filter:blur(10px)}30%{opacity:1;transform:scale(1.1) translateY(0);filter:blur(0px)}60%{transform:scale(1)}to{opacity:0;transform:scale(1.3);filter:blur(5px)}}@media(max-width:375px){.reto-card_steps{height:80%;padding:4vh 5% 12vh}.instructions-title{font-size:clamp(30px,7vh,35px)}.instruction-step{padding:8px 10px;gap:10px}.step-number{width:35px;height:35px;min-width:35px;font-size:1.4rem}.step-content h3{font-size:.85rem}.step-content p{font-size:.75rem}.instructions-note{padding:8px 10px}.instructions-note p{font-size:.7rem}}@media(min-width:376px)and (max-width:425px){.reto-card_steps{height:78%;padding:6vh 6% 12vh;width:100%}.instructions-title{font-size:clamp(30px,9vh,35px)}.instruction-step{padding:10px 12px;gap:12px}.step-number{width:40px;height:40px;min-width:40px;font-size:1.6rem}.step-content h3{font-size:.95rem}.step-content p{font-size:.85rem}}@media(min-width:426px)and (max-width:767px){.reto-card_steps{height:80%;padding:4vh 6% 12vh}.instructions-title{font-size:clamp(35px,10vh,40px)}.instruction-step{padding:12px 15px;gap:15px}}@media(min-width:768px)and (max-width:1024px){.reto-card_steps{height:75%;padding:4vh 6% 15vh}}@media(min-width:1025px){.reto-card_steps{height:75%;padding:4vh 6% 15vh}}@media(max-height:500px){.reto-card_steps{height:90%!important;padding:2vh 5% 10vh!important}.instructions-title{font-size:6vh}.instruction-step{padding:6px 10px;gap:8px}.step-number{width:30px;height:30px;min-width:30px;font-size:1.2rem}.step-content h3{font-size:.8rem}.step-content p{font-size:.7rem;margin-top:2px}.instructions-note{padding:5px 10px;margin-top:2px}.instructions-note p{font-size:.65rem}}.app-layout{min-height:100vh;width:100%;display:flex;flex-direction:column;background-image:url(/assets_page/imagenes/stadium_bg.png);background-size:cover;background-position:center;background-attachment:fixed;font-family:Terpel Sans,sans-serif;overflow-x:hidden;position:relative}.main-content{flex:1;width:100%;display:flex;flex-direction:column}.landing-header-bar{display:flex;justify-content:space-evenly;align-items:center;background:#fff;box-shadow:0 2px 10px #0000000d;height:70px;box-sizing:border-box;z-index:100;gap:7%}.header-left img{height:40px;object-fit:contain}.header-right{display:flex;align-items:flex-end;gap:20px}.header-right img{height:20px;object-fit:contain}.user-header-greeting{display:flex;align-items:center;gap:10px;color:#333;font-size:14px}.user-header-greeting strong{color:#e30613;font-weight:900}.landing-footer-bar{background:#fff;width:100%;display:flex;flex-direction:column;z-index:100}.footer-gradient-line{height:4px;width:100%;background:linear-gradient(90deg,#e30613,#fcd116,#e30613)}.footer-content{display:flex;justify-content:center;align-items:center;padding:15px 20px;gap:10px}.footer-content span{font-size:11px;color:#888;font-weight:700}.footer-content img{height:15px}.portrait-lock-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:999999;display:none;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;padding:30px}@media screen and (max-height:500px)and (orientation:landscape){.portrait-lock-overlay{display:flex}}.lock-content h2{font-family:Terpel Sans Black,sans-serif;font-size:24px;margin:20px 0 10px;color:#fcd116}.lock-content p{font-family:Terpel Sans,sans-serif;font-size:16px;opacity:.8}.rotate-icon{width:80px;height:80px;animation:phoneRotate 2s ease-in-out infinite}@keyframes phoneRotate{0%{transform:rotate(0)}25%{transform:rotate(90deg)}50%{transform:rotate(90deg)}75%{transform:rotate(0)}to{transform:rotate(0)}}
