@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;600;700;800&display=swap');:root{--navy:#0b2039;--blue:#124a85;--accent:#f2b33f;--muted:#eef3f7;--ink:#142438}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);line-height:1.65}h1,h2,h3,.brand{font-family:Manrope,Arial,sans-serif;line-height:1.18}h1{font-size:clamp(2.3rem,5.2vw,4.8rem);letter-spacing:-.04em;max-width:850px}h2{font-size:clamp(1.8rem,3vw,2.8rem);letter-spacing:-.025em}a{color:var(--blue)}header{background:#0b2039;color:white;position:sticky;top:0;z-index:4}header .inner{max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:18px 26px;gap:16px;flex-wrap:wrap}.brand{font-size:1.2rem;font-weight:800;letter-spacing:.07em;color:white;text-decoration:none}.brand span{color:var(--accent)}nav{display:flex;gap:20px;align-items:center;flex-wrap:wrap}nav a{color:#e5eef8;text-decoration:none;font-size:.93rem}nav a:hover{color:var(--accent)}.lang{border:1px solid #8294a7;border-radius:6px;padding:3px 9px}.wrap{max-width:1240px;margin:auto;padding:0 26px}.hero{color:white;background:linear-gradient(95deg,rgba(8,27,50,.98) 4%,rgba(9,37,66,.9) 52%,rgba(9,37,66,.35)),url('industrial-banner.png') center/cover;min-height:570px;display:flex;align-items:center}.hero .wrap{width:100%;padding-top:80px;padding-bottom:90px}.eyebrow{color:var(--accent);font-size:.83rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.hero p{font-size:1.2rem;max-width:650px;color:#dbe6f1}.btn{display:inline-block;background:var(--accent);color:#10243c;text-decoration:none;font-weight:800;padding:14px 23px;border-radius:6px;margin:12px 12px 0 0}.btn.secondary{background:transparent;color:white;border:1px solid #c4d6e7}.section{padding:82px 0}.light{background:var(--muted)}.intro{max-width:780px;color:#506073;font-size:1.08rem}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:35px}.card{background:white;padding:34px;border:1px solid #dbe4ec;border-radius:12px;box-shadow:0 8px 28px rgba(11,32,57,.045)}.card:before{content:'';display:block;width:42px;height:5px;background:var(--accent);margin-bottom:24px}.card h3{font-size:1.3rem;margin:0 0 12px}.card p{color:#536579}.card a{font-weight:800}.chips{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.chip{padding:11px 17px;background:white;border:1px solid #dbe4ec;border-radius:7px;font-weight:700}.dark{background:var(--navy);color:white}.dark p{color:#d3e0ed}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:36px}.step{border-top:2px solid var(--accent);padding-top:16px}.step strong{color:var(--accent)}.contact{display:grid;grid-template-columns:1.4fr 1fr;gap:36px;align-items:start}.contact-panel{padding:32px;background:white;border-radius:12px;color:var(--ink)}.contact-panel a{overflow-wrap:anywhere}.footer{padding:35px 0;background:#07182a;color:#d1deea}.footer a{color:white}.subhero{background:linear-gradient(120deg,#0b2039,#185181);color:white;padding:80px 0}.subhero h1{font-size:clamp(2.1rem,4vw,3.6rem)}.bullets{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:25px 0;padding:0;list-style:none}.bullets li{padding:15px 18px;border-left:4px solid var(--accent);background:#f0f4f8}.note{font-size:.87rem;color:#657589}.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;background:white;z-index:10}@media(max-width:800px){.grid,.contact,.bullets{grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,1fr)}.hero{min-height:500px}nav{gap:10px}.section{padding:55px 0}}
/* V3 corporate identity and commercial hero */
.brand{display:inline-flex;align-items:center;gap:12px;letter-spacing:0}.brand-logo{height:110px;width:110px;object-fit:contain;background:#fff;border-radius:5px;padding:2px}.brand-name{color:#fff;font-size:1.03rem;white-space:nowrap}.hero{background:linear-gradient(90deg,rgba(8,27,50,.82) 0%,rgba(9,32,57,.72) 34%,rgba(9,32,57,.42) 57%,rgba(9,32,57,.03) 100%),url('fotos/portada.jpg') right center/auto 100% no-repeat,#102d49;min-height:620px}.hero h1{max-width:780px}.hero p{max-width:670px}.hero .wrap{padding-top:92px;padding-bottom:95px}@media(max-width:800px){.hero{background:linear-gradient(90deg,rgba(8,27,50,.78),rgba(8,27,50,.52)),url('fotos/portada.jpg') center/cover no-repeat;min-height:540px}.brand-logo{height:94px;width:94px}}

/* V4: responsive hero, conversion paths and quote intake */
.hero .wrap{position:relative;z-index:1}.hero h1{max-width:620px;font-size:clamp(2.5rem,4.5vw,4rem);line-height:1.12}.hero p{max-width:580px}.hero{background-position:center right}.quote-layout{display:grid;grid-template-columns:1.4fr .8fr;gap:30px}.quote-form{background:white;border:1px solid #dbe4ec;border-radius:14px;padding:28px}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.quote-form label{display:block;font-weight:700;margin:12px 0 5px}.quote-form input,.quote-form select,.quote-form textarea{width:100%;padding:12px;border:1px solid #aebdca;border-radius:6px;font:inherit;background:white}.quote-form textarea{min-height:120px}.quote-form .check{display:flex;align-items:flex-start;gap:10px;font-weight:400}.quote-form .check input{width:auto;margin-top:7px}.quote-form button{border:0;cursor:pointer;font:inherit}.quote-form .note{margin:14px 0}.contact-options{background:white;padding:25px;border-radius:12px}.contact-options a{overflow-wrap:anywhere}.service-cta{padding:30px;background:#eef3f7;border-radius:12px;margin:36px 0}.service-cta .btn{margin-top:5px}@media(max-width:900px){.hero h1{max-width:100%;font-size:clamp(2.3rem,7vw,3.5rem)}.hero{background-image:linear-gradient(90deg,rgba(8,27,50,.80),rgba(8,27,50,.48)),url('fotos/portada.jpg')!important}.quote-layout,.field-grid{grid-template-columns:1fr}}

/* Botón flotante de WhatsApp */
.whatsapp-float{position:fixed;right:22px;bottom:22px;width:62px;height:62px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,.28);z-index:9999;transition:transform .2s ease,box-shadow .2s ease}
.whatsapp-float:hover{transform:scale(1.07);box-shadow:0 8px 24px rgba(0,0,0,.34)}
.whatsapp-float svg{width:34px;height:34px;fill:#fff}
@media(max-width:800px){.whatsapp-float{right:16px;bottom:16px;width:56px;height:56px}.whatsapp-float svg{width:31px;height:31px}}
