*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;overflow-x:hidden;scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;width:100%}#root{width:100%;overflow-x:hidden}.navbar{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:15px 50px;background:#8a878777;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;box-shadow:0 2px 15px #0000004d;transition:all .3s ease}.navbar-logo{display:flex;align-items:center;gap:12px;text-decoration:none}.logo-img{height:45px;width:auto;filter:brightness(1.1);transition:height .3s ease}.logo-text{font-size:1.3rem;font-weight:800;color:#fff;letter-spacing:1px;white-space:nowrap;transition:font-size .3s ease}.navbar-menu{display:flex;list-style:none;gap:35px;margin:0;padding:0}.navbar-menu li a{color:#fff;text-decoration:none;font-weight:600;font-size:1rem;transition:color .3s ease;position:relative}.navbar-menu li a:hover{color:#ffc107}.navbar-menu li a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:#ffc107;transition:width .3s ease}.navbar-menu li a:hover:after{width:100%}.btn-cotizar{background:#ffc107;color:#1a1a1a;padding:10px 25px;border-radius:25px;font-weight:700;font-size:.95rem;border:none;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.btn-cotizar:hover{background:#ffd54f;transform:scale(1.05);box-shadow:0 5px 15px #ffc10766}@media (max-width: 900px){.navbar{padding:12px 20px}.navbar-menu{display:none}}@media (max-width: 480px){.navbar{padding:10px 12px}.navbar-logo{gap:6px}.logo-img{height:32px}.logo-text{font-size:.95rem}.logo-text span{display:none}.btn-cotizar{padding:8px 12px;font-size:.75rem;letter-spacing:0}}@media (max-width: 370px){.navbar{padding:8px}.logo-text{font-size:.85rem}.btn-cotizar{padding:6px 10px;font-size:.7rem}}.hero{background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:fixed;position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:80px 20px;border-bottom:6px solid #FFC107}.hero:before{content:"";position:absolute;inset:0;background:#0006;z-index:1}.hero-content{position:relative;z-index:2;color:#fff;max-width:900px;padding:20px}.hero-subtitle{font-size:1.2rem;font-weight:600;margin-bottom:20px;text-transform:uppercase;letter-spacing:2px;color:#ffc107;text-shadow:2px 2px 8px rgba(0,0,0,.8)}.hero-title{font-size:3.5rem;font-weight:800;margin-bottom:25px;text-shadow:3px 3px 12px rgba(0,0,0,.9);letter-spacing:-1px;line-height:1.2;background:#ffffff1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:15px;padding:20px 40px;display:inline-block}.hero-description{font-size:1.3rem;margin-bottom:40px;line-height:1.6;text-shadow:2px 2px 8px rgba(0,0,0,.8);background:#0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:20px 30px;display:inline-block}.btn-solicitar{background:#ffc107;color:#1a1a1a;padding:16px 40px;border-radius:30px;font-weight:700;font-size:1.1rem;border:none;cursor:pointer;box-shadow:0 8px 25px #ffc10766;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.btn-solicitar:hover{background:#ffd54f;transform:translateY(-3px) scale(1.05);box-shadow:0 12px 35px #ffc10799}.btn-solicitar:active{transform:translateY(-1px) scale(1.02)}@media (max-width: 768px){.hero{background-attachment:scroll;min-height:80vh;padding:60px 15px}.hero-subtitle{font-size:.9rem;letter-spacing:1px}.hero-title{font-size:2.2rem;padding:15px 25px;letter-spacing:-.5px}.hero-description{font-size:1.05rem;padding:15px 20px}.btn-solicitar{font-size:1rem;padding:14px 30px}}@media (max-width: 480px){.hero{min-height:70vh}.hero-title{font-size:1.8rem;padding:12px 20px}.hero-description{font-size:.95rem;padding:12px 15px}}.services{width:100%}.services-hero{background-size:cover;background-position:center center;background-repeat:no-repeat;background-image:url(/assets/imagen-fondo-servicio-cvXu2hO0.jpg);background-attachment:fixed;position:relative;min-height:80vh;padding:60px 0 80px;border-bottom:4px solid #FFC107}.services-hero:before{content:"";position:absolute;inset:0;background:#0000004d;z-index:1}.services-hero-inner{max-width:1200px;margin:0 auto;padding:0 20px;text-align:center;position:relative;z-index:2}.services-title{font-size:3.5rem;color:#fff;font-weight:800;margin-bottom:50px;text-align:center;text-shadow:3px 3px 12px rgba(0,0,0,.9);letter-spacing:-1px;background:#ffffff1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:inline-block;padding:15px 30px;border-radius:15px}.services-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:60px 120px;max-width:800px;margin:0 auto;justify-items:center;align-items:center;position:relative;z-index:2}.service-card{background:#ffffff40;backdrop-filter:blur(15px) saturate(180%);-webkit-backdrop-filter:blur(15px) saturate(180%);border:2px solid rgba(255,193,7,.5);border-radius:20px;padding:30px 25px;text-align:center;cursor:pointer;transition:all .3s ease;width:100%;max-width:220px;position:relative;box-shadow:0 8px 32px #0000004d}.service-card:hover{background:#ffffff59;border-color:#ffc107cc;box-shadow:0 16px 40px #0006;transform:translateY(-10px) scale(1.06)}.service-card.active{background:#fffffffa;border-color:#ffc107;box-shadow:0 12px 40px #ffc10780}.service-card.active h3{color:#1a1a1a!important;text-shadow:none!important}.service-icon-wrapper{margin-bottom:20px;display:flex;justify-content:center;align-items:center;height:120px}.service-icon-img{width:120px;height:120px;object-fit:contain;filter:none;transition:filter .3s ease,transform .3s ease}.service-card:hover .service-icon-img{filter:drop-shadow(0 0 8px rgba(255,193,7,.5));transform:scale(1.1)}.service-card h3{font-weight:800;font-size:1.2rem;margin:10px 0 6px;color:#fff;text-shadow:2px 2px 8px rgba(0,0,0,.9);letter-spacing:.3px;line-height:1.2}.fleet-count{font-size:.9rem;font-style:italic;font-weight:600;color:#f5f5f5;text-shadow:1px 1px 4px rgba(0,0,0,.8)}.fleet-gallery{max-height:0;overflow:hidden;transition:max-height .5s ease;background-image:url(/assets/imagen-fondo-servicio-cvXu2hO0.jpg);background-size:cover;background-position:center;background-attachment:fixed;border-bottom:4px solid #FFC107;position:relative;scroll-margin-top:100px}.fleet-gallery:before{content:"";position:absolute;inset:0;background:#000c;z-index:0;pointer-events:none}.fleet-gallery.active{max-height:12000px;padding:60px 0}.gallery-header{max-width:1200px;margin:0 auto 40px;padding:0 20px 30px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid rgba(255,193,7,.6);position:relative;z-index:1}.gallery-header h3{font-size:2rem;color:#fff;margin:0;text-shadow:2px 2px 12px rgba(0,0,0,.9);font-weight:800;letter-spacing:.5px}.close-gallery{background:#ffc107f2;color:#1a1a1a;border:none;width:45px;height:45px;border-radius:50%;cursor:pointer;font-size:1.3rem;font-weight:700;transition:all .3s ease;box-shadow:0 4px 12px #0006}.close-gallery:hover{background:#ffc107;transform:rotate(90deg) scale(1.1);box-shadow:0 6px 20px #ffc10780}.fleet-grid{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:35px;position:relative;z-index:1}.fleet-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 10px 30px #00000080;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;border:2px solid rgba(255,193,7,.3)}.fleet-card:hover{transform:translateY(-8px);box-shadow:0 16px 40px #ffc10766,0 10px 30px #0009;border-color:#ffc107e6}.fleet-image{position:relative;height:200px;background:#f8f8f8;display:flex;align-items:center;justify-content:center;padding:15px}.fleet-image img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}.status-badge{position:absolute;top:10px;right:10px;padding:5px 10px;border-radius:15px;font-size:.8rem;font-weight:700}.status-badge.available{background:#4caf50;color:#fff}.status-badge.unavailable{background:#ff9800;color:#fff}.fleet-info{padding:22px;flex:1;display:flex;flex-direction:column}.fleet-info h4{font-size:1.25rem;color:#1a1a1a;margin:0 0 15px;font-weight:800;line-height:1.3}.fleet-specs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.fleet-specs span{background:linear-gradient(135deg,#ffc107,#ffd54f);padding:7px 13px;border-radius:20px;font-size:.8rem;color:#1a1a1a;font-weight:700;box-shadow:0 2px 6px #00000026;transition:transform .2s ease}.fleet-specs span:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}.fleet-actions{display:flex;gap:10px;margin-top:auto}.btn-quote,.btn-whatsapp-mini{padding:10px 18px;border-radius:8px;text-decoration:none;font-weight:700;font-size:.9rem;text-align:center;flex:1;transition:all .3s ease;border:none;cursor:pointer}.btn-quote{background:#2c2c2c;color:#fff}.btn-quote:hover{background:#ffc107;color:#1a1a1a;transform:translateY(-2px);box-shadow:0 4px 12px #ffc10766}.btn-whatsapp-mini{background:#25d366;color:#fff}.btn-whatsapp-mini:hover{background:#128c7e;transform:translateY(-2px);box-shadow:0 4px 12px #25d36666}@media (max-width: 768px){.services-hero{min-height:70vh;padding:40px 0 60px;background-attachment:scroll}.services-title{font-size:2rem;padding:15px 20px;width:90%;max-width:350px;margin-left:auto;margin-right:auto;white-space:normal;line-height:1.2}.services-grid{grid-template-columns:1fr;gap:30px;max-width:280px;margin:0 auto}.fleet-grid{grid-template-columns:1fr;gap:25px}.gallery-header{flex-direction:column;gap:15px;text-align:center}.gallery-header h3{font-size:1.6rem}.fleet-gallery:before{background:#000000d9}}@media (max-width: 480px){.service-card{width:100%;max-width:none;padding:20px 15px;display:flex;flex-direction:column;align-items:center;justify-content:center}.service-icon-wrapper{height:90px;margin-bottom:15px}.service-icon-img{width:90px;height:90px}.service-card h3{font-size:1.1rem;letter-spacing:.5px;margin:0}.fleet-info h4{font-size:1.1rem}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.whatsapp-float{animation:pulse 2s infinite}.contact{width:100%}.contact-hero{background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:fixed;position:relative;min-height:100vh;padding:80px 0;border-bottom:2px solid #FFC107}.contact-hero:before{content:"";position:absolute;inset:0;background:#000000a6;z-index:1}.contact-hero-inner{max-width:1200px;margin:0 auto;padding:0 20px 40px;text-align:center;position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:15px}.contact-title{font-size:3.5rem;color:#fff;font-weight:800;margin-bottom:0;text-shadow:3px 3px 12px rgba(0,0,0,.9);letter-spacing:-1px;background:#ffffff1a;backdrop-filter:blur(15px) saturate(150%);-webkit-backdrop-filter:blur(15px) saturate(150%);border:1px solid rgba(255,255,255,.25);border-radius:20px;padding:20px 40px;display:inline-block;box-shadow:0 8px 32px #0000004d;width:auto}.contact-subtitle{font-size:1.2rem;color:#fff;margin-top:0;text-shadow:2px 2px 8px rgba(0,0,0,.9);font-weight:400;background:#ffffff14;backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border:1px solid rgba(255,255,255,.2);border-radius:15px;padding:12px 30px;display:inline-block;box-shadow:0 4px 20px #00000040;width:auto;max-width:90%}.contact-content{position:relative;z-index:2}.contact-container{max-width:1200px;margin:0 auto;padding:0 20px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.form-section,.info-section{width:100%}.form-card,.info-card{background:#ffffff1f;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.3);border-radius:20px;padding:25px;box-shadow:0 8px 32px #0006;position:relative}.form-title{font-size:1.5rem;color:#fff;margin-bottom:25px;text-align:center;font-weight:700;text-shadow:2px 2px 8px rgba(0,0,0,.5);background:#ffffff14;padding:12px;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.contact-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;color:#fff;font-size:.95rem;display:flex;align-items:center;gap:8px;text-shadow:1px 1px 4px rgba(0,0,0,.5)}.form-icon{font-size:1.1rem}.form-group input,.form-group textarea{padding:12px 15px;border:2px solid rgba(255,255,255,.3);background:#fffffff2;border-radius:10px;font-size:1rem;font-family:inherit;transition:all .3s ease;color:#333}.form-group input::placeholder,.form-group textarea::placeholder{color:#999}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#ffc107;background:#fff;box-shadow:0 0 0 3px #ffc10733}.form-group textarea{resize:vertical;min-height:100px}.form-buttons{display:flex;flex-direction:column;gap:12px;margin-top:10px}.btn-quote-main,.btn-whatsapp-main{padding:14px 25px;border-radius:8px;font-weight:700;font-size:1rem;text-align:center;text-decoration:none;border:none;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px}.btn-quote-main{background:#333;color:#fff}.btn-quote-main:hover{background:#555;transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.btn-whatsapp-main{background:#25d366;color:#fff}.btn-whatsapp-main:hover{background:#128c7e;transform:translateY(-2px);box-shadow:0 5px 15px #25d36666}.info-card{margin-bottom:25px}.info-item{margin-bottom:30px;padding-bottom:25px;border-bottom:1px solid rgba(255,255,255,.2)}.info-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.info-item h3{font-size:1.3rem;color:#fff;margin-bottom:12px;font-weight:700;text-shadow:2px 2px 6px rgba(0,0,0,.5)}.info-item p{color:#f0f0f0;line-height:1.8;margin-bottom:10px;font-size:.95rem;text-shadow:1px 1px 3px rgba(0,0,0,.5)}.info-item strong{color:#fff;font-weight:700}.info-item a{color:#ffc107;text-decoration:none;font-weight:600;transition:color .3s ease;text-shadow:1px 1px 3px rgba(0,0,0,.5)}.info-item a:hover{color:#ffd54f;text-decoration:underline}.emergency-note{background:#ffc10740;padding:12px 15px;border-radius:8px;border-left:4px solid #FFC107;margin-top:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.emergency-note strong{color:#fff}.map-card{padding:15px;overflow:hidden;background:#ffffff26;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.3)}.map-card iframe{width:100%;height:300px;border:none;border-radius:12px}.contact-footer{background:#1a1a1a;color:#fff;padding:40px 20px;text-align:center}.footer-container{max-width:1200px;margin:0 auto}.footer-content{display:flex;flex-direction:column;gap:20px}.footer-brand h3{font-size:1.5rem;margin-bottom:10px;color:#ffc107}.footer-brand p{color:#ccc;font-size:.95rem}.footer-contact p{color:#999;font-size:.9rem;margin:5px 0}.footer-contact a{color:#ffc107;text-decoration:none;margin:0 5px;transition:color .3s ease}.footer-contact a:hover{color:#ffd54f;text-decoration:underline}.whatsapp-float{position:fixed;bottom:30px;right:30px;background:#25d366;color:#fff;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 20px #25d36680;z-index:999;text-decoration:none;transition:all .3s ease;overflow:hidden}.whatsapp-float:hover{width:180px;border-radius:30px;background:#128c7e;box-shadow:0 8px 30px #25d366b3}.whatsapp-icon{font-size:1.8rem;transition:all .3s ease}.whatsapp-text{position:absolute;right:20px;opacity:0;font-weight:700;font-size:.95rem;transition:all .3s ease;white-space:nowrap}.whatsapp-float:hover .whatsapp-icon{transform:translate(-50px)}.whatsapp-float:hover .whatsapp-text{opacity:1}@media (max-width: 968px){.contact-grid{grid-template-columns:1fr;gap:30px}.contact-hero{background-attachment:scroll;min-height:auto;padding:60px 0}.contact-hero-inner{gap:12px}.contact-title{font-size:2.5rem;padding:15px 25px}.contact-subtitle{font-size:1rem;padding:10px 20px;max-width:95%}.form-card,.info-card{padding:20px}}@media (max-width: 480px){.contact-hero-inner{gap:10px}.contact-title{font-size:2rem;padding:12px 20px}.contact-subtitle{font-size:.9rem;padding:8px 15px;max-width:100%}.whatsapp-float{width:55px;height:55px;bottom:20px;right:20px}.whatsapp-icon{font-size:1.5rem}}.App{min-height:100vh;width:100%;overflow-x:hidden}
