@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
:root{--primary-blue:#000;--accent-orange:#f39c12;--bg-light:#fff;--bg-secondary:#f5f5f7;--text-dark:#1d1d1f;--text-light:#fff;--border-color:#e5e5ea;--card-bg:#fff}[data-theme=dark]{--primary-blue:#fff;--bg-light:#000;--bg-secondary:#1c1c1e;--text-dark:#f5f5f7;--text-light:#000;--border-color:#333336;--card-bg:#111}*{box-sizing:border-box;margin:0;padding:0}input,select,textarea,button{box-sizing:border-box!important}html,body{background-color:var(--bg-light);color:var(--text-dark);-webkit-text-size-adjust:100%;width:100%;font-family:Inter,sans-serif;transition:background-color .3s,color .3s;overflow-x:hidden}.header{background:var(--bg-light);color:var(--text-dark);border-bottom:1px solid var(--border-color);z-index:100;justify-content:space-between;align-items:center;padding:20px 5%;display:flex;position:sticky;top:0}.logo{color:var(--text-dark);letter-spacing:-.5px;font-size:1.5rem;font-weight:800;text-decoration:none}.logo span{color:var(--accent-orange)}.nav{align-items:center;gap:30px;display:flex}.nav a{color:var(--text-dark);opacity:.8;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s}.nav a:hover{opacity:1;color:var(--accent-orange)}.whatsapp-nav-btn{background:var(--text-dark);border-radius:6px;padding:10px 20px;font-weight:600;color:var(--text-light)!important;opacity:1!important}.whatsapp-nav-btn:hover{background:var(--accent-orange);color:#fff!important}.whatsapp-float{color:#fff;z-index:1000;background-color:#25d366;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:transform .3s;display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 10px 20px #25d3664d}.whatsapp-float:hover{transform:scale(1.1)rotate(-5deg)}.hero{text-align:left;background-position:50%;background-size:cover;justify-content:flex-start;align-items:flex-end;height:75vh;padding:5% 5% 10%;display:flex;position:relative}.hero-overlay{background:linear-gradient(#0000001a,#000c);position:absolute;inset:0}.hero-content{z-index:2;color:#fff;max-width:800px;position:relative}.hero-content h1{letter-spacing:-1.5px;margin-bottom:15px;font-size:4rem;font-weight:700;line-height:1.1}.hero-content p{opacity:.9;font-size:1.3rem;font-weight:400}.booking-bar-wrapper{z-index:10;max-width:1200px;margin:-40px auto 60px;padding:0 20px;position:relative}.booking-bar{background:var(--bg-light);border:1px solid var(--border-color);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px;display:flex;box-shadow:0 10px 40px #00000014}.booking-field{border-right:1px solid var(--border-color);flex:1;align-items:center;gap:15px;min-width:180px;padding:10px 20px;display:flex}.booking-field:last-of-type{border-right:none}.booking-field .field-icon{color:var(--text-dark);opacity:.5;flex-shrink:0}.booking-field-content{flex-direction:column;width:100%;display:flex}.booking-field label{color:var(--text-dark);opacity:.6;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:.7rem;font-weight:600}.booking-field select,.booking-field input{color:var(--text-dark);cursor:pointer;background:0 0;border:none;outline:none;width:100%;padding:0;font-size:1rem;font-weight:600}.field-250{background:#00000008;flex:250px}.field-200{background:#00000008;flex:200px}.field-350{background:#00000008;flex:350px}.field-120{background:#00000008;flex:0 120px}.field-150-no-border{background:#00000008;flex:0 150px;border-right:none!important}.field-150-btn{flex:150px}.transfer-fields-wrapper{flex-wrap:wrap;flex:600px;gap:15px;display:flex}.price-display-block{color:#fff;background:#0f172a;border-radius:12px;flex-direction:column;flex:250px;justify-content:center;align-items:center;padding:20px;display:flex}.btn-search{background:var(--text-dark);color:var(--text-light);cursor:pointer;border:none;border-radius:8px;height:auto;padding:18px 40px;font-size:1rem;font-weight:600;transition:all .2s}.btn-search:hover{opacity:.8}.fleet-section{max-width:1400px;margin:0 auto;padding:60px 5% 100px}.section-title{text-align:center;color:var(--text-dark);letter-spacing:-1px;margin-bottom:50px;font-size:2.2rem;font-weight:700}.fleet-grid{flex-wrap:wrap;justify-content:center;gap:40px;display:flex}.car-card{background:var(--bg-light);border:1px solid var(--border-color);border-radius:12px;width:340px;max-width:100%;transition:all .3s;overflow:hidden}.car-card:hover{border-color:var(--text-dark);box-shadow:0 10px 30px #0000000d}.car-img-wrapper{background:var(--bg-secondary);justify-content:center;padding:40px 20px;display:flex;position:relative}.car-img{object-fit:contain;width:100%;height:180px}.badge-container{z-index:10;flex-direction:column;align-items:flex-start;gap:5px;display:flex;position:absolute;top:15px;left:15px}.badge-category{background:var(--text-dark);color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:4px 10px;font-size:.7rem;font-weight:600}.badge-equipment{background:var(--bg-light);color:var(--text-dark);text-transform:uppercase;border:1px solid var(--border-color);border-radius:4px;padding:4px 10px;font-size:.7rem;font-weight:600}.car-content{padding:25px}.car-class{color:var(--text-dark);opacity:.6;margin-bottom:5px;font-size:.8rem;font-weight:500}.car-title{color:var(--text-dark);letter-spacing:-.5px;margin-bottom:15px;font-size:1.3rem;font-weight:700}.car-specs{color:var(--text-dark);opacity:.8;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:25px;font-size:.85rem;display:grid}.spec-item{align-items:center;gap:8px;display:flex}.car-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-top:20px;padding-top:20px;display:flex}.price{color:var(--text-dark);font-size:1.2rem;font-weight:700}.price span{opacity:.6;font-size:.8rem;font-weight:400}.btn-book{background:var(--bg-secondary);color:var(--text-dark);border:1px solid var(--border-color);border-radius:6px;padding:8px 20px;font-size:.9rem;font-weight:600;transition:all .2s}.btn-book:hover{background:var(--text-dark);color:var(--text-light);border-color:var(--text-dark)}.car-detail-container{grid-template-columns:1.5fr 1fr;gap:40px;display:grid}.ReactModal__Overlay{opacity:0;transition:opacity .2s ease-in-out}.ReactModal__Overlay--after-open{opacity:1}.ReactModal__Overlay--before-close{opacity:0}.car-specs-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:40px;display:grid}.car-spec-box{background:var(--bg-light);border-radius:12px;align-items:center;gap:15px;padding:20px;display:flex}.mobile-menu-btn{display:none}.mobile-nav-dropdown{display:none!important}@media (max-width:900px){.header{padding:15px 5%}.desktop-nav{display:none!important}.mobile-controls{display:flex!important}.mobile-menu-btn{display:block}.mobile-nav-dropdown{display:none}.mobile-nav-dropdown.active{text-align:right;background:var(--bg-light);border-bottom:1px solid var(--border-color);z-index:99;flex-direction:column;align-items:stretch;gap:15px;padding:20px 8%;position:absolute;top:100%;left:0;right:0;box-shadow:0 10px 20px #0000000d;display:flex!important}.mobile-nav-dropdown a{color:var(--text-dark);font-size:1.1rem;font-weight:600;text-decoration:none}input,select,textarea{font-size:16px!important}.booking-bar{border-radius:12px;flex-direction:column;padding:20px}.booking-field,.transfer-fields-wrapper,.price-display-block{border-right:none;border-bottom:1px solid var(--border-color);width:100%;padding:15px 0;background:0 0!important;flex:none!important;height:auto!important;min-height:0!important}.price-display-block{border-bottom:none;margin-top:15px;background:#0f172a!important;padding:20px!important}.booking-field:last-of-type{border-bottom:none}.field-150-btn{width:100%;margin-top:15px;flex:none!important}.btn-search{width:100%;margin-top:15px}.hero-content h1{letter-spacing:-1px!important;font-size:2.2rem!important}.hero-content p{font-size:1.1rem!important}h1{letter-spacing:-.5px!important;font-size:2.2rem!important;line-height:1.2!important}h2{letter-spacing:-.5px!important;font-size:1.8rem!important;line-height:1.2!important}h3{letter-spacing:-.5px!important;font-size:1.4rem!important;line-height:1.3!important}section,.page-header{padding:40px 5%!important}img{max-width:100%;height:auto}.page-title{margin-bottom:10px!important;font-size:2.2rem!important}.page-subtitle{font-size:1rem!important}.fleet-grid{gap:25px}.car-card{width:100%}.car-specs-grid{grid-template-columns:1fr 1fr;gap:10px!important;margin-top:20px!important}.car-spec-box{text-align:center;justify-content:center;flex-direction:column!important;gap:5px!important;padding:12px 5px!important}.car-spec-box>div:first-child{width:35px!important;height:35px!important;font-size:1.2rem!important}.car-spec-box>div:last-child{font-size:.9rem!important}.car-footer{text-align:center;flex-direction:column;align-items:stretch;gap:15px;margin-top:15px;padding-top:15px}.price{font-size:1.5rem}.car-detail-container{grid-template-columns:1fr;gap:20px;margin:20px auto!important}.car-info-section>div,.reservation-section>div{padding:20px!important}}.custom-datepicker-wrapper{width:100%;display:block}.custom-datepicker-input{width:100%;color:var(--text-dark);cursor:pointer;background:0 0;border:none;outline:none;padding:0;font-size:1rem;font-weight:600}.react-datepicker-wrapper,.react-datepicker__input-container{width:100%;display:block}.detail-datepicker-input{border:1px solid var(--border-color)!important;background:var(--bg-light)!important;width:100%!important;color:var(--text-dark)!important;border-radius:8px!important;outline:none!important;padding:12px!important;font-family:inherit!important;font-size:1rem!important}
