*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.block{display:block}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.border{border-width:1px}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--background-color:#1a1a1a;--text-color:#fff}.App,:root{transition:all .3s ease}.App{background-color:#1a1a1a;background-color:var(--background-color);color:#fff;color:var(--text-color);margin:0;min-height:100vh;overflow-x:hidden;padding:0;text-align:center;width:100%}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.appCabecera{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);margin-top:0;min-height:20vh;padding:20px}.App-link{color:#61dafb}.titulPrincipal{color:#61dafb;font-size:3rem;margin:0;position:static;text-align:center;width:100%}.barra-menus{align-items:center;display:flex;gap:20px;justify-content:center;margin-bottom:20px;margin-top:20px;width:100%}.menu-btn{background:#61dafb;border:none;border-radius:5px;color:#222;cursor:pointer;font-size:1rem;font-weight:700;padding:8px 18px;text-decoration:none;transition:background .2s}.menu-btn:hover{background:#21a1f3;color:#fff}.menu-btn.active{background:#61dafb;color:#222}.contenidorPerfil{position:fixed;right:20px;top:20px;z-index:1100}.desplegablePerfil{align-items:flex-end;display:flex;flex-direction:column;position:relative}.logo-usuari{height:auto;width:40px;z-index:1000}.menuPerfil{background:#222;border-radius:8px;box-shadow:0 2px 8px #0003;color:#fff;font-size:.9rem;min-width:120px;padding:10px 20px;position:absolute;right:0;top:110%;z-index:1200}.mclovin-logo{animation:corner-logo-spin 20s linear infinite;height:auto;left:20px;position:fixed;top:20px;width:50px;z-index:1000}@keyframes corner-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.contact-section-wrapper{background-color:#1a1a1a;background-color:var(--background-color);padding:40px 0}.contact-section{background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 12px #0000001a;margin:0 auto 30px;max-width:650px;padding:40px 30px}.contact-header{margin-bottom:30px;text-align:center}.contact-header h2{color:#282c34;font-size:2rem;margin-bottom:10px}.contact-header h3{color:#61dafb;font-size:1.5rem;margin-bottom:15px}.location-details p{color:#555;margin:5px 0}.contact-info{align-items:center;display:flex;flex-direction:column;margin:20px 0;width:100%}.contact-info>div:first-child{overflow:hidden}.campredo-map,.contact-info>div:first-child{border-radius:8px;max-width:800px;width:100%}.campredo-map{border:0;height:450px;margin:20px 0}.contact-info p{margin:10px 0}.contact-persons p{color:#000!important;margin:5px 0}.contact-persons span{color:#000!important;font-weight:700}.contact-form{gap:15px;margin-bottom:30px}.contact-form,.form-group{display:flex;flex-direction:column}.form-group{text-align:left}.form-group label{color:#282c34;font-size:.95rem;font-weight:600;margin-bottom:5px}.name-fields,.vehicle-fields{display:flex;gap:15px}.name-fields input,.vehicle-fields input{flex:1 1}input,textarea{border:1px solid #ddd!important;border-radius:25px!important;width:100%!important}.message-textarea,input,textarea{box-sizing:border-box!important;font-size:.95rem!important;padding:10px 15px!important}.message-textarea{border:1px solid #ddd!important;border-radius:8px!important}textarea{min-height:100px!important;resize:vertical!important}.submit-btn{align-self:flex-start;background-color:#61dafb;border:none;border-radius:4px;color:#222;cursor:pointer;font-size:.95rem;font-weight:700;padding:10px 20px;transition:background-color .2s}.submit-btn:hover{background-color:#21a1f3;color:#fff}.business-hours{background-color:#e9e9e9;border-radius:8px;padding:20px}.business-hours h4{color:#282c34;margin-top:0}.business-hours p{color:#000;margin:5px 0}.phone-input-container{align-items:center;border:1px solid #ddd;border-radius:25px;display:flex;overflow:hidden}.phone-prefix{padding:0 5px}.prefix-select{background:#0000;border:none;color:#333;cursor:pointer;font-size:.95rem;outline:none;padding:8px 5px}.prefix-separator{color:#ccc;margin:0 5px}.phone-input-container input{border:none!important;flex:1 1;padding:8px}.phone-input-container input:focus{outline:none}.phone-input-container:focus-within{border-color:#61dafb;box-shadow:0 0 0 2px #61dafb33}.video-section{align-items:center;background-color:#282c34;display:flex;height:50vh;justify-content:center;left:50%;margin:0 -50vw;overflow:hidden;padding:0;position:relative;right:50%;width:100vw}.video-player{display:block;height:100%;margin:0;object-fit:cover;padding:0;width:100%}@media (max-width:768px){.video-section{height:40vh}}@media (max-width:480px){.video-section{height:35vh}}.vehicles-section{align-items:center;background-color:#1a1a1a;background-color:var(--background-color);display:flex;flex-direction:column;gap:40px;padding:40px 20px}.section-title{color:#fff;color:var(--text-color);font-size:2rem;margin-bottom:10px;text-align:center}.carousel-row{display:flex;justify-content:center;margin-bottom:20px;width:100%}.carousel{--items:5;--carousel-duration:40s;--carousel-width:min(90vw,1400px);--carousel-item-width:320px;--carousel-item-height:450px;--carousel-item-gap:2rem;height:450px;height:var(--carousel-item-height);overflow:clip;position:relative;width:min(90vw,1400px);width:var(--carousel-width)}@media (min-width:600.02px){.carousel{--carousel-duration:35s}}@media (max-width:768px){.carousel{--carousel-item-width:280px;--carousel-item-height:420px;--carousel-duration:30s}}.carousel[mask]{-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.carousel[reverse] .vehicle-card{animation-direction:reverse}.carousel:hover .vehicle-card{animation-play-state:paused}.carousel .vehicle-card{animation-delay:calc(var(--carousel-duration)/var(--items)*1*var(--i)*-1);animation-duration:var(--carousel-duration);animation-iteration-count:infinite;animation-name:marquee;animation-timing-function:linear;background:#fff;border-radius:12px;box-shadow:0 4px 20px #61dafbcc,0 8px 35px #61dafb99,0 12px 50px #61dafb66,0 16px 70px #0003;cursor:pointer;height:var(--carousel-item-height);left:calc(100% + var(--carousel-item-gap));overflow:hidden;position:absolute;top:0;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease;width:var(--carousel-item-width);will-change:transform}.carousel .vehicle-card:first-child{--i:0}.carousel .vehicle-card:nth-child(2){--i:1}.carousel .vehicle-card:nth-child(3){--i:2}.carousel .vehicle-card:nth-child(4){--i:3}.carousel .vehicle-card:nth-child(5){--i:4}@keyframes marquee{to{transform:translateX(calc((var(--items)*(var(--carousel-item-width) + var(--carousel-item-gap)))*-1))}}.carousel .vehicle-card:hover{background-color:#61dafb!important;box-shadow:0 6px 30px #61dafb,0 12px 50px #61dafbcc,0 20px 70px #61dafb99,0 30px 100px #0000004d;transform:translateY(-8px);z-index:100}.carousel .vehicle-card:hover .vehicle-info h3,.carousel .vehicle-card:hover .vehicle-info p{color:#222!important}.vehicle-image-container{background-color:#f0f0f0;height:220px;width:100%}.vehicle-image-container img{border-radius:12px 12px 0 0;display:block;height:100%;object-fit:cover;object-position:center;width:100%}.placeholder-image{align-items:center;background-color:#f0f0f0;color:#666;display:flex;font-size:1rem;height:100%;justify-content:center;width:100%}.vehicle-info{display:flex;flex-direction:column;gap:6px;height:calc(100% - 220px);padding:20px}.vehicle-info h3{color:#222;font-size:1.3rem;font-weight:600;line-height:1.3;margin:0 0 8px;transition:color .3s ease}.vehicle-info p{color:#555;font-size:.95rem;line-height:1.6;margin:0;transition:color .3s ease}@media (max-width:1200px){.carousel{--carousel-width:95vw}}@media (max-width:768px){.carousel-row{margin-bottom:10px}.vehicles-section{gap:20px;padding:30px 10px}}@media (max-width:480px){.carousel{--carousel-item-width:260px;--carousel-item-height:400px}.vehicle-image-container{height:180px}.vehicle-info{height:calc(100% - 180px);padding:15px}}@media (max-width:768px){.name-fields,.vehicle-fields{flex-direction:column;gap:10px}.contact-section{padding:20px}.barra-menus{flex-wrap:wrap}.campredo-map{border-radius:8px;height:450px;margin:20px 0;max-width:800px;width:100%}}.search-bar{display:flex;justify-content:center;margin:10px auto 20px;max-width:600px;padding:0 20px;width:100%}.search-bar form{display:flex;gap:10px;width:100%}.search-input{background-color:#fff;background-color:var(--form-background,#fff);border:2px solid #ddd;border:2px solid var(--form-border,#ddd);border-radius:25px;color:#333;color:var(--form-text,#333);flex:1 1;font-size:1rem;padding:10px 15px}.search-button{align-items:center;background-color:#61dafb;border:none;border-radius:25px;color:#222;cursor:pointer;display:flex;font-size:1rem;gap:8px;padding:10px 20px;transition:all .2s ease}.lupa-icon{height:20px;width:20px}.search-button:hover{background-color:#21a1f3;color:#fff}.theme-toggle-btn{align-items:center;background-color:initial;border:2px solid var(--text-color);border-radius:50%;cursor:pointer;display:inline-flex;height:35px;justify-content:center;padding:.5rem;transition:all .3s ease;width:35px}.theme-toggle-btn:hover{background-color:var(--text-color);transform:scale(1.1)}.theme-toggle-btn svg{color:var(--text-color);font-size:1.5rem;height:14px;transition:color .3s ease;width:14px}.theme-toggle-btn:hover svg{color:var(--background-color)}.theme-toggle-btn:active{transform:scale(.95)}.theme-toggle-btn:focus{outline:2px solid var(--text-color);outline-offset:2px}.vehicle-image-container{overflow:hidden;position:relative}.vehicle-image-container img.image-animating{animation:fadeInScale .3s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.image-nav-btn{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#00000080;border:2px solid red;border-radius:50%;color:red;cursor:pointer;display:flex;font-size:28px;font-weight:700;height:40px;justify-content:center;line-height:1;opacity:0;padding:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:40px;z-index:10}.image-nav-btn.prev{left:10px}.image-nav-btn.next{right:10px}.vehicle-card:hover .image-nav-btn{opacity:1}.image-nav-btn:hover{background-color:#61dafb33;border-color:#61dafb;box-shadow:0 0 15px #61dafb99,0 0 30px #61dafb66;color:#61dafb;transform:translateY(-50%) scale(1.1)}.image-nav-btn.btn-animating{animation:btnClick .3s ease}@keyframes btnClick{0%{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(.85)}to{transform:translateY(-50%) scale(1)}}.image-indicators{bottom:10px;display:flex;gap:8px;left:50%;position:absolute;transform:translateX(-50%);z-index:10}.indicator{background-color:#ffffff80;border:1px solid #fffc;border-radius:50%;cursor:pointer;height:8px;transition:all .3s ease;width:8px}.indicator.active{background-color:#61dafb;border-color:#61dafb;box-shadow:0 0 8px #61dafbcc,0 0 15px #61dafb80;transform:scale(1.2)}.image-counter{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000b3;border:1px solid #fff3;border-radius:12px;bottom:10px;box-shadow:0 2px 8px #0000004d;color:#fff;font-size:12px;font-weight:600;padding:4px 10px;position:absolute;right:10px;transition:all .3s ease;z-index:10}.vehicle-card:hover .image-counter{background-color:#61dafbe6;border-color:#61dafb;box-shadow:0 0 10px #61dafb99,0 2px 8px #0000004d;color:#000}@media (max-width:768px){.image-nav-btn{font-size:24px;height:35px;width:35px}.image-nav-btn.prev{left:5px}.image-nav-btn.next{right:5px}.indicator{height:6px;width:6px}.image-indicators{bottom:5px;gap:6px}.image-counter{bottom:5px;font-size:11px;padding:3px 8px;right:5px}}@media (max-width:480px){.image-nav-btn{opacity:.7}.vehicle-card:hover .image-nav-btn{opacity:1}}.App .vehicles-section{background-color:var(--background-color);padding:40px 20px}.App .section-title{color:var(--text-color);font-size:2rem;margin-bottom:30px;text-align:center}.App .contact-section-wrapper{background-color:var(--background-color);padding:40px 0}.App .contact-section{background-color:#f9f9f9;border-radius:10px;margin:0 auto;max-width:650px;padding:30px}.App .vehicle-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:15px}.App .vehicle-info h3{color:#333}.login-page{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;font-family:Montserrat,sans-serif;justify-content:center;min-height:100vh;position:relative}.login-page:before{background:#0000004d;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.container{background-color:#fff;border-radius:15px;box-shadow:0 14px 28px #00000040,0 10px 10px #00000038;max-width:100%;min-height:480px;overflow:hidden;position:relative;width:768px;z-index:2}.form-container{height:100%;position:absolute;top:0;transition:all .6s ease-in-out}.sign-in-container{left:0;width:50%;z-index:2}.container.right-panel-active .sign-in-container{transform:translateX(100%)}.sign-up-container{left:0;opacity:0;width:50%;z-index:1}.container.right-panel-active .sign-up-container{animation:show .6s;opacity:1;transform:translateX(100%);z-index:5}@keyframes show{0%,49.99%{opacity:0;z-index:1}50%,to{opacity:1;z-index:5}}.overlay-container{height:100%;left:50%;overflow:hidden;position:absolute;top:0;transition:transform .6s ease-in-out;width:50%;z-index:100}.container.right-panel-active .overlay-container{transform:translateX(-100%)}.overlay{background:linear-gradient(150deg,#01d60c,#3c00ff);background-position:0 0;background-repeat:no-repeat;background-size:cover;color:#fff;height:100%;left:-100%;position:relative;transform:translateX(0);transition:transform .6s ease-in-out;width:200%}.container.right-panel-active .overlay{transform:translateX(50%)}.overlay-panel{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:center;padding:0 50px;position:absolute;text-align:center;top:0;transform:translateX(0);transition:transform .6s ease-in-out;width:50%}.overlay-left{left:0}.container.right-panel-active .overlay-left,.overlay-left,.overlay-right{transform:translateX(0)}.overlay-right{right:0}.container.right-panel-active .overlay-right{transform:translateX(0)}.overlay-panel h1{color:#fff;font-size:2rem;font-weight:700;margin:0 0 20px;width:100%}.overlay-panel p{color:#fff;font-size:14px;font-weight:300;letter-spacing:.5px;line-height:20px;margin:20px 0 30px;width:100%}.login-page form{align-items:center;background-color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;padding:0 50px;text-align:center}.login-page form h1{color:#333;font-size:1.8rem;font-weight:700;margin:0 0 15px}.login-page form span{color:#666;font-size:12px;margin:10px 0 20px}.login-page .social-container{align-items:center;display:flex;gap:20px;justify-content:center;margin:15px 0}.login-page .social{align-items:center;border:1px solid #ddd;border-radius:50%;color:#333;display:inline-flex;font-size:16px;height:40px;justify-content:center;text-decoration:none;transition:all .3s ease;width:40px}.login-page .social:hover{border-color:#667eea;color:#667eea;transform:scale(1.1)}.login-page form input{background-color:#eee;border:none;border-radius:8px;font-size:14px;margin:8px 0;outline:none;padding:12px 15px;transition:all .3s ease;width:100%}.login-page form input:focus{background-color:#ddd;box-shadow:0 0 0 2px #667eea}.login-page form a{color:#666;font-size:12px;margin:15px 0;text-decoration:none;transition:color .3s ease}.login-page form a:hover{color:#667eea;text-decoration:underline}.login-page form button{background-color:#667eea;border:1px solid #667eea;border-radius:20px;color:#fff;cursor:pointer;font-size:12px;font-weight:700;letter-spacing:1px;margin-top:15px;padding:12px 45px;text-transform:uppercase;transition:all .3s ease}.login-page form button:hover{background-color:#764ba2;border-color:#764ba2;transform:scale(1.05)}.login-page form button:active{transform:scale(.95)}.login-page button.ghost{background-color:initial;border:2px solid #fff;border-radius:20px;color:#fff;cursor:pointer;font-size:12px;font-weight:700;letter-spacing:1px;padding:12px 45px;text-transform:uppercase;transition:all .3s ease}.login-page button.ghost:hover{background-color:#fff;color:#667eea;transform:scale(1.05)}.login-page button.ghost:active{transform:scale(.95)}@media (max-width:768px){.login-page .container{min-height:600px;width:95%}.login-page .form-container,.login-page .sign-in-container,.login-page .sign-up-container{width:100%}.login-page .overlay-container{display:none}.login-page form{padding:0 30px}}.pagination-container{align-items:center;display:flex;gap:8px;justify-content:center;margin:40px 0;padding:20px}.pagination-btn{background-color:var(--background-color);border:2px solid #61dafb;border-radius:8px;box-shadow:0 2px 8px #61dafb33;color:var(--text-color);cursor:pointer;font-size:16px;font-weight:500;height:40px;min-width:40px;padding:8px 12px;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background-color:#61dafb;box-shadow:0 4px 15px #61dafb99,0 8px 25px #61dafb66;color:#000;transform:translateY(-2px)}.pagination-btn.active{background-color:#61dafb;box-shadow:0 4px 15px #61dafbcc,0 8px 25px #61dafb80;color:#000;font-weight:700}.pagination-btn:disabled{border-color:#666;box-shadow:none;cursor:not-allowed;opacity:.4}.pagination-ellipsis{color:var(--text-color);font-size:18px;padding:0 8px;-webkit-user-select:none;user-select:none}@media (max-width:768px){.pagination-container{gap:4px;padding:15px}.pagination-btn{font-size:14px;height:35px;min-width:35px;padding:6px 10px}.pagination-ellipsis{font-size:16px;padding:0 4px}}
/*# sourceMappingURL=main.8d15e130.css.map*/