@import "https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@100;400;500;700&display=swap";
:root{--color-accent1:#0df9fd;--color-accent2:#ff00fb;--color-accent3:#06f984;--color-accent4:#d2ef15;--color-accent5:#fcb103;--color-accent6:#82018e;--color-accent7:#ff5e1f;--color-neutral1:#080808;--color-neutral2:#fff;--font-headings:"Roboto Mono",monospace}*{box-sizing:border-box}html,body,p,a,ul,li{margin:0;padding:0;font-family:Roboto Mono,monospace;text-decoration:none;list-style-type:none}body{color:var(--color-neutral2);background-color:#171717}h4,h5,h6{font-family:var(--font-headings)}h2{font:400 1.6rem/1 var(--font-headings);color:var(--color-accent1)}h3{font:300 1.5rem/1 var(--font-headings)}.accent1{color:var(--color-accent1)}.accent2{color:var(--color-accent2)}.accent3{color:var(--color-accent3)}.accent4{color:var(--color-accent4)}.accent5{color:var(--color-accent5)}.accent6{color:var(--color-accent6)}.accent7{color:var(--color-accent7)}.neutral2{color:var(--color-neutral2)}.border0{border:none}.border1{border:1px solid var(--color-accent1)}.border2{border:1px solid var(--color-accent2)}.border3{border:1px solid var(--color-accent3)}header,.bandPageHero{background-blend-mode:multiply;text-align:center;background:#00000036 url(../media/festivalLanding.6011135c.png) 50%/cover no-repeat;height:60vh;margin-bottom:1rem}nav ul,.basket-container div{align-items:center;gap:1rem;display:flex}.basket-container div{margin-left:auto}.anchor{font:400 1rem/1 var(--font-headings);color:var(--color-accent7)}.main{flex-direction:column;align-items:center;max-width:100%;margin:auto;display:flex}.title{opacity:.2;letter-spacing:0.4%;font:200 6rem/1 var(--font-headings);margin:0}.title a{color:var(--color-accent1);text-decoration:none}.title a:hover,.title a:focus,.title a:active{text-decoration:underline}.title,.camping{text-align:center}.flex-container{gap:2rem}.input{text-align:center;background-color:#0000;padding:1rem 1.5rem}.iconContainer{gap:2rem;margin:1rem;position:relative}.icon{position:absolute;top:34%;left:6%}.button-link,.button,.accion-button{text-align:center;background-color:#0000;border:1px solid #0000;padding:1rem}a.button-link{width:100%;margin:auto}.button:focus,.button:hover,.accion-button:focus,.accion-button:hover,.active{border:1px solid var(--color-accent1)}.grid{gap:.8rem;width:80%;margin:2rem auto;font-size:1.5rem;line-height:1.5}.container{flex:200px;width:85%;margin:auto}.grid,.card,.flex-container,.container,.iconContainer{justify-content:center;align-items:center;display:flex}.grid,.card,.flex-container{flex-wrap:wrap;max-width:90%}.show-table{border-bottom:solid 3px var(--color-accent2);grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:2rem;max-width:100%;margin-bottom:3rem;padding-bottom:2rem;display:grid}.show-table ul{padding-left:.5rem}.show-table li{font-size:small}p{font:small var(--font-headings);margin:1rem auto}.card{text-align:center;border-radius:5px;flex-direction:column;width:8rem;margin:1rem;padding:1rem;text-decoration:none;transition:color .15s,border-color .15s}.stages p:first-child{margin-bottom:0}.card:hover,.card:focus,.card:active{color:#0070f3;border-color:#0070f3}.carousel{max-width:100%;position:relative}.bands-container{width:90%;margin:auto;overflow:hidden}.bands-wraper{max-width:90%;margin:2rem auto;transition:transform .3s}.bandbutton{z-index:20;width:3rem;padding:5px;position:absolute;top:50%}.next{right:0%}.next,.prev{background-color:var(--color-accent6);font-weight:bolder}.bands-card{z-index:0;align-items:center;gap:1rem;width:85%;margin:auto;display:flex}.bandsInfo{background-color:#00f;justify-content:space-between;gap:.5rem;max-width:15rem;height:10rem;margin-top:0%;padding:.5rem;display:flex}.bandsInfo div:last-child{align-self:center}.bandsInfo p{margin:.5rem}.bandlink{padding:.5rem;font-size:.5rem}.bandsInfo button{font-size:.5rem}.bands li{color:var(--color-accent1);font-size:small}.container{flex-direction:column}.container li{font-size:small}.tickets-div{flex:200px;width:35%}.tickets-info{flex-direction:column;flex:200px;gap:1rem;width:50%;display:flex}.regular,.vip{text-align:center;width:80%;height:5rem;color:var(--color-neutral1);margin:.5rem;padding:2rem}.regular{background-color:var(--color-accent3)}.vip{background-color:var(--color-accent5)}.footer{border-top:1px solid var(--color-accent2);flex-wrap:wrap;justify-content:space-around;align-items:baseline;gap:2rem;width:90%;margin:5rem auto;padding-top:2rem;display:flex}.footer p{padding-left:1.5rem}.footer form{max-width:100%}.input-footer,.button-footer{text-align:center;background-color:#0000;width:100%;padding:.8rem 1rem}.bandPageHero{flex-direction:column;justify-content:space-evenly;align-items:center;height:60vh;display:flex}.bandPageTitle{font:200 2rem/1 var(--font-headings)}.bandPageHero p{font-size:.6rem}.bandBio p,.bandPageHero li{font-size:.8rem}.bandBio{width:80%;margin:auto;padding:1rem}.button-cart{z-index:0;background-color:#0000;border:none;grid-template-columns:1fr;justify-items:center;display:grid;position:relative}.quantity{z-index:4;color:var(--color-accent7);font-size:1.7rem;font-weight:bolder;font-family:var(--font-headings);grid-area:1/1;position:absolute;top:-16px}.reservation-form{flex-direction:column;align-items:center;gap:1rem;width:100%;display:flex}.tickets-div{text-align:center;width:80%}.tickets-container{flex-wrap:wrap;gap:2rem;margin:4rem auto;display:flex}.tickets-container div{border-radius:10px;justify-content:space-around;padding:.8rem}.tickets-container div:first-child{border:solid 1px var(--color-accent4);flex:10rem}.tickets-container div:last-child{border:solid 1px var(--color-accent5);flex:10rem}.tickets-container ul{background-color:var(--color-neutral1);color:var(--color-accent1);text-align:left;border-radius:5px;margin-top:1rem;padding:0 1rem;box-shadow:0 3px 10px #0003}.tickets-container input{color:var(--color-accent1);border-radius:10px;width:60px;padding:.5rem;font-size:.9rem}.tickets-container output{color:var(--color-accent5);font-weight:bolder}.ticket-holder-container .accion-button{width:100%}output{margin-left:.8rem}label{border-radius:7px;font-size:medium}.disabled,.disabled:hover{color:gray;border:2px solid gray}.green-container{flex-direction:column;align-items:center;padding:4rem;display:flex}.green-container h3{text-align:center}.green-container ul{margin-top:1rem}.green-camping{background-color:var(--color-accent3);color:var(--color-neutral1)}.tents-container{flex-direction:column;align-items:center;gap:2rem;margin:0 auto 2rem;display:flex}.tents{flex-direction:column;gap:2rem;display:flex}.tents input{background-color:#0000;border-radius:15px;width:60px;padding:.5rem;font-size:1rem}.basket-container{align-items:center;width:90%;margin:auto;padding-top:2rem;display:flex}.basket-container img{flex:100px;width:-webkit-fill-available}.table-container{width:fit-content;margin:auto}.table-container .accion-button{width:100%}table{margin:2rem auto;font:200 .7rem/1 auto}th{color:var(--color-accent7)}tr td:first-child{color:var(--color-accent1)}td,th{padding:.5rem}.accion-button{width:80%;margin-top:1rem;font-size:.7rem}.checkout-title{margin-top:5rem}.dynamic-inputs-container{flex-wrap:wrap;align-items:center;gap:1rem;margin:1rem;display:flex}.checkout label{text-align:baseline;flex:16px;margin-bottom:2rem}.dynamic-inputs{text-align:center;background-color:#0000;padding:.8rem 1rem}.input-name{margin-right:10px}.payment-form{flex-direction:column;align-items:center;gap:1rem;width:100%;display:flex}.payment-form label{flex-wrap:wrap;justify-content:space-around;align-items:center;gap:1rem;width:100%;display:flex}.payment-form div{flex-wrap:wrap;width:80%;display:flex}.payment-form div label{flex:150px}.payment-inputs{text-align:center;background-color:#0000;width:48%;margin:auto 1rem;padding:.8rem 1rem}@media screen and (min-width:620px){.title{font:100 10rem/1.15 var(--font-headings)}h2{font:400 2rem/1 var(--font-headings)}h3{font:300 2rem/1 var(--font-headings)}header{height:28rem}.headerDays{max-width:50%}.grid{width:90%}.show-table{max-width:80%;margin:auto}.show-table li,.bands li,p{font-size:medium}.flex-container{justify-content:space-around;gap:4rem}.regular,.vip{width:15rem;height:5rem}.footer{padding-top:1rem}.footer div:first-child{align-items:flex-start}.footer p{padding-left:0%}.bandpage{flex-direction:row-reverse;display:flex}.bandpage .bandPageHero{width:80%}.bandPageHero p{font-size:.8rem}.bandBio p,.bandPageHero li{font-size:1.2rem}.tickets-container input{width:70px;font-size:1.2rem}.green-container ul{max-width:70%}.tents label{gap:1rem;display:flex}table{font:200 1.3rem/1 auto}td,th{padding:1.5rem}.accion-button{font:200 1rem/1 auto}.payment-form{width:55%}.checkout-inputs{width:65%}}@media screen and (min-width:960px){header{height:38rem}.title{font:100 18rem/1.15 var(--font-headings)}.show-table{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));width:80%;margin:auto}.card{width:12rem}.footer .container{align-items:baseline}.tents{flex-direction:row}.tickets-container ul{margin-top:2rem}.accion-button{width:60%}.ticket-holder-container{width:80%}}@media screen and (min-width:1200px){.tickets-container div{flex:18rem;padding:2rem .8rem}}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{color:#fff;background:#000}}