/* Versión 3: identidad oscura, hero integrado y contenido consolidado */
.site-header{background:rgba(4,21,32,.96);border-bottom:1px solid rgba(255,255,255,.1)}
.site-header .brand img{width:66px;height:58px;border-radius:0;object-fit:contain}
.site-header .brand strong{color:#fff}
.site-header .brand small{color:#a9c2cc}
.site-header .nav>a:not(.button){color:#d7e6eb}
.site-header .nav>a:not(.button):hover{color:#73e0dd}
.site-header .menu-toggle{border:1px solid rgba(255,255,255,.22);background:transparent}
.hero-integrated{min-height:760px;background-image:linear-gradient(90deg,rgba(4,21,32,.97) 0%,rgba(4,21,32,.88) 43%,rgba(4,21,32,.34) 72%,rgba(4,21,32,.18) 100%),url('instalaciones-web-actual.png');background-size:cover;background-position:center right;padding:115px 0 95px}
.hero-integrated:before{display:none}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 65%,rgba(4,21,32,.45));pointer-events:none}
.hero-integrated .hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(260px,.55fr);gap:60px}
.hero-integrated .hero-copy{max-width:790px}
.hero-integrated .hero-copy>p{max-width:700px}
.hero-integrated h1{font-size:clamp(3.2rem,5.6vw,5.75rem);max-width:920px}
.hero-data{align-self:end;display:grid;gap:12px;margin-bottom:25px}
.hero-data>div{display:grid;padding:18px 20px;border:1px solid rgba(255,255,255,.18);border-radius:15px;background:rgba(4,21,32,.7);backdrop-filter:blur(12px)}
.hero-data span{color:#6fe1dd;font-size:.68rem;font-weight:900;letter-spacing:.14em}
.hero-data strong{font-size:.92rem;margin:4px 0 2px}
.hero-data small{color:#adc2cb;font-size:.67rem}
.fleet-types{grid-template-columns:repeat(5,minmax(0,1fr))}
.vehicle{padding:0 18px 22px;overflow:hidden}
.vehicle-photo{height:145px;margin:0 -18px 20px;background:linear-gradient(145deg,#d9e9ec,#f0f6f7);border-bottom:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#617c86}
.vehicle-photo:before{content:"+";display:grid;place-items:center;width:36px;height:36px;border:1px solid #95adb5;border-radius:50%;font-size:1.2rem;margin-bottom:7px}
.vehicle-photo span{font-size:.71rem;font-weight:800}
.vehicle-photo small{font-size:.58rem;color:#839ba4;margin-top:3px}
.clients{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.clients-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;align-items:center}
.clients-copy h2{font-size:clamp(2.2rem,3.6vw,3.45rem);line-height:1.05;letter-spacing:-.045em;color:var(--navy);margin:14px 0 22px}
.clients-copy p{color:var(--muted)}
.logo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.logo-slot{min-height:125px;border:1px dashed #b8cbd1;border-radius:16px;background:#f7fafb;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#69828c}
.logo-slot span{font-weight:800;font-size:.78rem}
.logo-slot small{font-size:.64rem;margin-top:3px}
.footer .brand img{width:94px;height:82px;border-radius:0;object-fit:contain}
.footer .brand strong{font-size:1.1rem}
.footer-bottom{align-items:center;gap:20px;flex-wrap:wrap}
.neox-credit{color:#70dfdc;font-weight:800;margin-left:auto}
.neox-credit:hover{color:#fff}
@media(max-width:980px){.site-header .nav{background:#071b2b;border-color:rgba(255,255,255,.12)}.hero-integrated{min-height:auto;background-image:linear-gradient(90deg,rgba(4,21,32,.97),rgba(4,21,32,.66)),url('instalaciones-web-actual.png');background-position:62% center}.hero-integrated .hero-grid{grid-template-columns:1fr}.hero-data{grid-template-columns:1fr 1fr;max-width:680px}.fleet-types{grid-template-columns:repeat(2,1fr)}.clients-layout{grid-template-columns:1fr;gap:35px}}
@media(max-width:640px){.site-header .brand img{width:57px;height:50px}.site-header .brand span{display:none}.hero-integrated{padding:85px 0 70px;background-image:linear-gradient(180deg,rgba(4,21,32,.96) 0%,rgba(4,21,32,.76) 60%,rgba(4,21,32,.68) 100%),url('instalaciones-web-actual.png');background-position:64% center}.hero-integrated h1{font-size:2.72rem}.hero-data,.fleet-types,.logo-grid{grid-template-columns:1fr}.vehicle-photo{height:190px}.footer .brand span{display:grid}.neox-credit{margin-left:0;width:100%}}