@font-face{font-family:Pilar;font-style:normal;font-weight:400;src:url(/assets/PILAR0.2-DqRVZdnE.otf) format("opentype")}@font-face{font-family:Monument;font-style:normal;font-weight:200,300,400,500,600;src:url(/assets/monument-grotesk-medium-CbAfJ3pz.otf) format("opentype")}:root{font-family:Monument,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:200;color-scheme:light dark;background-color:#000;color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%}#root{width:100%}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;width:100%}h1{font-size:3.2em;line-height:1.1}a{color:#fff;text-decoration:none}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#2b2a33;padding:.5rem;border:none;color:#fff;border-radius:0}input,textarea,button{background-color:#2b2a33;padding:.5rem;border:none;color:#fff}.home{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100vh;position:relative}.pilar-logo-vertical{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:forwards fadeOut 1.7s ease-in;width:25rem;z-index:10}.pilar-logo-bg{position:absolute;background-color:#000;top:50%;left:50%;transform:translate(-50%,-50%);animation:forwards fadeOut 1.7s ease-in;z-index:10;width:100vw;height:100vh}.carrousel-container{position:relative;min-height:400px;width:100%;overflow:hidden;height:100%}.carrousel-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:translate(100%);transition:transform .4s ease-in-out,opacity .4s ease-in-out}.carrousel-image.active{opacity:1;transform:translate(0);z-index:1}.carrousel-image.left{opacity:0;transform:translate(-100%)}.carrousel-image.right{opacity:0;transform:translate(100%)}.carrousel-titles{position:absolute;display:flex;width:100%;height:100%;justify-content:space-evenly;align-items:center;z-index:1}.carrousel-title{font-size:.7rem;transition:scale .2s ease-in;width:100%;height:100%;cursor:pointer;display:flex;justify-content:center;align-items:center}.carrousel-title h1{font-family:Pilar;cursor:pointer;transition:scale .2s ease-in;text-shadow:0px 0px 20px rgba(0,0,0,1)}.carrousel-title:hover>h1{scale:1.2}@keyframes fadeOut{0%{opacity:1}65%{opacity:1}to{opacity:0;z-index:-1}}@media (max-width: 768px){.carrousel-titles{flex-direction:column}.carrousel-title{max-height:150px}.carrousel-image{transition:transform .8s ease-in-out,opacity .8s ease-in-out}.pilar-logo-vertical{width:50%}}.section{display:flex;align-items:center;margin:2rem 0}.left{flex-direction:row-reverse}.section-text{display:flex;flex-direction:column;width:50%;margin-left:3rem}.section-text_title{font-family:Pilar;font-size:3rem}.section-text_description{margin-top:1rem;font-size:1.2rem;line-height:1.5;width:70%}.section-img{width:50%}@media (max-width: 768px){.section{flex-direction:column-reverse;text-align:center}.section-text{width:100%;margin:0}.section-text_description{width:90%;margin:0 auto;font-size:.9rem}.section-text_title{margin-top:1rem;margin-bottom:.5rem;font-size:2rem}.section-img{width:100%}}.pilar-bar{width:100%;display:flex;flex-direction:column}.pilar-bar-hero{text-align:center;position:relative}.pilar-bar-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#00000080}.pilar-bar-text_title{font-family:Pilar}.pilar-bar-text_intro{width:80%;font-size:clamp(1rem,1.5vw,1.5rem);margin:0 0 6rem}.pilar-bar-img{width:100%;height:100vh}.cards-title{margin:0 auto;font-size:2.5rem}.cards-container{display:flex;justify-content:center;gap:2rem;margin:3rem 1rem}.facilities-container{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:5rem;margin-left:3rem}.facilities-title{font-family:Pilar;font-size:3rem}.facilities-container ul{padding-left:0}.facilities-container ul li{list-style:none;font-size:1.2rem}@media (max-width: 768px){.pilar-bar-img{object-fit:cover}.pilar-bar-text{width:90%}.cards-title{text-align:center}.cards-container{overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start}.facilities-container{margin-bottom:1rem;font-size:2rem;text-align:center;align-items:center;margin-left:0;margin-bottom:5rem}.facilities-title{font-size:2rem}.facilities-container ul{padding:0;margin:0 auto;width:80%;text-align:center}.facilities-container ul li{font-size:.9rem}}.card-container{position:relative;background-color:#fff;color:#000;width:13rem;padding:1rem 1rem 4rem;text-align:center;transition:all .1s ease-in;cursor:pointer;box-shadow:0 4px 6px #ffffffb3;max-height:35rem;display:flex;flex-direction:column;align-items:center}.card-container:hover{box-shadow:0 10px 12px #ffffffb3;scale:1.05}.card-container p{margin:.5rem 0;font-size:clamp(.6rem,1vw,.9rem);min-height:2rem;display:flex;justify-content:center;align-items:center}.card-container p:nth-child(4){width:100%;height:3rem}.card-container p:nth-child(6){height:6rem}.card-title{font-family:Pilar;font-size:clamp(.8rem,2.5vw,1.4rem)}.card-separator{width:70%;height:1px;background-color:#000;margin:0 auto}@media (max-width: 1024px){.card-container{padding:.5rem;min-width:10rem;max-height:25rem}.card-separator{height:1px}.card-container p{margin:.1rem 0}.card-container .center span{font-size:.9rem}}.center{width:150px;height:50px;position:absolute;bottom:1rem}.btn{position:relative;width:150px;height:50px;cursor:pointer;border:1px solid white;outline:none;transition:.5s ease-in-out;background-color:#000}svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);fill:none;stroke:gray;stroke-dasharray:150 480;stroke-dashoffset:150;transition:all .7s ease-in-out}.btn:hover{background:transparent;border:none}.light-bg:hover{background:#fff}.btn:hover svg{stroke-dashoffset:-480}.btn span{color:#fff;font-size:18px;font-weight:100;transition:.5s ease-in-out}.btn:hover span{color:#000}.btn.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn.disabled:hover{transform:none}.btn.disabled svg{stroke:#ccc}.btn.disabled span,.btn.disabled:hover span{color:#999}.btn.disabled:hover{background:transparent}.pilar-box{width:100%;display:flex;flex-direction:column}.pilar-box-hero{text-align:center;position:relative}.pilar-box-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#00000080}.pilar-box-text_title{font-family:Pilar}.pilar-box-text_intro{width:80%;font-size:clamp(1rem,1.5vw,1.5rem);margin:0 0 6rem}.pilar-box-img{width:100%;height:100vh}@media (max-width: 768px){.pilar-box-img{object-fit:cover}.pilar-box-text{width:90%}}.pilar-expo{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.pilar-expo-title{font-family:Pilar}.language-selector{position:absolute;right:2rem;top:50%;transform:translateY(-50%);display:flex;background:transparent;border:1px solid white;padding:2px;gap:2px}.language{cursor:pointer;background:transparent;border:none;color:#fff;padding:4px 8px;font-size:.9rem;position:relative;transition:color .3s}.language.active{color:#000}.slider-bg{position:absolute;top:2px;left:2px;height:calc(100% - 4px);width:calc(33.33% - 2px);background:#fff;transition:transform .3s ease}.slider-bg.nl{transform:translate(0)}.slider-bg.en{transform:translate(calc(100% + 1px))}.slider-bg.fr{transform:translate(calc(200% + 2px))}@media (max-width: 768px){.language-selector{right:1rem}.language{font-size:.8rem}}.navbar{position:fixed;top:0;left:0;width:100vw;display:flex;z-index:2}.blurred-square{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);-webkit-mask-image:linear-gradient(to bottom,#000 70%,#00000080);mask-image:linear-gradient(to bottom,#000 70%,#00000080)}.pilar-logo-horizontal{width:10rem;padding:1rem;animation:forwards fadeIn 1.7s ease-in}@keyframes fadeIn{0%{opacity:0}65%{opacity:0}to{opacity:1}}.input-container{display:flex;flex-direction:column;gap:.5rem}.input-container label{min-width:35px;text-align:left}.input{padding:.5rem;border:none;color:#fff}.input::placeholder{color:#999}:root{--PhoneInput-color--focus: #03b2cb;--PhoneInputInternationalIconPhone-opacity: .8;--PhoneInputInternationalIconGlobe-opacity: .65;--PhoneInputCountrySelect-marginRight: .35em;--PhoneInputCountrySelectArrow-width: .3em;--PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth: 1px;--PhoneInputCountrySelectArrow-opacity: .45;--PhoneInputCountrySelectArrow-color: currentColor;--PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform: rotate(45deg);--PhoneInputCountryFlag-aspectRatio: 1.5;--PhoneInputCountryFlag-height: 1em;--PhoneInputCountryFlag-borderWidth: 1px;--PhoneInputCountryFlag-borderColor: rgba(0,0,0,.5);--PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,.1)}.PhoneInput{display:flex;align-items:center}.PhoneInputInput{flex:1;min-width:0}.PhoneInputCountryIcon{width:calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));height:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--square{width:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--border{background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)}.PhoneInputCountryIconImg{display:block;width:100%;height:100%}.PhoneInputInternationalIconPhone{opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{position:relative;align-self:stretch;display:flex;align-items:center;margin-right:var(--PhoneInputCountrySelect-marginRight)}.PhoneInputCountrySelect{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;border:0;opacity:0;cursor:pointer}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{display:block;content:"";width:var(--PhoneInputCountrySelectArrow-width);height:var(--PhoneInputCountrySelectArrow-width);margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);border-style:solid;border-color:var(--PhoneInputCountrySelectArrow-color);border-top-width:0;border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-left-width:0;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);transform:var(--PhoneInputCountrySelectArrow-transform);opacity:var(--PhoneInputCountrySelectArrow-opacity)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.phoneInput-container{display:flex;flex-direction:column;gap:.5rem}.PhoneInputInput{padding:.5rem;border:none;color:#fff}.PhoneInputInput::placeholder{color:#999}.PhoneInputCountry{padding:.5rem;margin-right:0}.PhoneInputCountrySelectArrow{color:#fff;margin-left:.6rem}.select-container{display:flex;flex-direction:column;gap:.5rem}.select{padding:.5rem;border:none;color:#fff}.textarea-container{display:flex;flex-direction:column;gap:.5rem}.textarea{padding:.5rem;border:none;color:#fff;font-family:inherit;font-size:.9rem;resize:vertical}.textarea::placeholder{color:#999}.switch-container{display:flex;flex-direction:column;gap:.5rem}.toggle-switch{position:relative;display:inline-block;width:40px;height:23px;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;inset:0;background-color:#ccc;border-radius:23px;transition:.4s}.slider:before{content:"";position:absolute;height:17px;width:17px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.4s}input:checked+.slider{background-color:#51b43c}input:checked+.slider:before{transform:translate(17px)}.popUp-bg{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.popUp{position:relative;background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0101011a;width:30%;color:#000;text-align:center}.close-btn{position:absolute;top:10px;right:10px;background:none;border:none;font-size:24px;cursor:pointer;color:#333;width:30px;height:30px;display:flex;align-items:center;justify-content:center;padding:0}@media (max-width: 768px){.popUp{width:70%}}.booking-section{display:flex;flex-direction:column;align-items:center;min-height:100vh;margin-top:4rem;padding:0;position:relative}.booking-section>img{position:absolute;left:0;width:100%;object-fit:fill;margin-bottom:2rem;z-index:-1;max-height:200vh}.booking-section form{display:flex;flex-direction:column;gap:1.3rem;width:30%;background-color:#00000080;padding:4rem}.duration-container{display:flex;flex-direction:column;width:100%;gap:.5rem}.duration-subcontainer{display:flex;gap:5rem}.duration{align-items:center;width:4rem;flex-direction:row}.error-msg{color:#f44;font-size:.9rem;margin-top:-.5rem}.booking-button{position:relative;margin-top:1.3rem}.dates-container{display:flex;flex-direction:column;gap:1rem}.date-input-wrapper{position:relative}.add-date-btn{position:absolute;bottom:2px;right:-40px;width:30px;height:30px;border:none;border-radius:50%;background-color:#fff;color:gray;font-size:20px;cursor:pointer;transition:transform .2s ease;display:flex;align-items:center;justify-content:center;padding:0;line-height:1}.add-date-btn:before{content:"+";display:block;margin-top:-2px}.add-date-btn:hover{transform:scale(1.1)}@media (max-width: 768px){.booking-section form{padding:1.5rem;width:75%}}
