:root{--bg:#08090a;--black:#000;--panel:#0d0f11;--line:rgba(255,255,255,.11);--text:#f6f7f8;--muted:#8d9299;--blue:#4e70ff;--green:#25d366}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}a{text-decoration:none;color:inherit}header{height:82px;position:absolute;z-index:20;width:100%;padding:0 5%;display:flex;align-items:center;background:linear-gradient(#000b,transparent)}.brand{font-weight:800;letter-spacing:-.02em}.brand span{color:var(--blue)}nav{display:flex;gap:30px;margin-left:auto}nav a{font-size:13px;color:#a9adb2}.tools{display:flex;gap:10px;margin-left:28px}.tools button{border:1px solid var(--line);background:#0005;color:#fff;border-radius:22px;padding:0 17px}.pill{border:0;border-radius:28px;min-height:46px;padding:0 23px;display:inline-flex;align-items:center;justify-content:center;font-weight:650;cursor:pointer}.blue{background:var(--blue)}.green{background:var(--green);color:#06170b}.glass{background:#ffffff0b;border:1px solid var(--line)}.hero{min-height:860px;position:relative;background:linear-gradient(90deg,#020407dd,#02040777 55%,#02040740),url("https://upload.wikimedia.org/wikipedia/commons/4/43/De_noche_en_Paseo_de_la_Reforma.JPG") center/cover}.heroShade{position:absolute;inset:0;background:linear-gradient(0deg,var(--bg),transparent 48%)}.heroText{position:relative;padding:175px 6% 120px;max-width:1050px}.eyebrow{font-size:12px;letter-spacing:.1em;color:var(--blue);font-weight:700}.hero h1{font-size:clamp(54px,6.4vw,94px);line-height:.99;letter-spacing:-.065em;margin:18px 0 25px}.heroText p{font-size:18px;color:#d3d5d8;max-width:720px;line-height:1.7}.heroBtns{display:flex;gap:11px;margin-top:30px;flex-wrap:wrap}.quick{position:absolute;z-index:3;left:6%;right:6%;bottom:35px;border:1px solid var(--line);background:#090b0ddd;backdrop-filter:blur(14px);border-radius:22px;padding:22px 25px;display:flex;align-items:center;justify-content:space-between}.quick span{display:block;color:var(--blue);font-size:12px}.quick b{font-size:14px}.section{padding:110px 6%}.black{background:#000}.section h2{font-size:clamp(44px,5vw,70px);line-height:1.02;letter-spacing:-.06em;margin:10px 0 24px}.intro{display:grid;grid-template-columns:1fr 1fr;gap:70px}.intro p{color:#aeb2b7;font-size:20px;line-height:1.75}.center{text-align:center;max-width:850px;margin:0 auto 50px}.center p{color:var(--muted)}.fleetGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.vehicle{border:1px solid var(--line);border-radius:20px;background:linear-gradient(150deg,#13161a,#090a0b);padding:20px;min-height:320px;display:flex;flex-direction:column}.vehicle .type{font-size:11px;color:var(--blue);text-transform:uppercase}.vehicle h3{font-size:17px;margin:8px 0 0}.vehicle .img{height:150px;display:flex;align-items:center;justify-content:center;margin:12px -8px}.vehicle img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 18px #000)}.vehicle p{font-size:12px;color:var(--muted);margin-top:auto}.vehicle a{color:var(--blue);font-size:12px}.serviceGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:45px}.service{padding:28px;border:1px solid var(--line);border-radius:21px;background:#0d0f11}.service i{font-style:normal;font-size:28px}.service h3{font-size:22px}.service p,.service li{color:var(--muted);line-height:1.6}.quoteSection{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.quoteIntro p{color:var(--muted);line-height:1.7}.routeInfo{border:1px solid var(--line);border-radius:20px;padding:22px;background:#0d0f11;margin-top:28px}.routeInfo b,.routeInfo span{display:block}.routeInfo b{color:var(--blue);font-size:12px;margin-top:12px}.routeInfo span{font-size:13px;color:#bbb;margin-top:5px}form{border:1px solid var(--line);border-radius:22px;background:#0d0f11;padding:28px}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.field label{display:block;color:#92969d;font-size:12px;margin-bottom:7px}.field input,.field select{width:100%;height:50px;background:#050607;color:#fff;border:1px solid var(--line);border-radius:26px;padding:0 15px}.priceBox{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:19px 0;margin:22px 0}.priceBox span,.priceBox small{display:block}.priceBox span{font-size:12px;color:#aaa}.priceBox small{font-size:10px;color:#666;margin-top:4px}.priceBox strong{font-size:27px;color:var(--blue)}.full{width:100%}.fine{display:block;color:#666;text-align:center;margin-top:12px;line-height:1.5}.contact{display:flex;align-items:center;justify-content:space-between;gap:50px}.contact>div{max-width:800px}.contact p{color:var(--muted)}.floatWa{position:fixed;z-index:40;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;background:var(--green);color:#06170b;display:grid;place-items:center;font-weight:800;box-shadow:0 12px 35px #000a}footer{height:80px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);color:#74787e;font-size:12px}@media(max-width:1100px){.fleetGrid{grid-template-columns:repeat(2,1fr)}.quoteSection,.intro{grid-template-columns:1fr}nav{display:none}}@media(max-width:650px){header{padding:0 20px}.tools .blue{display:none}.heroText{padding:135px 20px 160px}.hero h1{font-size:48px}.quick{left:20px;right:20px;bottom:25px;display:block}.quick .pill{margin-top:14px;width:100%}.section{padding:75px 20px}.fleetGrid,.serviceGrid,.twocol{grid-template-columns:1fr}.contact{align-items:flex-start;flex-direction:column}.contact .pill{width:100%}footer{height:auto;padding:25px 20px;flex-direction:column;gap:8px}.heroBtns .pill{width:100%}}
/* v4 Premium visual refinements */
header{position:fixed;background:linear-gradient(180deg,rgba(0,0,0,.88),rgba(0,0,0,.38),transparent);transition:.25s ease}
.logoBrand{width:132px;height:64px;display:flex;align-items:center}
.logoBrand img{display:block;width:100%;height:58px;object-fit:contain;filter:drop-shadow(0 7px 13px #000)}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 30%,rgba(45,103,255,.13),transparent 35%);pointer-events:none}
.heroEyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(0,0,0,.28);backdrop-filter:blur(10px)}
.dot{width:7px;height:7px;border-radius:50%;background:#25d366;box-shadow:0 0 14px #25d366}
.trust{display:flex;gap:8px;flex-wrap:wrap;margin-top:27px}
.trust span{font-size:11px;color:#c9ccd0;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.25);border-radius:999px;padding:7px 11px}
.vehicle{overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.vehicle:hover{transform:translateY(-5px);border-color:rgba(78,112,255,.55);box-shadow:0 22px 60px rgba(0,0,0,.35)}
.vehicle .img{height:175px;background:radial-gradient(circle at 50% 65%,rgba(78,112,255,.13),transparent 58%);border-radius:16px}
.vehicle img{transition:transform .3s ease}.vehicle:hover img{transform:scale(1.045)}
.service{transition:.25s ease}.service:hover{transform:translateY(-4px);border-color:rgba(78,112,255,.45)}
form{box-shadow:0 30px 80px rgba(0,0,0,.35)}
.priceBox{background:linear-gradient(90deg,rgba(78,112,255,.08),transparent);padding-left:15px;padding-right:15px;border-radius:14px}
.footerBrand{display:flex;align-items:center;gap:12px}.footerBrand img{width:64px;height:40px;object-fit:contain}
@media(max-width:650px){.logoBrand{width:102px}.logoBrand img{height:50px}.trust{margin-top:20px}.hero{background-position:58% center}.vehicle .img{height:190px}}

/* v4.2 RESTAURADA: conserva el estilo v4 y corrige únicamente cabecera/hero */
header{height:82px!important;display:flex!important;align-items:center!important;padding:0 5%!important}
.logoBrand{width:92px!important;height:52px!important;flex:0 0 92px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;margin:0!important}
.logoBrand img{display:block!important;width:92px!important;height:52px!important;max-width:92px!important;max-height:52px!important;object-fit:contain!important;margin:0!important}
.hero{
 min-height:860px!important;
 background-image:
 linear-gradient(90deg,rgba(2,4,7,.86),rgba(2,4,7,.55) 55%,rgba(2,4,7,.30)),
 url("https://upload.wikimedia.org/wikipedia/commons/4/43/De_noche_en_Paseo_de_la_Reforma.JPG")!important;
 background-size:cover!important;
 background-position:center center!important;
 background-repeat:no-repeat!important;
}
@media(max-width:650px){
 .logoBrand{width:76px!important;height:48px!important;flex-basis:76px!important}
 .logoBrand img{width:76px!important;height:44px!important;max-width:76px!important;max-height:44px!important}
 .hero{background-position:58% center!important}
}

/* v5 */
.serviceMode{margin-top:2px}.trafficNotice{margin:-2px 0 16px;padding:11px 14px;border:1px solid rgba(255,190,60,.28);background:rgba(255,190,60,.055);color:#ffd98e;border-radius:12px;font-size:12px}.hourlyOnly[hidden]{display:none!important}

/* v5.3 - botón Reservar visible y recargo de tráfico en traslados */
.reserveTop{white-space:nowrap}
@media(max-width:650px){
  header .tools{display:flex!important;align-items:center!important;gap:9px!important;margin-left:auto!important}
  header .tools .reserveTop{display:inline-flex!important;padding:9px 13px!important;font-size:11px!important;min-height:36px!important}
  header #lang{min-width:48px!important}
}

/* v5.4 PWA */
.installApp{padding:70px 5%;background:linear-gradient(135deg,rgba(25,75,210,.13),rgba(0,0,0,.2));border-top:1px solid rgba(255,255,255,.08)}
.installInner{max-width:1180px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:30px;padding:30px;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:rgba(8,10,14,.8)}
.installInner h2{font-size:clamp(30px,4vw,54px);margin:12px 0}.installInner p{color:#b8bdc7;max-width:650px}
.installActions{display:flex;gap:10px;flex-wrap:wrap}.installActions button{cursor:pointer}
.installModal{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.78);backdrop-filter:blur(10px);padding:20px;display:grid;place-items:center}
.installModal[hidden]{display:none}.installDialog{width:min(560px,100%);position:relative;background:#0c0f14;border:1px solid rgba(255,255,255,.14);border-radius:22px;padding:28px;box-shadow:0 30px 100px #000}
.modalClose{position:absolute;right:16px;top:12px;border:0;background:none;color:#fff;font-size:30px;cursor:pointer}.installTabs{display:flex;gap:8px;margin:22px 0 15px}
.installTab{border:1px solid rgba(255,255,255,.14);background:#11151c;color:#fff;padding:10px 15px;border-radius:999px;cursor:pointer}.installTab.active{background:#2868ff}
.installHelpPanel{color:#c7cbd3;line-height:1.75}.modalOpen{overflow:hidden}
@media(max-width:700px){.installInner{display:block}.installActions{margin-top:22px}.installActions button{width:100%}}
