:root{--primary-purple: #6750A4;--dark-purple: #4a4459;--mid-purple: #e8def8;--light-purple: #EADDFF;--primary-black: #1e1e1e;--primary-grey: #757575;--light-grey: #f2f2f2;--lighter-grey: #f8f8f8}.star{color:gold}.padding-sides{padding:0 200px}.button-main{transition:all .1s;background-color:var(--dark-purple);color:#fff;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;border-radius:8px;font-weight:700;padding:8px 16px;width:-moz-fit-content;width:fit-content}.button-main:hover{opacity:.7}.button-sec{transition:all .1s;background-color:var(--primary-grey);color:#fff;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;border-radius:8px;font-weight:700;padding:8px 16px;width:-moz-fit-content;width:fit-content}.button-sec:hover{opacity:.7}.button-ter{transition:all .1s;background-color:var(--primary-purple);color:#fff;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;border-radius:8px;font-weight:700;padding:8px 16px;width:-moz-fit-content;width:fit-content}.button-ter:hover{opacity:.7}.info-message{display:flex;position:fixed;align-items:flex-start;gap:10px;border:1px solid var(--dark-purple);font-weight:700;top:120px;left:50%;transform:translate(-50%);max-width:400px;background-color:#f8d7da;padding:20px;z-index:100;border-radius:10px;transition:opacity .5s ease,transform .5s ease}.info-message p{text-align:center}.info-message.hide{opacity:0;transform:translate(-50%) translateY(-20px)}.info-message.error{background-color:#f8d7da}.info-message.success{background-color:#d4edda}nav{z-index:10;position:fixed;width:100vw;height:70px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid black;background-color:#fff}nav h1>a{font-family:"Jersey 15";font-size:28px}nav ul{display:flex;flex-direction:row;font-family:"Jersey 15",sans-serif;font-size:20px}nav ul li{margin:0 15px}nav ul li form{margin:0}nav ul li a,nav ul li button{align-items:center;justify-content:center;padding:10px 15px;display:flex;width:100%;height:100%;transition-duration:.2s}:is(nav ul li a,nav ul li button):hover{background-color:var(--light-grey)}nav h2{text-align:center;font-size:20px}nav #login-form{display:none;padding:20px;position:fixed;top:50%;right:50%;transform:translate(50%,-50%)}nav #login-form #login-form-head{display:grid;grid-template-columns:1fr 2fr 1fr;margin-bottom:20px}nav #login-form #login-form-head h2{margin-bottom:0;grid-column:2/3}nav #login-form #login-form-head button{justify-self:end}footer{margin-top:120px;width:100%;border-top:1px solid lightgrey;display:flex;justify-content:space-evenly;padding:50px 0}footer #footer-logo{width:100px;display:grid;align-content:start;grid-template-columns:1fr 1fr 1fr}footer #footer-logo h3{grid-column:1/4;font-family:"Jersey 15",sans-serif;font-size:20px}footer #footer-logo a svg{width:28px}footer .footer-section{display:flex;flex-direction:column}footer .footer-section h3{font-weight:700;color:#696969;margin-bottom:20px}footer .footer-section a{margin-bottom:6px}#main-banner{display:flex;align-items:center;justify-content:space-between;background-color:#104178;padding-top:70px}#main-banner #banner-image-container{width:500px;height:400px;margin-right:20px}#main-banner #banner-image-container img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#main-banner div{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-family:Google Sans,sans-serif}#main-banner div h1{font-size:50px;line-height:normal;font-weight:700}#main-banner div h2{font-size:20px}#main-search-form{padding:10px;display:flex;justify-content:center;position:relative;top:-40px}#main-search-form form{background-color:#fff;padding:10px;box-shadow:0 5px 4px #d3d3d3;border-radius:15px}#main-search-form form input,#main-search-form form select,#main-search-form form button{width:200px;padding:10px 20px;border-radius:5px;margin:0 10px}#main-search-form form button{background-color:#000;color:#fff;border-radius:5px;font-weight:700}#main-places{margin-top:80px;display:flex;flex-direction:column}#main-places h1{font-size:50px;line-height:normal;font-weight:700}#main-places h2{font-size:20px;line-height:normal;font-weight:700}#main-places #cards-places{margin-top:20px;display:flex;justify-content:space-between;flex-wrap:wrap}#main-places #cards-places .card-place{display:flex;flex-direction:column;width:400px;height:300px;margin:10px 0}#main-places #cards-places .card-place h3{font-size:18px;font-weight:700}#main-places #cards-places .card-place h4{color:gray}#main-places #cards-places .card-place .card-place-image{overflow:hidden}#search-section{display:flex;padding-top:70px}#search-filters{height:-moz-fit-content;height:fit-content;width:330px;margin:20px;background-color:var(--lighter-grey);padding:20px;border-radius:10px;position:sticky;top:80px;max-height:calc(100vh - 100px);overflow-y:auto}#search-filters form{display:flex;flex-direction:column;align-items:flex-start}#search-filters form h3{margin-top:20px;font-weight:700}#search-filters form input[type=number],#search-filters form select{width:100%}#search-filters form button{font-size:14px;text-decoration:underline}#search-filters form button:hover{opacity:.6}#search-filters form .buttons-container{margin-top:20px}#search-filters form .buttons-container button{font-size:.75rem;text-decoration:none}#search-results-container{width:80%;display:flex;flex-direction:column;align-items:center}#search-results-container #limit{width:20px}#search-results{margin-top:20px;min-height:100vh;width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;grid-auto-rows:1fr;justify-items:center}#search-results .card-van{transition:all .1s linear;padding:20px;border-radius:20px;width:350px}#search-results .card-van:hover{box-shadow:0 0 6px var(--light-purple)}#search-results .card-van a img{width:100%;height:230px;-o-object-fit:cover;object-fit:cover}#search-results .card-van a h4:nth-of-type(1){color:gray}#search-results .card-van a h4:nth-of-type(2){font-weight:700}@media screen and (max-width:1800px){#search-results{grid-template-columns:repeat(3,1fr)}}#anuncio-section{padding-top:100px;margin-left:auto;margin-right:auto;justify-content:center;display:flex;gap:20px}#anuncio-section #anuncio-container{display:flex;flex-direction:column}#anuncio-section #anuncio-container h1{font-size:30px;font-weight:700;margin-bottom:20px}#anuncio-section #anuncio-container #anuncio-images #main-image{width:800px}#anuncio-section #anuncio-container #anuncio-images #mini-images{max-width:800px;display:flex;overflow-x:auto;scrollbar-color:var(--primary-purple) transparent;scrollbar-arrow-color:#000}#anuncio-section #anuncio-container #anuncio-images #mini-images img{width:80px}#anuncio-section #anuncio-container #anuncio-images #mini-images img:hover{opacity:.6;cursor:pointer}#anuncio-section #anuncio-container #anuncio-description h2{margin-top:30px;font-size:20px;font-weight:700}#anuncio-section #anuncio-container #anuncio-description .div-2{margin:10px 0;display:flex;justify-content:space-between}#anuncio-section #anuncio-container #anuncio-description .div-2 p:nth-child(2){display:flex}#anuncio-section #anuncio-container #anuncio-description .descripcion{padding:20px 0;border-top:1px solid var(--dark-purple);border-bottom:1px solid var(--light-purple)}#anuncio-section #anuncio-container #anuncio-description .info-van{padding:10px 0;border-bottom:1px solid var(--light-purple)}#anuncio-section #anuncio-container .valoraciones{margin-top:50px}#anuncio-section #anuncio-container .valoraciones h3{font-size:24px;font-weight:700}#anuncio-section #anuncio-container .valoraciones .card-valoracion{border:1px solid var(--light-purple);border-radius:20px;padding:20px;margin:10px 0}#anuncio-section #anuncio-container .valoraciones .card-valoracion p:nth-child(1){color:var(--primary-black)}#anuncio-section #anuncio-reserva{width:320px;background-color:var(--light-grey);position:sticky;height:-moz-fit-content;height:fit-content;top:90px;padding:20px;border-radius:20px}#anuncio-section #anuncio-reserva>div{display:flex;flex-direction:column;align-items:center}#anuncio-section #anuncio-reserva>div>div{width:100%;margin-bottom:20px}#anuncio-section #anuncio-reserva>div>p{font-size:14px;color:var(--primary-grey);font-weight:500}#anuncio-section #anuncio-reserva>div button{margin-top:5px}#anuncio-section #anuncio-reserva>div>form{width:100%;display:flex;align-items:center;flex-direction:column;margin:0}#anuncio-section #anuncio-reserva>div>form>div{width:100%}#anuncio-section #anuncio-reserva>div>form>div:nth-child(3){margin:10px 0}.flatpickr-day.startRange,.flatpickr-day.endRange{background:var(--dark-purple)!important;color:#fff!important;border:1px solid var(--dark-purple)!important}.flatpickr-day.startRange+.endRange,.flatpickr-day.endRange:hover,.flatpickr-day.startRange:hover{box-shadow:none!important}#profile-section{padding-top:70px;font-family:Google Sans,sans-serif}#profile-section>h2{font-size:35px;font-weight:700;padding-top:10px;padding-bottom:10px;background-color:#f0f0f0}#profile-section .profile-confirm{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center}#profile-section .confirm-box{background:#fff;padding:20px;border-radius:10px}#profile-section .confirm-box div{margin-top:20px;display:flex;justify-content:space-around}#profile-section #profile-header{display:flex;justify-content:space-between}#profile-section #profile-header h1{font-size:45px;font-weight:700}#profile-section #profile-header h3{font-size:30px;opacity:.55;margin-bottom:10px}#profile-section #profile-header #profile-buttons{width:-moz-fit-content;width:fit-content;display:flex;gap:30px;align-items:center}#profile-section #profile-header #profile-buttons button{padding:10px 20px;border-radius:50px;background-color:var(--light-purple)}#profile-section #profile-header #profile-buttons button.selected{background-color:var(--primary-purple);color:#fff}#profile-section #profile-content{margin-top:40px}#profile-section #profile-content #profile-content-head{display:flex;align-items:center}#profile-section #profile-content #profile-content-head h1{margin-right:40px;font-size:30px;font-weight:700}#profile-section #profile-content #profile-content-head a{padding:5px 10px;background-color:var(--primary-purple);color:#fff;border-radius:5px;font-weight:700}#profile-section #profile-content #profile-content-head>button{transition:all .1s;text-transform:uppercase;padding:8px 16px;background-color:var(--light-purple);font-size:.85rem;border-radius:8px;margin:10px}#profile-section #profile-content #profile-content-head>button:hover{opacity:.7}#profile-section #profile-content #profile-content-head>button.selected{font-weight:700;background-color:var(--primary-purple);color:#fff;cursor:default}#profile-section #profile-content #profile-content-head>button.selected:hover{opacity:1}#profile-section #profile-content #container{margin-top:20px}#profile-section #profile-content #container .card{margin-bottom:15px;display:flex;justify-content:space-between;border:1px solid lightgrey;border-radius:15px;overflow:hidden}#profile-section #profile-content #container .card .card-left{display:flex;flex-direction:column;justify-content:center;margin-left:20px}#profile-section #profile-content #container .card .card-left h3{font-weight:700}#profile-section #profile-content #container .card .card-right{display:flex;align-items:center;gap:10px}#profile-section #profile-content #container .card .card-right a,#profile-section #profile-content #container .card .card-right button{font-weight:700}:is(#profile-section #profile-content #container .card .card-right a,#profile-section #profile-content #container .card .card-right button):hover{opacity:.6}#profile-section #profile-content #container .card .card-right form{margin:0}#profile-section #profile-content #container .card .card-right img{height:80px;width:80px;-o-object-fit:cover;object-fit:cover}#edit-profile-section{padding-top:100px}#edit-profile-section .success-message{background-color:var(--light-purple);padding:8px 16px;border-radius:10px;color:var(--dark-purple);font-weight:600;margin-bottom:20px}#edit-van-section{padding-top:100px;font-family:Google Sans,sans-serif;display:flex;flex-direction:column;align-items:stretch}#edit-van-section #edit-head{display:flex;flex-direction:column;gap:20px;align-items:baseline}#edit-van-section #edit-head button{height:-moz-fit-content;height:fit-content}#edit-van-section .success-message{background-color:var(--light-purple);padding:8px 16px;border-radius:10px;color:var(--dark-purple);font-weight:500;margin-bottom:10px}#edit-van-section h1{font-size:30px;font-weight:700;margin-bottom:20px}#edit-van-section>form button{margin-top:20px}#edit-van-section>div#fotos{margin-top:20px}#edit-van-section>div#fotos h3{font-size:24px;font-weight:700;margin-bottom:10px}#edit-van-section>div#fotos #fotos-van{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}#edit-van-section>div#fotos #fotos-van .foto-item{margin:5px;display:flex;flex-direction:column;align-items:center}#edit-van-section>div#fotos #fotos-van .foto-item .img-wrapper{position:relative;display:inline-block;overflow:hidden}#edit-van-section>div#fotos #fotos-van .foto-item .img-wrapper img{width:100%}#edit-van-section>div#fotos #fotos-van .foto-item .img-wrapper.principal{border:3px solid var(--primary-purple)}#edit-van-section>div#fotos #fotos-van .foto-item .img-wrapper.principal:after{content:"Principal";position:absolute;font-size:14px;background-color:var(--primary-purple);color:#fff;padding:1px 5px;border-radius:0 0 3px;top:0;left:0}#edit-van-section>div#fotos #fotos-van .foto-item .foto-actions{width:100%}#edit-van-section>div#fotos #fotos-van .foto-item .foto-actions form{margin:5px 0}#edit-van-section>div#fotos #fotos-van .foto-item .foto-actions button{padding:5px;width:100%}#edit-van-section>div#fotos #fotos-van .foto-item .foto-actions button:hover{opacity:.8}#edit-van-section>div#fotos #fotos-add{margin-top:10px}#edit-van-section>div#fotos #fotos-add form{display:flex;flex-direction:column;gap:10px}#new-van-section{padding-top:100px;font-family:Google Sans,sans-serif;display:flex;flex-direction:column;align-items:stretch}#new-van-section #edit-head{display:flex;flex-direction:column;gap:20px;align-items:baseline}#new-van-section #edit-head h1{font-size:30px;font-weight:700;margin-bottom:20px}#new-van-section form button{margin-top:20px}#fotos-section{padding-top:100px}#fotos-section .success-message{background-color:var(--light-purple);padding:8px 16px;border-radius:10px;color:var(--dark-purple);font-weight:600;margin-bottom:20px}#fotos-section h1{font-size:30px;font-weight:700;margin-bottom:20px}#fotos-section .button-container{margin-top:20px;display:flex;gap:10px}#rating-section{padding-top:100px}#rating-section h1{font-size:30px;font-weight:700;margin-bottom:20px;margin-top:10px}#rating-section form button{margin-top:20px}#rating-section form .stars{display:flex;flex-direction:row-reverse;justify-content:flex-end}#rating-section form .stars input{display:none}#rating-section form .stars label{font-size:2rem;color:#ccc;cursor:pointer;transition:color .2s}#rating-section form .stars label:hover,#rating-section form .stars label:hover~label{color:gold}#rating-section form .stars input:checked~label{color:gold}#booking-section{display:flex;flex-direction:column;align-items:center;width:600px;margin-left:auto;margin-right:auto;padding-top:100px;font-family:Google Sans,sans-serif}#booking-section .booking-details{width:300px;display:flex;flex-direction:column;gap:20px;font-size:18px}#booking-section .booking-details h2{font-size:24px;font-weight:700}#booking-section .booking-details>div{font-weight:700}#booking-section .booking-details>div p{margin-bottom:10px;text-align:center}#booking-section .booking-details>div #buttons-container{display:flex;justify-content:center;gap:10px}#booking-section .booking-details>div #buttons-container button:hover{opacity:.6}#booking-section .card-van{display:flex;flex-direction:column;gap:10px;font-size:18px}#booking-section .card-van h2{margin-top:20px;font-size:24px;font-weight:700}#booking-section .card-van img{width:300px}#booking-section .card-van p{font-size:16px;display:flex;gap:5px}#booking-section .card-van p strong{font-size:18px}#booking-section .card-review{width:300px}#booking-section .card-review h2{margin-top:40px;font-size:24px;font-weight:700}#booking-section .card-review p{text-align:justify}.info-section{padding-top:100px}.info-section h1{font-size:30px;font-weight:700;margin-bottom:20px}.info-section h2{font-size:20px;font-weight:600;margin-bottom:8px;color:var(--primary-black)}.info-section p{color:var(--primary-grey);line-height:1.6}.info-section ul{padding-left:20px;color:var(--primary-grey)}.info-section ul li{margin-bottom:5px}.info-section hr{border:none;height:1px;background-color:#e5e5e5;margin:25px 0}.info-section .info-highlight{font-size:18px;font-weight:500;color:var(--dark-purple);margin-top:10px}