*,: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}}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.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}.menu-btn.add-vehicle-btn{align-items:center;background:linear-gradient(135deg,#61dafb,#4fa8c5);border-radius:50%;box-shadow:0 2px 8px #61dafb4d;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:45px;justify-content:center;padding:0;transition:all .3s ease;width:45px}.menu-btn.add-vehicle-btn:hover{background:linear-gradient(135deg,#4fa8c5,#61dafb);box-shadow:0 4px 15px #61dafb80;transform:scale(1.1) rotate(90deg)}.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:#fff;border-radius:8px;box-shadow:0 4px 12px #0000004d;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{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.form-group{text-align:left}.form-group label{color:#282c34;font-size:.95rem;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{background-color:#fff!important;box-sizing:border-box!important;color:#333!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;background-color:#fff!important;border:1px solid #ddd!important;border-radius:25px!important;display:flex;overflow:hidden}.phone-prefix{background-color:#fff;padding:0 5px}.prefix-select{background:#fff!important;background-color:#fff!important;border:none!important;box-shadow:none!important;color:#999!important;cursor:pointer;font-size:.95rem;outline:none!important;padding:8px 5px}.prefix-select option{background-color:#fff!important;color:#333!important}.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;position:relative;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 40px 10px 15px}.clear-button{align-items:center;background:#ff6b6bcc;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;position:absolute;right:80px;top:50%;transform:translateY(-50%);transition:all .2s ease;width:24px}.clear-button:hover{background:#ff6b6b;transform:translateY(-50%) scale(1.1)}.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)}.vehicle-card .image-counter{-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;background-color:#000000bf!important;border-radius:20px!important;bottom:15px!important;box-shadow:0 2px 8px #0000004d!important;color:#fff!important;font-size:14px!important;font-weight:700!important;left:auto!important;padding:6px 14px!important;position:absolute!important;right:15px!important;transform:none!important;transition:all .3s ease;z-index:10!important}@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}.vehicle-card .image-counter{bottom:10px!important;font-size:12px!important;padding:4px 10px!important;right:10px!important}}@media (max-width:480px){.image-nav-btn{opacity:.7}.vehicle-card:hover .image-nav-btn{opacity:1}}.image-skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#e0e0e0,#f0f0f0 50%,#e0e0e0);background:linear-gradient(90deg,var(--skeleton-base,#e0e0e0) 0,var(--skeleton-highlight,#f0f0f0) 50%,var(--skeleton-base,#e0e0e0) 100%);background-size:200% 100%;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.vehicle-image-container img.image-loading{opacity:0;transition:opacity .3s ease-in}.vehicle-image-container img.image-loaded{opacity:1;transition:opacity .3s ease-in}.App:not([data-theme=light]) .image-skeleton,[data-theme=dark] .image-skeleton{--skeleton-base:#2a2a2a;--skeleton-highlight:#3a3a3a}[data-theme=light] .image-skeleton{--skeleton-base:#e0e0e0;--skeleton-highlight:#f5f5f5}@media (max-width:768px){.vehicle-card{font-size:14px}}.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 20px}.login-page form a{margin:12px 0}.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;background-color:initial;border:1px solid #ddd;border-radius:50%;color:#333;cursor:pointer;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 .social:disabled{cursor:not-allowed;opacity:.5}.login-page .social:disabled:hover{border-color:#ddd;color:#333;transform:none}.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}}.sign-up-container form{display:flex;flex-direction:column;justify-content:center;max-height:100%;overflow-y:auto;padding:20px 50px}.sign-up-container form h1{margin-bottom:15px;margin-top:0}.sign-up-container form input{margin:5px 0;padding:10px 15px}.sign-up-container form button[type=submit]{margin-bottom:0;margin-top:15px}.sign-up-container form>div,.sign-up-container form>p{margin:5px 0}.password-strength{font-weight:600;text-align:left}.password-strength,.validation-message{font-size:12px;margin-bottom:8px;margin-top:-8px;padding-left:10px}.validation-message{align-items:center;display:flex;gap:5px}.password-requirements{background-color:#f9f9f9;border-radius:8px;color:#888;font-size:11px;margin:8px 0;padding:8px 10px;text-align:left}.password-requirements ul{list-style:none;margin:3px 0;padding-left:20px}.password-requirements li{line-height:1.3;margin:2px 0;padding-left:20px;position:relative}.password-requirements li:before{content:"•";font-size:14px;left:0;position:absolute}.login-page form button:disabled{background-color:#ccc;border-color:#ccc;cursor:not-allowed;opacity:.6}.login-page form button:disabled:hover{background-color:#ccc;border-color:#ccc;transform:none}.sign-up-container form::-webkit-scrollbar{width:6px}.sign-up-container form::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.sign-up-container form::-webkit-scrollbar-thumb{background:#667eea;border-radius:10px}.sign-up-container form::-webkit-scrollbar-thumb:hover{background:#764ba2}.vehicle-detail-page{background:#222;min-height:100vh;padding:20px}.vehicle-detail-container{margin:0 auto;max-width:1400px}.back-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;margin-bottom:20px}.back-button:hover{background:#ffffff4d;transform:translateX(-5px)}.detail-layout{grid-gap:40px;background:#435256;border-radius:20px;box-shadow:0 20px 60px #0000004d;display:grid;gap:40px;grid-template-columns:1fr 1fr;padding:40px}.image-section{display:flex;flex-direction:column;gap:20px}.main-image-wrapper{aspect-ratio:16/10;background:#f5f5f5;border-radius:16px;box-shadow:0 4px 20px #0000001a;overflow:hidden;position:relative;width:100%}.main-vehicle-image{height:100%;object-fit:cover;width:100%}.nav-btn{align-items:center;background:#ffffffe6;border:none;border-radius:50%;color:red;cursor:pointer;display:flex;font-size:32px;font-weight:700;height:50px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:50px;z-index:10}.nav-btn:hover{background:#61dafb;color:#fff;transform:translateY(-50%) scale(1.1)}.prev-btn{left:20px}.next-btn{right:20px}.fullscreen-btn{background:#ffffffe6;border:none;border-radius:8px;bottom:20px;color:red;cursor:pointer;font-size:20px;height:45px;position:absolute;right:20px;transition:all .3s ease;width:45px;z-index:10}.fullscreen-btn:hover{background:#61dafb;color:#fff}.image-counter-main{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000bf;border-radius:20px;bottom:15px;box-shadow:0 2px 8px #0000004d;color:#fff;font-size:14px;font-weight:700;padding:6px 14px;position:absolute;right:15px;z-index:10}.thumbnails{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.thumbnail{aspect-ratio:16/10;border:3px solid #0000;border-radius:8px;cursor:pointer;object-fit:cover;opacity:.6;transition:all .3s ease;width:100%}.thumbnail:hover{opacity:1;transform:scale(1.05)}.thumbnail.active{border-color:#61dafb;box-shadow:0 0 15px #61dafb80;opacity:1}.info-section{display:flex;flex-direction:column;gap:25px}.vehicle-header h1{color:#61dafb;font-size:32px;font-weight:700;margin:0 0 10px;text-shadow:0 2px 10px #61dafb4d}.vehicle-header h2{color:#a8d5e2;font-size:20px;font-weight:400;margin:0;opacity:.9}.vehicle-specs{grid-gap:15px;border-bottom:2px solid #ffffff1a;display:grid;gap:15px;grid-template-columns:repeat(4,1fr);padding:20px 0}.spec-item{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.spec-value{color:#fff;font-size:16px;font-weight:600}.spec-label{color:#b0bec5;font-size:12px;margin-top:5px}.price-section{background:linear-gradient(135deg,#61dafb26,#8ab4f826);border:2px solid #61dafb66;border-radius:16px;box-shadow:0 4px 20px #61dafb1a;padding:25px}.price-label{color:#b0bec5;font-size:14px;letter-spacing:1px;margin-bottom:5px;text-transform:uppercase}.price-main{color:#61dafb;font-size:42px;font-weight:700;margin:10px 0;text-shadow:0 2px 15px #61dafb66}.price-financing{color:#fff;font-size:28px;font-weight:700;margin-bottom:15px}.price-contact{color:#90a4ae;font-size:14px}.interest-btn{background:linear-gradient(135deg,#61dafb,#667eea);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:18px 40px;transition:all .3s ease}.interest-btn:hover{box-shadow:0 6px 25px #667eea66;transform:translateY(-3px)}.financing-section{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:25px}.financing-section h3{color:#fff;font-size:20px;margin:0 0 20px}.financing-box{background:#ffffff14;border:2px solid #61dafb4d;border-radius:12px;padding:20px}.financing-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.promo-tag{background:linear-gradient(135deg,#61dafb,#667eea);border-radius:6px;color:#fff;font-size:12px;font-weight:700;padding:6px 12px}.old-price{color:#78909c;font-size:14px;text-decoration:line-through}.financing-info{color:#b0bec5;font-size:14px;margin-bottom:15px;text-align:right}.financing-price{background:#61dafb26;border:1px solid #61dafb4d;border-radius:8px;gap:10px;margin-bottom:15px;padding:15px}.financing-price,.info-icon{align-items:center;display:flex}.info-icon{background:#61dafb;border-radius:50%;color:#fff;flex-shrink:0;font-size:14px;height:20px;justify-content:center;width:20px}.final-price{color:#61dafb;font-size:24px;font-weight:700;margin-left:auto;text-shadow:0 2px 10px #61dafb4d}.customize-financing{align-items:center;background:#ffffff0d;border:2px solid #61dafb;border-radius:8px;color:#61dafb;cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:space-between;padding:15px;transition:all .3s ease;width:100%}.customize-financing:hover{background:#61dafb26;box-shadow:0 4px 15px #61dafb33;transform:translateY(-2px)}.monthly-price{color:#fff;font-size:12px}.additional-info{background:#61dafb14;border:1px solid #61dafb33;border-radius:8px;color:#b0bec5;font-size:14px;padding:15px}.vehicle-detail-error,.vehicle-detail-loading{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#61dafb;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.vehicle-detail-error button{background:#61dafb;border:none;border-radius:8px;color:#000;cursor:pointer;font-size:16px;font-weight:700;margin-top:20px;padding:12px 24px}.fullscreen-modal{align-items:center;animation:fadeIn .3s ease;background:#000000f2;cursor:zoom-out;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fullscreen-image{animation:zoomIn .3s ease;border-radius:8px;box-shadow:0 10px 50px #00000080;cursor:default;max-height:90vh;max-width:90vw;object-fit:contain}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.close-fullscreen{align-items:center;background:#ffffffe6;border:none;border-radius:50%;color:#333;cursor:pointer;display:flex;font-size:24px;font-weight:700;height:50px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s ease;width:50px;z-index:10000}.close-fullscreen:hover{background:#f44;color:#fff;transform:rotate(90deg)}.nav-btn-fullscreen{align-items:center;background:#ffffffe6;border:none;border-radius:50%;color:#333;cursor:pointer;display:flex;font-size:40px;font-weight:700;height:60px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:60px;z-index:10000}.nav-btn-fullscreen:hover{background:#61dafb;color:#fff;transform:translateY(-50%) scale(1.1)}.prev-btn-fullscreen{left:30px}.next-btn-fullscreen{right:30px}.image-counter{background:#ffffffe6;border-radius:25px;bottom:30px;color:#333;font-size:16px;font-weight:600;left:50%;padding:10px 20px;position:absolute;transform:translateX(-50%);z-index:10000}@media (max-width:1024px){.detail-layout{grid-template-columns:1fr}}@media (max-width:768px){.detail-layout{padding:20px}.vehicle-specs{grid-template-columns:repeat(2,1fr)}.price-main{font-size:32px}.price-financing{font-size:22px}.thumbnails{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}}.add-vehicle-page{background:#1e1e1e;min-height:100vh;padding:20px 0}.add-vehicle-container{background:#1e1e1e;border-radius:12px;box-shadow:0 4px 20px #0000004d;margin:40px auto;max-width:900px;padding:30px}.add-vehicle-header{align-items:center;display:flex;gap:20px;margin-bottom:30px}.back-button{padding:10px 20px}.add-vehicle-header h1{color:#61dafb;font-size:28px;margin:0}.vehicle-form{display:flex;flex-direction:column;gap:25px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#61dafb;font-size:14px;font-weight:600}.required{color:#ff6b6b}.form-group input,.form-group select,.form-group textarea{background:#2a2a2a;border:2px solid #3a3a3a;border-radius:8px;color:#fff;font-size:16px;padding:12px 15px;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#61dafb;box-shadow:0 0 0 3px #61dafb1a;outline:none}.form-group input:disabled,.form-group select:disabled{cursor:not-allowed;opacity:.5}.form-group textarea{font-family:inherit;resize:vertical}.image-input-row{display:flex;gap:10px;margin-bottom:10px}.image-input-row input{flex:1 1}.remove-image-btn{background:#ff6b6bcc;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;height:40px;transition:all .3s ease;width:40px}.remove-image-btn:hover{background:#ff6b6b;transform:scale(1.1)}.add-image-btn{background:#61dafb33;border:2px dashed #61dafb;border-radius:8px;color:#61dafb;cursor:pointer;font-size:14px;margin-top:10px;padding:10px 20px;transition:all .3s ease}.add-image-btn:hover{background:#61dafb4d;border-style:solid}.drop-zone{background:#61dafb0d;border:3px dashed #3a3a3a;border-radius:12px;cursor:pointer;margin-bottom:20px;padding:40px 20px;text-align:center;transition:all .3s ease}.drop-zone.drag-active{background:#61dafb26;border-color:#61dafb;transform:scale(1.02)}.drop-zone:hover{background:#61dafb1a;border-color:#61dafb}.file-label{cursor:pointer;display:block}.file-label p{color:#61dafb;font-size:18px;font-weight:600;margin:0 0 10px}.file-label span{color:#999;font-size:14px}.uploaded-images-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-bottom:20px;margin-top:20px}.uploaded-image-item{aspect-ratio:1;border:2px solid #3a3a3a;border-radius:8px;overflow:hidden;position:relative;transition:all .3s ease}.uploaded-image-item:hover{border-color:#61dafb;transform:scale(1.05)}.uploaded-image-item img{height:100%;object-fit:cover;width:100%}.remove-uploaded-btn{align-items:center;background:#ff6b6be6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;opacity:0;position:absolute;right:8px;top:8px;transition:all .3s ease;width:28px}.uploaded-image-item:hover .remove-uploaded-btn{opacity:1}.remove-uploaded-btn:hover{background:#ff6b6b;transform:scale(1.1)}.image-number{background:#61dafbe6;border-radius:4px;bottom:8px;color:#fff;font-size:12px;font-weight:700;left:8px;padding:4px 8px;position:absolute}.urls-section{margin-bottom:15px}.urls-section label{display:block;margin-bottom:10px}.manual-urls-section,.upload-section{background:#61dafb0d;border:1px solid #3a3a3a;border-radius:8px;margin-top:15px;padding:15px}.manual-urls-section summary,.upload-section summary{color:#61dafb;cursor:pointer;font-weight:600;margin-bottom:15px;-webkit-user-select:none;user-select:none}.manual-urls-section summary:hover,.upload-section summary:hover{color:#4fa8c5}.form-actions{border-top:2px solid #3a3a3a;display:flex;gap:15px;justify-content:flex-end;margin-top:20px;padding-top:20px}.cancel-btn,.submit-btn{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;padding:12px 30px;transition:all .3s ease}.cancel-btn{background:#3a3a3a;color:#fff}.cancel-btn:hover{background:#4a4a4a}.submit-btn{background:linear-gradient(135deg,#61dafb,#4fa8c5);color:#fff}.submit-btn:hover:not(:disabled){box-shadow:0 4px 15px #61dafb66;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.add-vehicle-container{margin:20px;padding:20px}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.cancel-btn,.submit-btn{width:100%}}.my-vehicles-page{background-color:#222;min-height:100vh}.my-vehicles-container{background-color:#222;margin:40px auto;max-width:1400px;padding:30px}.my-vehicles-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:40px}.my-vehicles-header h1{color:#61dafb;font-size:32px;margin:0}.back-button{background:#ff6b6bcc;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.back-button:hover{background:#ff6b6b;transform:translateX(-3px)}.add-new-btn{background:linear-gradient(135deg,#61dafb,#4fa8c5);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.add-new-btn:hover{box-shadow:0 4px 15px #61dafb66;transform:translateY(-2px)}.error-message{background:#ff6b6b33;border:2px solid #ff6b6bcc;border-radius:8px;color:#ff6b6b;margin-bottom:20px;padding:15px;text-align:center}.loading-message{color:#61dafb;font-size:20px;padding:60px 20px;text-align:center}.empty-state{color:#999;padding:80px 20px;text-align:center}.empty-state p{font-size:20px;margin-bottom:30px}.add-first-btn{background:linear-gradient(135deg,#61dafb,#4fa8c5);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;padding:15px 40px;transition:all .3s ease}.add-first-btn:hover{box-shadow:0 4px 15px #61dafb66;transform:translateY(-2px)}.vehicles-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.vehicle-card-wrapper{position:relative}.vehicle-actions{display:flex;gap:10px;margin-top:15px}.delete-btn,.edit-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.edit-btn{background:#61dafb33;border:2px solid #61dafb;color:#61dafb}.edit-btn:hover{background:#61dafb4d;transform:translateY(-2px)}.delete-btn{background:#ff6b6b33;border:2px solid #ff6b6b;color:#ff6b6b}.delete-btn:hover{background:#ff6b6b4d;transform:translateY(-2px)}@media (max-width:768px){.my-vehicles-container{margin:20px;padding:15px}.my-vehicles-header{align-items:stretch;flex-direction:column}.my-vehicles-header h1{order:1;text-align:center}.back-button{order:0}.add-new-btn{order:2}.vehicles-grid{grid-template-columns:1fr}}.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.4ebac303.css.map*/