.home-page,.dark-page{background:var(--purple)}.hero{background:var(--purple);min-height:clamp(820px,56.25vw,1080px);color:var(--white);flex-direction:column;justify-content:flex-start;align-items:center;padding:240px 30px 90px;display:flex;position:relative;overflow:hidden}.hero-topline{background-image:url(/assets/valorant_universitario.png);background-position:50%;background-repeat:no-repeat;background-size:contain;align-items:center;width:clamp(385px,26.72vw,513px);height:clamp(26px,1.82vw,35px);display:flex;position:absolute;top:clamp(112px,7.8125vw,150px);left:50%;transform:translate(-50%)}.hero-topline img{object-fit:contain;width:100%;height:100%}.hero-copy{text-align:center;place-items:center;gap:clamp(42px,3.02vw,58px);width:min(1600px,100%);display:grid}.hero h1{font-family:var(--font-display);text-transform:uppercase;gap:clamp(26px,1.67vw,34px);margin:0;font-size:clamp(5.6rem,6.38vw,7.75rem);font-weight:900;line-height:.84;display:grid}.hero-line{white-space:nowrap;justify-content:center;align-items:center;gap:clamp(16px,1.04vw,20px);min-width:0;display:flex}.hero-line>span{align-items:center;min-height:.92em;display:inline-flex}.hero h1 mark{z-index:0;color:var(--black);isolation:isolate;background:0 0;align-items:center;padding:0 .16em;line-height:.84;display:inline-flex;position:relative}.hero h1 mark:before{z-index:-1;background:var(--lime);content:"";position:absolute;inset:-.2em -.025em -.045em}.hero p{max-width:720px;color:var(--white);margin:0;font-size:1.35rem;font-weight:800}.hero-action{width:316px;font-size:1.45rem}.hero-mark{object-fit:contain;background-image:url(/assets/detail.png);background-size:contain;width:9.5px;height:86.5px;position:absolute;top:145px}.hero-mark.left{left:54px}.hero-mark.right{right:54px;transform:scaleX(-1)}.hero-sticker{pointer-events:none;background-repeat:no-repeat;background-size:contain;position:absolute}.hero-sticker.foam{background-image:url(/assets/foam.png);width:103px;height:117px;animation:5s infinite alternate foam;bottom:300px;left:175px}@keyframes foam{0%{transform:translateY(-25%)}to{transform:translateY(25%)}}.hero-sticker.flag{background-image:url(/assets/flag.png);width:145px;height:91px;animation:4s infinite alternate flag;bottom:350px;right:180px}@keyframes flag{0%{transform:translateY(-25%)}to{transform:translateY(25%)}}.team-strip{height:clamp(112px,7.8125vw,150px);margin-top:120px;overflow:hidden}.team-strip-track{align-items:center;width:max-content;height:100%;animation:180s linear infinite scroll-left-to-right;display:flex}@keyframes scroll-left-to-right{0%{transform:translate(-25%)}to{transform:translate(0)}}.team-strip-item{background:#141414b8;flex:0 0 clamp(112px,7.8125vw,150px);place-items:center;width:clamp(112px,7.8125vw,150px);height:clamp(112px,7.8125vw,150px);margin-right:clamp(30px,3.125vw,60px);padding:clamp(12px,1.04vw,20px);display:grid}.team-strip-item img{object-fit:contain;width:clamp(84px,5.73vw,110px);height:clamp(84px,5.73vw,110px)}.rules-section{background:var(--white);color:var(--purple);padding:clamp(132px,8.75vw,168px) 30px;position:relative;overflow:hidden}.section-cut{aspect-ratio:1920/78;pointer-events:none;background-repeat:no-repeat;background-size:100%;position:absolute;left:0;right:0}.section-cut.top{background-image:url(/assets/detail_howto.svg);background-position:top;margin-top:-5px;top:0;transform:rotate(180deg)}.section-cut.bottom{background-image:url(/assets/detail_howto.svg);background-position:bottom;margin-bottom:-5px;bottom:0}.rules-inner{z-index:1;gap:clamp(38px,2.35vw,45px);max-width:1420px;margin:0 auto;display:grid;position:relative}.rules-inner h2,.calendar-heading h2{text-align:center;text-transform:uppercase;margin:0;font-size:clamp(2.75rem,2.92vw,3.5rem);font-weight:950;line-height:1}.rules-grid{justify-content:center;gap:30px;display:flex}.rule-step{width:450px;height:168px;color:var(--purple);display:flex;position:relative;overflow:hidden}.rule-number{background:var(--lime);flex-shrink:0;width:80px;height:100%;margin-right:-17px;font-size:0;line-height:0;-webkit-mask-position:100%;mask-position:100%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.rule-step:first-child .rule-number{-webkit-mask-image:url(/assets/number_one.svg);mask-image:url(/assets/number_one.svg)}.rule-step:nth-child(2) .rule-number{-webkit-mask-image:url(/assets/number_two.svg);mask-image:url(/assets/number_two.svg)}.rule-step:nth-child(3) .rule-number{-webkit-mask-image:url(/assets/number_three.svg);mask-image:url(/assets/number_three.svg)}.rule-step div{background:var(--lime);flex-direction:column;flex:1 1 0;gap:10px;height:100%;padding:30px 20px;display:flex}.rule-step h3{font-family:var(--font-display);text-transform:uppercase;margin:0;font-size:clamp(2.75rem,2.92vw,3.5rem);line-height:.9}.rule-step p{max-width:390px;margin:0;font-size:clamp(.74rem,.83vw,1rem);font-weight:900}.rules-stamp{object-fit:contain;opacity:1;width:298px;height:298px;position:absolute;top:50%}.rules-stamp:after{content:"";background-image:url(/assets/detail_univava.png);background-repeat:no-repeat;background-size:contain;animation:15s linear infinite stamp;position:absolute;inset:0}@keyframes stamp{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rules-stamp.left{left:0;transform:translateY(-50%)translate(-50%)}.rules-stamp.right{right:0;transform:translateY(-50%)translate(50%)}.calendar-section{background:var(--purple);min-height:clamp(390px,23.96vw,460px);color:var(--white);padding:clamp(64px,4.48vw,86px) 30px 120px}.calendar-heading{gap:8px;max-width:1860px;margin:0 auto 45px;display:grid}.calendar-heading>div{position:relative}.calendar-sticker{object-fit:contain;justify-self:center;width:clamp(134px,9.27vw,178px);height:clamp(79px,5.47vw,105px);animation:2s infinite alternate calendar-sticker}@keyframes calendar-sticker{0%{transform:rotate(-10deg)}to{transform:rotate(30deg)}}.calendar-controls{gap:30px;display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.calendar-control{cursor:pointer;background:0 0;border:0;place-items:center;width:48px;height:48px;padding:0;display:grid}.calendar-control:first-child{background-image:url(/assets/icon-chevron-left.svg)}.calendar-control:last-child{background-image:url(/assets/icon-chevron-right.svg)}.calendar-control:hover{filter:brightness(.9)}.calendar-controls img{object-fit:contain;width:42px;height:42px}.schedule-grid{scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;gap:clamp(18px,1.56vw,30px);max-width:1860px;margin:0 auto;padding-bottom:0;display:flex;overflow-x:hidden}.schedule-grid::-webkit-scrollbar{display:none}.schedule-item{border-radius:var(--radius);background:var(--white);width:clamp(375px,26.04vw,500px);height:clamp(115px,7.97vw,153px);color:var(--black);scroll-snap-align:start;flex:0 0 clamp(375px,26.04vw,500px);overflow:hidden}.event-header{background:var(--grey);min-height:clamp(42px,2.92vw,56px);color:var(--black);justify-content:space-between;align-items:center;gap:14px;padding:0 15px;display:flex}.status-open>.event-header,.status-open .qualifier-header{background:var(--lime)}.event-header h3{overflow-wrap:anywhere;text-transform:uppercase;min-width:0;margin:0;font-size:clamp(.95rem,1.04vw,1.25rem);font-weight:950;line-height:1}.event-status{min-width:max-content;color:var(--black);text-align:right;text-transform:uppercase;justify-content:flex-end;align-items:center;gap:9px;display:flex}.event-status .event-label{flex-direction:column;justify-content:flex-end;display:flex}.event-status-timer{flex-direction:column;align-items:flex-end;display:flex}.event-status span{color:var(--purple);font-size:.75rem;font-weight:950;display:block}.status-locked .event-status span,.status-closed .event-status strong:first-child{color:#14141499}.event-status strong{font-size:.95rem;font-weight:950;line-height:1;display:block}.lock-icon{background:url(/assets/icon_lock.svg) 50%/26px 26px no-repeat;border-radius:5px;flex:0 0 26px;width:26px;height:26px;display:inline-block;position:relative}.lock-icon.unlock{background:url(/assets/icon_unlock.svg) 50%/26px 26px no-repeat}.event-date{height:calc(100% - clamp(42px,2.92vw,56px));color:var(--black);text-align:center;text-transform:uppercase;place-items:center;padding:20px 10px;font-size:clamp(2.55rem,2.92vw,3.5rem);font-weight:950;line-height:1;display:grid}.status-closed .event-date{opacity:.58}.dark-page main{min-height:100vh;padding-top:54px}@media (max-width:1500px){.rule-step{width:350px}}@media (max-width:1280px){.hero h1{font-size:5.2rem}.hero-line{white-space:normal;flex-wrap:wrap}.rules-inner h2{padding:0 20px}.rules-section{padding:clamp(132px,8.75vw,168px) 0}.rules-grid{flex-direction:column;align-items:center;padding-right:20px}.rule-step{width:100%;max-width:750px}.rule-step p{font-size:1rem}}@media (max-width:960px){.hero{min-height:920px;padding-top:190px}.hero-topline{gap:18px;font-size:.72rem;top:146px}.hero h1{font-size:4rem}.hero-line{gap:10px}.hero p{font-size:1.05rem}.hero-sticker{display:none}}@media (max-width:680px){.dark-page main{padding-top:42px}.hero-copy{gap:30px}.hero-mark{width:9.5px;height:86.5px;top:90px}.hero-mark.left{left:58px;transform:rotate(90deg)}.hero-mark.right{right:58px;transform:rotate(90deg)scaleX(-1)}.hero{min-height:820px;padding:185px 20px 0}.hero-topline{display:none}.hero h1{gap:20px;font-size:3rem}.hero h1 mark{padding:.08em .12em .1em}.hero p{font-size:.9rem}.hero-action{width:100%;max-width:316px;font-size:1rem}.rules-stamp.left{top:auto;bottom:0;left:50%;transform:translateY(50%)translate(-50%)}.rules-stamp.right{display:none}.team-strip{gap:14px;height:112px;margin-top:60px}.team-strip-item{flex-basis:80px;width:80px;height:80px;margin-right:20px;padding:12px}.team-strip-item img{width:80%;height:80%}.schedule-item{flex-basis:100%;width:100%}.event-date{font-size:2.25rem}.calendar-controls{display:none}.schedule-grid{flex-direction:column;display:flex}}@media (max-width:480px){.hero h1{gap:15px;font-size:2.2rem}.rule-step{height:140px}.rule-step div{gap:5px;padding:20px}.rules-grid{gap:20px}.rule-step h3{font-size:1.9rem}.rule-step p{font-size:.9rem}.event-header{flex-direction:column;gap:7px;padding:10px 10px 7px}.event-status{flex-direction:row-reverse}.event-status .event-label{text-align:left;justify-content:flex-start}.event-status-timer{align-items:flex-start}}