@import"https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap";:root{--blanco: #fbfbfb;--azul-oscuro: #023e8a;--azul-claro: #0077b6;--celeste: #caf0f8}*{margin:0;padding:0;scroll-behavior:smooth;scroll-margin-top:80px}body{background-color:var(--blanco);font-family:Figtree,sans-serif;font-optical-sizing:auto;font-style:normal;letter-spacing:-1px;color:var(--azul-claro)}main{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center}.homeContainer{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.heroSection{margin-top:60px;width:100%;min-height:75vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;background-image:url(/images/hero/hero3.webp);background-size:cover;background-position:center;background-repeat:no-repeat}.heroSection h1{color:#fff;font-size:3.5rem;text-shadow:3px 3px 6px rgba(0,0,0,.3);margin:0 2rem}.heroSection h1 span{font-style:italic}.heroDescription{color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3);font-size:1.5rem;max-width:800px;margin:0 2rem}.searchClubSection{display:flex;flex-direction:column;position:relative;padding:2rem;background-color:var(--blanco);border-radius:.5rem;gap:1rem;box-shadow:0 4px 8px #0000001a;margin:0 2rem}.searchClubSection h3{letter-spacing:0}.searchInputAndButtonContainer{display:flex;justify-content:center;align-items:center;gap:1rem}.searchInputContainer{display:flex;align-items:center;gap:.5rem;width:600px;padding:.5rem 1rem;font-size:1rem;border-radius:.5rem;box-shadow:0 2px 4px #0000001a;border:1px solid #e6e6e6;background-color:#fff}.searchInput{border:none;width:100%;font-size:.9rem;outline:none;background-color:transparent}.clubSearchResults{position:absolute;width:calc(100% - 4rem);top:100px;background-color:#fff;margin-top:1rem;max-height:300px;overflow-y:auto;box-shadow:0 4px 8px #00000080;border-radius:.5rem;animation:fadeIn .1s ease-in-out}.clubItem{background-color:transparent;border:none;width:100%;padding:.75rem 1rem;border-bottom:1px solid #e6e6e6;cursor:pointer;transition:all .1s ease;display:flex;align-items:center;color:#000}.clubItem:hover,.clubItem:focus{background-color:var(--blanco)}@media(max-width:800px){.searchClubSection{width:80%}.searchInputContainer{width:100%}}@media(max-width:750px){.heroSection h1{font-size:3rem}.heroDescription{font-size:1.2rem}}@media(max-width:450px){.heroSection h1{font-size:2.5rem}.searchClubSection{padding:2rem 1rem}.searchClubSection h3,.heroDescription{font-size:1rem}}.customButton{display:flex;justify-content:center;align-items:center;gap:.5rem;padding:1rem;border:none;border-radius:.3rem;background-color:var(--blanco);box-shadow:0 2px 4px #0000001a;font-size:1rem;font-weight:500;transition:all .2s ease;margin:0 2rem;color:#000}.customButton.activeButton:hover{background-color:#e0e0e0;box-shadow:0 4px 8px #0000004d;opacity:.9;cursor:pointer}.disabledButton{background-color:#f0f0f0;box-shadow:none;opacity:.6}.whatIsContainer{margin-top:5rem;max-width:1200px;width:100%;display:flex;flex-direction:column;align-items:center}.whatIsTitle{margin:1rem 2rem;font-size:2.2rem;color:#000}.whatIsDescription{color:gray;font-size:1.5rem;margin:0 2rem}.whatIsSpan{color:#000;font-weight:550}.whatIsTitle2{margin:8rem 2rem 1rem;font-size:2.5rem;color:#000}.itemCardContainer{margin:4rem 2rem 6rem;display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}@media(max-width:750px){.whatIsTitle,.whatIsTitle2{font-size:2rem}.whatIsDescription{font-size:1.2rem}}.subtitleItem{display:flex;align-items:center;justify-content:center;padding:.5rem 1rem;margin:10px 0;border-radius:30px;background-color:var(--celeste);gap:.5rem;width:max-content}.subtitleItemDescription{font-size:1.2em;color:var(--azul-claro);font-weight:500}.itemCard{display:flex;flex-direction:column;padding:1.5rem;border-radius:.5rem;background-color:#fff;box-shadow:0 0 3px #36363680;align-items:start;width:300px;text-align:start;gap:1.2rem;border:1px solid transparent;transition:all .2s ease;position:relative;overflow:hidden}.itemCard:hover{border:1px solid var(--hover-color)}.itemCardTitle{color:#000;font-size:1.5rem;font-weight:600}.itemCardIcon{display:flex;justify-content:center;align-items:center;padding:.6rem;border-radius:8px;box-shadow:0 4px 8px #0003}.itemCardDescription{color:gray;font-size:1.1rem;line-height:1.5}.semi-circle{position:absolute;width:200px;height:200px;background-color:var(--semi-circle-color);top:-100px;left:250px;border-radius:50%;pointer-events:none;opacity:.3}@media(max-width:450px){.itemCard{width:100%}.semi-circle{top:-100px;left:200px}}@media(max-width:320px){.semi-circle{top:-100px;left:100px}}.navBar{position:fixed;top:0;left:0;width:100%;height:60px;display:flex;align-items:center;justify-content:center;padding:0 1.5rem;box-sizing:border-box;background-color:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 10px #0000004d;z-index:1000}.navBarContainer{max-width:1200px;width:100%;display:flex;justify-content:space-between;align-items:center}.navBarLogo{font-size:1.5rem}.navBarLinks{display:flex;gap:1.5rem}.navBarLinkItem{-webkit-user-select:none;user-select:none;cursor:pointer;list-style:none;transition:all .2s ease;letter-spacing:-.5px}.navBarLinkItem a{text-decoration:none;color:var(--azul-claro)}.navBarLinkItem:hover{font-weight:700}.logoContainer{display:flex;align-items:center;-webkit-user-select:none;user-select:none;gap:.3rem;cursor:pointer}.logoImg{height:40px;width:auto}.anchordLogo{text-decoration:none;color:var(--azul-claro)}.menuButton{display:none;cursor:pointer}.mobile-menu{position:absolute;top:60px;left:0;width:100vw;background:var(--blanco);border-top:1px solid #e0e0e0;z-index:1000;box-shadow:0 4px 12px #0000000f;animation:fadeInMobileNav .2s}@keyframes fadeInMobileNav{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mobile-nav{display:flex;flex-direction:column;gap:1rem;padding:1rem}.mobile-link{text-decoration:none;transition:all .2s ease;color:var(--azul-claro)}.mobile-link:hover{font-weight:700}@media(min-width:768px){.mobile-menu{display:none}}@media(max-width:560px){.logoImg{height:30px}.navBarLogo{font-size:1.2rem}.navBarLinks{gap:1rem;font-size:.8rem}}@media(max-width:470px){.menuButton{display:block}.navBarLinks{display:none}}.personalizationContainer{width:100%;background-color:#fff;padding-top:3rem;display:flex;flex-direction:column;align-items:center}.personalizationContent{max-width:1200px;width:100%;display:flex;flex-direction:column;align-items:center}.personalizationTitle{margin:1rem 2rem;font-size:3rem;color:#000}.personalizationTitle span{background:linear-gradient(90deg,var(--azul-claro),#40916c);-webkit-background-clip:"text";-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.examplesProfilesContainer{margin:4rem 2rem;display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.exampleProfile{display:flex;flex-direction:column;align-items:start;width:350px;border-radius:10px;position:relative;transition:all .2s ease}.exampleProfile.futbol{border:1px solid var(--celeste);box-shadow:0 0 10px #3b3eff80}.exampleProfile.padel{border:1px solid #bcecd7;box-shadow:0 0 10px #41ff3b80}.exampleProfile.basquet{border:1px solid rgb(243,179,179);box-shadow:0 0 10px #ff3b3b80}.exampleProfile.futbol:hover{border:1px solid var(--azul-claro);box-shadow:0 0 15px #3b3eff80}.exampleProfile.padel:hover{border:1px solid #40916c;box-shadow:0 0 15px #41ff3b80}.exampleProfile.basquet:hover{border:1px solid rgb(221,76,76);box-shadow:0 0 15px #ff3b3b80}.backgroundImageProfile{width:100%;height:150px;border-radius:.5rem .5rem 0 0}.logoExampleProfile{position:absolute;padding:.8rem;border-radius:.5rem;margin:1rem 1rem 2rem 2rem;border:4px solid white;box-shadow:0 0 4px #363636bf;top:90px}.exampleProfile.futbol .logoExampleProfile{background-color:var(--azul-claro)}.exampleProfile.padel .logoExampleProfile{background-color:#00ad00}.exampleProfile.basquet .logoExampleProfile{background-color:red}.nameExampleProfileAndDescription{display:flex;flex-direction:column;align-items:start;gap:1rem;margin:50px 1rem 2rem 2rem}.nameExampleProfileAndDescription h3{font-size:1.5rem}.nameExampleProfileAndDescription p{color:gray}.exampleProfile.padel .nameExampleProfileAndDescription h3{color:#40916c}.exampleProfile.basquet .nameExampleProfileAndDescription h3{color:#dd4c4c}.backgroundFutbol{position:relative;width:100%;background-image:url(/images/futbol-example.jpeg);background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden}.backgroundPadel{position:relative;width:100%;background-image:url(/images/padel-example.jpeg);background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden}.backgroundBasquet{position:relative;width:100%;background-image:url(/images/basquet-example.jpeg);background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden}.characteristicsContainer{display:flex;justify-content:center;gap:3rem;margin:0 2rem 5rem;flex-wrap:wrap}.characteristic{width:250px;display:flex;flex-direction:column;align-items:center;gap:.5rem}.charIconContainer{padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.characteristic.blue .charIconContainer{background-color:var(--celeste)}.characteristic.green .charIconContainer{background-color:#bcecd7}.characteristic.red .charIconContainer{background-color:#f3b3b3}.charTitle{font-size:1.3rem;color:#000;font-weight:550}.charDescription{color:gray}@media(max-width:750px){.personalizationTitle{font-size:2.5rem}}@media(max-width:450px){.exampleProfile,.characteristic{width:100%}}.contactContainer{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;padding:5rem 0;background-color:var(--azul-claro);color:#fff}.contactContainer h2{font-size:2.5rem;width:500px;margin:0 2rem}.contactContainer p{font-size:1.3rem;margin:0 2rem}@media(max-width:750px){.contactContainer h2{width:auto}}@media(max-width:450px){.contactContainer h2{font-size:2rem}.contactContainer p{font-size:1.1rem}}.footerContainer{max-width:1200px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:4rem 0}.footerContent{display:flex;justify-content:space-between;gap:2rem;width:95%;margin:0 2rem}.logoAndDescriptionFooter{display:flex;flex-direction:column;gap:1rem;max-width:400px;width:100%;text-align:start}.logoAndDescriptionFooter p{color:gray;line-height:1.5}.fastAccess{text-align:start}.fastAccess h3{color:#000;margin-bottom:1rem;font-weight:500}.fastAccessUl li{list-style:none;margin-bottom:1rem}.fastAccess li a{text-decoration:none;color:gray;transition:all .2s ease}.fastAccessUl li a:hover{font-weight:700}.contactUs{text-align:start}.contactUs h3{color:#000;font-weight:500;margin-bottom:1rem}.networks{display:flex;flex-direction:column;align-items:start;gap:1rem}.network{display:flex;justify-content:center;gap:.5rem;color:gray}.credits{color:gray;width:90%;margin-top:2rem;border-top:1px solid var(--celeste);padding-top:2rem;display:flex;justify-content:space-between}.credits a{text-decoration:none;color:var(--azul-claro);font-weight:500;transition:all .2s ease}.credits a:hover{font-weight:700}@media(max-width:900px){.footerContent{flex-direction:column;width:90%}}@media(max-width:500px){.credits{flex-direction:column;gap:2rem}.footerContainer{margin-bottom:2rem}}.clubProfileContainerLoading{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem}.pLoading{font-size:1.5rem}.noVideosFoundContainer{display:flex;align-items:center;gap:.5rem;margin:2rem}.noVideosFoundText{color:#000;font-size:1.2rem}.clubProfileContainer{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.clubImg{position:relative;width:100%;height:300px;background-image:url(/images/hero/hero1.webp);background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden}.clubImg:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:150px;background:linear-gradient(to bottom,#fff0,#fff);pointer-events:none}.clubProfileContent{position:absolute;top:200px;max-width:1300px;width:100%}.clubProfileLogoAndName{background-color:#fff;color:#000;display:flex;align-items:center;gap:1.5rem;padding:2rem;border-radius:.5rem;box-shadow:0 4px 8px #0003;margin:0 2rem}.clubProfileLogoAndNameContainer{width:100%;display:flex;gap:2rem;align-items:center;justify-content:center}.clubProfileLogo{width:150px;height:150px;border-radius:50%;object-fit:cover;border:5px solid #a9d703;box-shadow:0 4px 8px #0003}.clubLogoImg{width:150px;height:150px;border-radius:50%;object-fit:cover}.clubProfileNameAndLocation{width:80%;display:flex;flex-direction:column;gap:.5rem}.clubProfileNameAndLocation p{color:gray}.findYourMatchSection{margin:2rem;background-color:#fff;border-radius:.5rem;box-shadow:0 4px 8px #0003;padding-bottom:2rem}.filtersContainer{font-size:1.2rem;padding:2rem;color:#000;display:flex;justify-content:space-between;gap:3rem;flex-wrap:wrap}.filterContainer{display:flex;align-items:center;gap:.5rem}.filter{padding:.5rem;border:1px solid lightgrey;border-radius:5px;background-color:var(--blanco);cursor:pointer;transition:all .2s ease}.filter:hover{border-color:#1c67ba;box-shadow:0 2px 4px #0000001a}.findYourMatchTitleContainer{background:linear-gradient(to right,#edfafd,#fff);border-bottom:1px solid lightgrey;border-radius:.5rem .5rem 0 0}.findYourMatchHeader{display:flex;align-items:center;gap:1rem;padding:2rem;border-radius:.5rem .5rem 0 0}.findYourMatchIcon{display:flex;justify-content:center;align-items:center;padding:.5rem;border-radius:8px;background-color:var(--celeste)}.findYourMatchTitleAndDescription h2{color:#000;font-size:1.8rem}.findYourMatchTitleAndDescription p{color:gray}.importantNotice{color:gray;font-size:1rem;margin:0 2rem;padding:1rem;background-color:var(--blanco);border-left:3px solid #1c67ba;border-radius:5px}.importantNotice span{font-weight:700}.buttonVideoContainer{padding:0 2rem 2rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animationIn{animation:fadeIn .1s ease-in-out}.matchVideoPlayerContainer{margin:0 2rem 2rem;box-shadow:0 4px 8px #0003;border-radius:.5rem}.titleMatchVideoPlayerContainer{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:#fff;border-radius:.5rem .5rem 0 0;background:linear-gradient(to right,#edfafd,#fff)}.titleMatchVideoPlayer{font-size:1.4rem;color:#000}.downloadInfoContainer{padding:.5rem 1rem 1rem;display:flex;justify-content:center;align-items:center;color:gray;font-weight:500}.clubProfileItems{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1rem}.clubProfileItem{display:flex;letter-spacing:-.5px;align-items:center;gap:.2rem}.pSlices{color:gray}.clubProfileItems.mobile,.descriptionMobile,.findYourMatchHeader.mobile{display:none}@media(max-width:900px){.filtersContainer{flex-direction:column}}@media(max-width:560px){.clubProfileLogoAndName h1{font-size:1.7rem}.clubProfileLogoAndName p{font-size:.9rem;letter-spacing:-.2px}.clubProfileLogo,.clubLogoImg{width:120px;height:120px}.findYourMatchTitleAndDescription h2{font-size:1.5rem;margin-bottom:.2rem}}@media(max-width:530px){.clubProfileItems.desktop,.descriptionDesktop{display:none}.clubProfileItems.mobile{display:flex;margin-top:0}.clubProfileLogoAndName{display:flex;flex-direction:column}.clubProfileLogoAndNameContainer{justify-content:center}.clubProfileItem{gap:.5rem;color:gray}.descriptionMobile{display:flex;align-self:self-start;color:gray}.filterContainer{flex-direction:column;align-items:start}}@media(max-width:400px){.clubProfileLogoAndName{margin:0 1rem;padding:1.5rem;gap:1.2rem}.findYourMatchSection{margin:1rem}.clubProfileLogoAndNameContainer{gap:1rem}.clubProfileLogoAndNameContainer h1{font-size:1.5rem}.clubProfileLogo,.clubLogoImg{width:100px;height:100px}.findYourMatchHeader,.filtersContainer{padding:1.5rem}.buttonVideoContainer{padding:0 1.5rem 1.5rem}.importantNotice{margin:0 1.5rem}.matchVideoPlayerContainer{margin:0 1rem 2rem}}@media(max-width:360px){.findYourMatchHeader.desktop{display:none}.findYourMatchHeader.mobile{display:flex;flex-direction:column}.titleFindYourMatch{display:flex;gap:1rem;align-items:center;color:#000}}.matchVideoPlayer{width:100%}.controlsContainer{margin:8px;display:flex;justify-content:space-between;gap:1rem}.speedControls{display:flex;gap:8px}.speedButton{padding:4px 8px;border:1px solid #ccc;border-radius:4px;background-color:#f9f9f9;cursor:pointer;transition:all .2s ease}.speedButton:hover{background-color:#e0e0e0}.downloadControl{display:flex;align-items:center;gap:8px}.controlsClips{display:flex;flex-direction:column;gap:1rem;padding:0 1rem}.controlsClipsTitle{color:#28a745}.tileAndIconContainer{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.5rem}.processingClip{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinnerLoading{border:4px solid #f3f3f3;border-top:4px solid #1c67ba;border-radius:50%;height:40px;width:40px;animation:spin 1s linear infinite;margin-bottom:1rem}.processingClipTitle{color:#000;font-size:1.2rem}.pWait{color:gray}@media(max-width:820px){.controlsContainer{flex-direction:column;justify-content:center;align-items:center}}@media(max-width:510px){.speedControls{gap:4px;flex-wrap:wrap}.downloadControl{flex-wrap:wrap}}@keyframes slide-in{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slide-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-30px)}}.modalOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modalOverlay.opening .modalContent{animation:slide-in .3s ease forwards}.modalOverlay.closing .modalContent{animation:slide-out .3s ease forwards}body.modal-open{overflow:hidden}.modalContent{margin:.5rem;overflow-y:auto;animation:slide-in .3s ease-in;position:relative;min-width:200px;max-width:70vw;display:flex;flex-direction:column;background-color:var(--blanco);padding:2rem 1rem;border-radius:10px}.modalBody{display:flex;gap:2rem}.modalCloseButton{position:absolute;top:2rem;right:2rem;background:transparent;border:none;font-size:1.5rem;color:#666;cursor:pointer;transition:color .2s}.modalCloseButton:hover{color:#000}