:root{--transition:.2s ease-in;--fs-small:clamp(0.625rem, 0.5114rem + 0.5682vw, 0.875rem);--fs-regular:clamp(1rem, 0.7368rem + 1.3158vw, 1.625rem);--fs-medium:clamp(1.125rem, 0.7566rem + 1.8421vw, 2rem);--fs-large:clamp(1.375rem, 0.9773rem + 1.9886vw, 2.25rem);--ff-light:'SpaceGrotesk Light';--ff-regular:'SpaceGrotesk Regular';--ff-medium:'SpaceGrotesk Medium';--color-blau:#0f214f}@font-face{font-family:'SpaceGrotesk Regular';src:local("Space Grotesk"),url(src/fonts/SpaceGrotesk-Regular.woff2) format("woff2"),url(src/fonts/SpaceGrotesk-Regular.woff) format("woff")}@font-face{font-family:'SpaceGrotesk Medium';src:local("Space Grotesk"),url(src/fonts/SpaceGrotesk-Medium.woff2) format("woff2"),url(src/fonts/SpaceGrotesk-Medium.woff) format("woff")}@font-face{font-family:'SpaceGrotesk Light';src:local("Space Grotesk"),url(src/fonts/SpaceGrotesk-Light.woff2) format("woff2"),url(src/fonts/SpaceGrotesk-Light.woff) format("woff")}body,html{padding:0;margin:0}*{box-sizing:border-box}body{font-family:var(--ff-medium);background-color:#000;color:#fff;background-image:url(src/images/futurfest-2024.jpg);background-size:cover;background-repeat:no-repeat;background-attachment:fixed}img{width:100%;max-width:100%;height:auto}.container{max-width:1600px;margin-left:auto;margin-right:auto;background-size:cover;min-height:100vh}.container-footer{background-color:#fff}.container-footer p{color:var(--color-blau);font-size:1.5rem}.container-footer .footer{padding-block:3em}.container-footer .footer img{max-height:65px}.footer,.header,.main{max-width:1200px;margin-left:auto;margin-right:auto;padding-left:clamp(.5rem,-1.5455rem + 10.2273vw,5rem);padding-right:clamp(.5rem,-1.5455rem + 10.2273vw,5rem)}.header{text-align:center;padding-top:clamp(1.5rem,-1rem + 12.5vw,5rem);margin-bottom:clamp(1rem,.3125rem + 3.4375vw,3.75rem)}.header img{max-width:550px}.main{font-family:var(--ff-regular);font-size:var(--fs-regular);line-height:135%;margin-bottom:clamp(1.375rem,-.7813rem + 10.7813vw,10rem)}.main .data{font-family:var(--ff-medium);font-weight:700;text-align:center;font-size:var(--fs-large);line-height:120%}.main .data a:not(.btn){color:#fff}.main .data a:not(.btn,.btn-edicio):hover{opacity:.7}.main>.centrat{display:flex;margin-top:3em;margin-bottom:3em}.main>.centrat a.btn{margin:auto;color:#fff;text-decoration:none;font-family:var(--ff-medium);font-weight:700;border:3px solid #fff;padding:10px 15px;border-radius:10px}.main>.centrat a.btn:hover{color:#000;background-color:#fff}.main .programa{margin-top:clamp(1rem,-.25rem + 6.25vw,6rem);margin-bottom:clamp(1rem,-.25rem + 6.25vw,6rem)}.main .programa .programa-item{margin-bottom:35px;display:flex;gap:1em}.main .programa .programa-item>p{padding-left:0;margin:0;font-family:var(--ff-medium);font-weight:700;font-size:var(--fs-medium);line-height:120%}.main .programa .programa-item>p span.text{display:inline-flex;flex-direction:column;padding-left:.5em;padding-bottom:.5em;vertical-align:middle}.main .programa .programa-item>p span{font-family:var(--ff-light);font-size:var(--fs-small);line-height:1.2}.main .programa .programa-item .text-img p{margin-top:0;margin-bottom:15px;text-align:left!important;font-weight:700;font-size:var(--fs-medium);line-height:127%}.main .programa .programa-item .text-img small{font-weight:400;font-size:var(--fs-regular);line-height:1em}.main .programa .programa-item .text-img img{max-width:750px}.main .programa .programa-item .programa-llistat *{text-align:left!important}.main .programa .programa-item .programa-llistat p{margin-top:15px;margin-bottom:15px}.main .programa .programa-item .programa-llistat>p:first-of-type{margin-top:0;font-weight:700;font-size:var(--fs-medium)}.main .programa .programa-item .programa-grid{display:grid;grid-template-columns:repeat(3,1fr);-moz-column-gap:1em;column-gap:1em;row-gap:1.25em}@media screen and (max-width:550px){.main .programa .programa-item .programa-grid{grid-template-columns:repeat(2,1fr)}}.main .programa .programa-item .programa-grid strong{font-family:var(--ff-medium)}.main .programa .programa-item .programa-grid span{font-family:var(--ff-light)}.main .programa .programa-item .programa-grid p{margin-top:0;font-size:var(--fs-regular)}.main .programa .programa-item p:nth-child(1){text-align:right;min-width:7ch}.main .programa .programa-item p:nth-child(2){flex:2}.main a:not(.btn){color:#fff;margin-bottom:1em}.main .slider{margin-top:3em;margin-bottom:3em}.main .info{text-align:center}.main .info a{color:#fff;margin-bottom:1em}.btn{display:flex;justify-content:center;align-items:center;padding:10px;margin:0 auto;max-width:270px;width:100%;border-radius:4px;background-color:#e0002a;color:#fff;font-weight:700;cursor:pointer;border:3px solid #e0002a;text-decoration:none;transition:border-color var(--transition)}.btn:hover{border-color:#fff}.btn-edicio{display:flex;justify-content:center;background-color:transparent;border:2px solid #fff;text-decoration:none;border-radius:4px;padding:10px;transition:background-color var(--transition),color var(--transition)}.btn-edicio:hover{background-color:#fff;color:#000!important}.footer{display:flex;gap:1em}.footer .logos:nth-child(1){flex:1}.footer .logos:nth-child(2){flex:2}.footer ul{list-style:none;padding-left:0;display:flex;flex-wrap:wrap}.footer ul li{margin-right:35px;margin-bottom:35px}.footer ul li a img{width:auto;max-height:35px}@media screen and (max-width:480px){.footer{display:block}.footer .logos:nth-child(1),.footer .logos:nth-child(2){width:100%}.footer .logos:nth-child(1){margin-bottom:35px}.footer .logos p{text-align:center}.footer .logos ul{justify-content:space-evenly;align-items:flex-end;gap:1em}.footer .logos ul li{margin-right:0;margin-bottom:15px}.footer .logos ul li img{max-width:145px;width:auto}}@media screen and (max-width:480px){body{background-position:center}.footer{display:block}.footer .logos:nth-child(1),.footer .logos:nth-child(2){width:100%}.footer .logos:nth-child(1){margin-bottom:35px}.footer .logos p{text-align:center}.footer .logos ul{justify-content:space-evenly;align-items:flex-end;gap:1em}.footer .logos ul li{margin-right:0;margin-bottom:15px}.footer .logos ul li img{max-width:145px;width:auto}}