
:root{
  --bg:#eef5ff;
  --surface:#ffffff;
  --surface-2:#f7fbff;
  --ink:#0d1a2e;
  --muted:#5f7089;
  --line:rgba(0,112,240,.15);
  --line-dark:rgba(255,255,255,.12);
  --blue:#0070f0;
  --blue-dark:#005bd1;
  --cyan:#00c8c8;
  --deep:#071527;
  --deep-2:#0b1e35;
  --silver:#d7e4f2;
  --shadow:0 18px 55px rgba(13,26,46,.10);
  --shadow-strong:0 28px 85px rgba(13,26,46,.16);
  --radius:24px;
  --container:min(1220px,calc(100% - 32px));
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Space Grotesk',Arial,sans-serif;background:linear-gradient(180deg,var(--bg),#fbfdff);color:var(--ink);line-height:1.65}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
p{color:var(--muted);margin:0 0 1rem}
h1,h2,h3,h4{font-family:'Rajdhani',Arial,sans-serif;line-height:1.04;margin:0 0 1rem;letter-spacing:.01em}
h1{font-size:clamp(2.7rem,6vw,6.2rem);font-weight:700}
h2{font-size:clamp(2.05rem,4vw,4rem)}
h3{font-size:1.55rem}.container{width:var(--container);margin:auto}.section{padding:90px 0}.section-tight{padding:58px 0}.center{text-align:center;margin-inline:auto}.eyebrow{display:inline-flex;align-items:center;gap:.65rem;font-weight:800;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--blue);padding:8px 13px;border:1px solid var(--line);background:rgba(0,112,240,.06);border-radius:99px;margin-bottom:18px}.gradient{background:linear-gradient(135deg,var(--blue),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.88);backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}.nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:13px;min-width:205px}.brand img{width:225px;height:auto;max-height:62px;object-fit:contain}.menu{display:flex;align-items:center;gap:18px}.menu a{font-weight:700;color:var(--muted);font-size:.92rem}.menu a:hover,.menu a.active{color:var(--blue)}.hamb{display:none;border:0;background:transparent;padding:7px}.hamb span{display:block;width:28px;height:2px;background:var(--ink);margin:6px 0}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:14px;padding:13px 20px;font-weight:800;letter-spacing:.05em;transition:.2s;cursor:pointer;border:1px solid transparent;text-align:center}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;box-shadow:0 12px 28px rgba(0,112,240,.25)}.btn-ghost{background:rgba(255,255,255,.78);border-color:var(--line);color:var(--ink)}.btn-dark{background:var(--deep);color:#fff}.hero{position:relative;min-height:calc(100vh - 82px);display:grid;align-items:center;overflow:hidden}.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(237,245,255,.97),rgba(237,245,255,.84) 45%,rgba(237,245,255,.36)),linear-gradient(180deg,rgba(0,112,240,.05),rgba(237,245,255,.98))}.hero-content{position:relative;z-index:1;padding:88px 0}.hero-text{max-width:840px}.hero p{font-size:1.09rem}.actions{display:flex;flex-wrap:wrap;gap:14px;margin:30px 0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.stat,.card,.visual-card,.service-panel,.client-card,.panel,.form,.cta,.route-card,.equipment-card,.quote-card,.experience-card,.sector-card,.download-card,.faq-card,.matrix-card{background:rgba(255,255,255,.88);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(18px)}.stat{padding:18px}.stat strong{font-size:1.35rem;color:var(--ink)}.stat span{display:block;color:var(--muted);font-size:.92rem}.heading{max-width:860px;margin-bottom:36px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card,.sector-card,.download-card,.faq-card,.matrix-card{padding:26px}.card h3,.equipment-card h3,.sector-card h3{margin-bottom:.6rem}.visual-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.visual-card{overflow:hidden;transition:.2s}.visual-card:hover,.service-panel:hover,.client-card:hover,.route-card:hover,.equipment-card:hover,.experience-card:hover,.sector-card:hover,.download-card:hover{transform:translateY(-5px);border-color:rgba(0,112,240,.35)}.visual-card img{width:100%;height:245px;object-fit:cover}.visual-card .body{padding:22px}.tag-row,.badge-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.tag,.badge-list span{font-size:.74rem;color:#1e60d0;border:1px solid var(--line);background:rgba(0,112,240,.06);border-radius:99px;padding:7px 10px;font-weight:800}.split{display:grid;grid-template-columns:1.08fr .92fr;gap:28px;align-items:start}.panel{padding:26px;display:grid;gap:14px}.mini{border:1px solid var(--line);background:rgba(0,112,240,.035);border-radius:18px;padding:18px}.mini span{display:block;color:var(--blue);font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-size:.77rem;margin-bottom:7px}.page-hero{padding:96px 0 46px;background:radial-gradient(circle at top left,rgba(0,200,200,.16),transparent 35%)}.page-hero p{max-width:820px}.ticker{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.ticker-track{display:flex;width:max-content;animation:ticker 34s linear infinite}.ticker span{padding:13px 28px;color:var(--blue);font-weight:900;letter-spacing:.14em;white-space:nowrap}@keyframes ticker{to{transform:translateX(-50%)}}.service-layout{display:grid;gap:30px}.service-panel{display:grid;grid-template-columns:390px 1fr;gap:26px;overflow:hidden}.service-panel img{width:100%;height:100%;min-height:330px;object-fit:cover}.service-panel .content{padding:28px}.service-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:18px}.service-item{border:1px solid var(--line);background:rgba(0,112,240,.035);border-radius:18px;padding:16px}.service-item h3{font-size:1.22rem;margin-bottom:.45rem}.route-card{padding:22px}.route-card span{display:block;color:var(--blue);font-weight:900;letter-spacing:.12em;margin-bottom:8px}.equipment-card{overflow:hidden}.equipment-card img{height:205px;width:100%;object-fit:cover}.equipment-card .body{padding:18px}.experience-card{padding:26px;display:grid;gap:14px}.experience-card .meta{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:4px}.experience-card .meta span{font-size:.72rem;font-weight:800;color:var(--blue);background:rgba(0,112,240,.06);border:1px solid var(--line);border-radius:99px;padding:6px 9px}.experience-card ul,.checklist{margin:0;padding-left:20px;color:var(--muted)}.checklist li,.experience-card li{margin-bottom:8px}.dark-section{background:linear-gradient(135deg,var(--deep),var(--deep-2));color:#fff;position:relative;overflow:hidden}.dark-section p{color:#c5d4e8}.dark-section .card,.dark-section .route-card,.dark-section .quote-card,.dark-section .sector-card{background:rgba(255,255,255,.08);border-color:var(--line-dark);box-shadow:none;color:#fff}.quote-card{padding:28px}.contact-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px}.form{padding:26px;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.field-full{grid-column:1/-1}.hp-field{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}label{font-weight:800;color:var(--ink)}input,select,textarea{width:100%;margin-top:8px;padding:14px 16px;border:1px solid var(--line);border-radius:15px;background:#fff;color:var(--ink);font:inherit}textarea{resize:vertical;min-height:140px}.cta{padding:34px;display:flex;justify-content:space-between;align-items:center;gap:24px}.footer{background:var(--deep);color:#fff;padding:54px 0 20px}.footer p,.footer li{color:#aebdd4}.footer-grid{display:grid;grid-template-columns:1.25fr .8fr .9fr;gap:28px}.footer ul{list-style:none;padding:0;margin:0}.footer li{margin:8px 0}.footer-logo{width:285px;border-radius:14px;margin-bottom:18px}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:18px;margin-top:25px;display:flex;justify-content:space-between;gap:16px}.contact-link{color:var(--blue);font-weight:800}.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:60;display:flex;align-items:center;gap:10px;background:#25d366;color:#fff;border-radius:999px;padding:13px 18px;font-weight:900;box-shadow:0 18px 45px rgba(37,211,102,.32)}.whatsapp-float span{font-size:1.25rem}.reveal{opacity:0;transform:translateY(24px);transition:.65s}.reveal.on{opacity:1;transform:none}.gallery-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.gallery-strip img{width:100%;height:235px;object-fit:cover;border-radius:20px;border:1px solid var(--line);box-shadow:var(--shadow)}.brand-cloud{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.brand-cloud span{display:grid;place-items:center;text-align:center;min-height:64px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--muted);font-weight:800}.faq-list{display:grid;gap:14px}.faq-list details{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 20px;box-shadow:var(--shadow)}.faq-list summary{cursor:pointer;font-weight:900;color:var(--ink)}.faq-list p{margin-top:12px}.download-card a{margin-top:12px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric{padding:20px;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.metric strong{font-size:2rem;font-family:'Rajdhani';color:var(--blue);display:block}.matrix{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.matrix-card ul{padding-left:20px;color:var(--muted)}@media(max-width:1120px){.menu{gap:12px}.brand img{width:205px}.grid-4,.metrics{grid-template-columns:repeat(2,1fr)}.brand-cloud{grid-template-columns:repeat(3,1fr)}}@media(max-width:1180px){.grid-3,.visual-grid,.stats,.gallery-strip{grid-template-columns:repeat(2,1fr)}.split,.contact-layout,.service-panel{grid-template-columns:1fr}.service-panel img{height:330px}.footer-grid{grid-template-columns:1fr 1fr}.menu{display:none;position:absolute;left:0;right:0;top:82px;flex-direction:column;align-items:flex-start;padding:20px;background:rgba(255,255,255,.98);border-bottom:1px solid var(--line)}.menu.open{display:flex}.hamb{display:block}.hero{min-height:auto}}@media(max-width:720px){.section{padding:64px 0}.grid-2,.grid-3,.grid-4,.visual-grid,.stats,.form,.footer-grid,.service-list,.gallery-strip,.metrics,.brand-cloud,.matrix{grid-template-columns:1fr}.cta,.footer-bottom{flex-direction:column;align-items:flex-start}.brand img{width:190px}.visual-card img,.service-panel img,.equipment-card img{height:220px;min-height:0}h1{font-size:2.55rem}.nav{min-height:74px}.menu{top:74px}.whatsapp-float{right:14px;bottom:14px;padding:12px 14px}.whatsapp-float small{display:none}}

/* Actualización Pro: clientes, marcas y catálogo ampliado */
.client-logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.client-logo-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;min-height:190px;display:grid;place-items:center;transition:.2s}.client-logo-card:hover{transform:translateY(-5px);border-color:rgba(0,112,240,.35)}.client-logo-card img{width:100%;height:auto;border-radius:18px}.client-logo-card h3{font-size:1.15rem;text-align:center;margin:.8rem 0 0;color:var(--ink)}
.brand-logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.brand-logo-card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:10px;transition:.2s}.brand-logo-card:hover{transform:translateY(-4px);border-color:rgba(0,112,240,.35)}.brand-logo-card img{width:100%;border-radius:13px}.brand-category{margin-bottom:54px}.brand-category:last-child{margin-bottom:0}.brand-category h2{font-size:2.1rem}.brand-note{max-width:900px;color:var(--muted)}
.catalog-services{display:grid;gap:26px}.catalog-service{display:grid;grid-template-columns:360px 1fr;gap:26px;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.catalog-service img{width:100%;height:100%;min-height:330px;object-fit:cover}.catalog-service .content{padding:28px}.catalog-service .service-list{grid-template-columns:repeat(2,1fr)}.service-stack{display:grid;gap:14px}.service-stack .service-item{background:#fff}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.catalog-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.catalog-card h3{font-size:1.45rem}.catalog-card ul{margin:0;padding-left:20px;color:var(--muted)}.catalog-card li{margin-bottom:6px}.catalog-card .eyebrow{margin-bottom:12px}.compact-cloud{display:flex;gap:9px;flex-wrap:wrap}.compact-cloud span{font-size:.78rem;color:#1e60d0;border:1px solid var(--line);background:rgba(0,112,240,.06);border-radius:99px;padding:7px 10px;font-weight:800}.service-visual-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-visual-row img{width:100%;height:230px;object-fit:cover;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}
@media(max-width:1180px){.client-logo-grid,.brand-logo-grid{grid-template-columns:repeat(3,1fr)}.catalog-service{grid-template-columns:1fr}.catalog-service img{height:320px}.catalog-grid,.service-visual-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.client-logo-grid,.brand-logo-grid,.catalog-grid,.catalog-service .service-list,.service-visual-row{grid-template-columns:1fr}.catalog-service img{height:220px;min-height:0}}


/* Reestructura comercial Pro */
.solution-map{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.solution-map-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;transition:.2s}
.solution-map-card:hover{transform:translateY(-5px);border-color:rgba(0,112,240,.35)}
.solution-map-card img{width:100%;height:220px;object-fit:cover}
.solution-map-card .body{padding:22px}
.solution-map-card h3{font-size:1.45rem}
.solution-map-card ul{padding-left:20px;color:var(--muted);margin:.8rem 0 1rem}
.value-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.value-pill{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:18px}
.value-pill strong{display:block;color:var(--ink);font-family:'Rajdhani',sans-serif;font-size:1.25rem;margin-bottom:6px}
.guided-form{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.guided-form .field-full{grid-column:1/-1}
.hidden-field{position:absolute;left:-9999px;opacity:0;height:0;width:0;overflow:hidden}
.privacy-check{display:flex;gap:10px;align-items:flex-start;color:var(--muted);font-size:.92rem}
.privacy-check input{width:auto;margin-top:4px}
.privacy-box{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px}
.privacy-box h2{font-size:2rem}
.privacy-box ul{color:var(--muted);padding-left:20px}
.brand-disclaimer{background:rgba(0,112,240,.06);border:1px solid var(--line);border-radius:18px;padding:18px;color:var(--muted);margin:20px 0 34px}
.refaccion-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.refaccion-card{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:20px}
.refaccion-card h3{font-size:1.25rem}
.step-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.step-card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:18px}
.step-card span{display:block;color:var(--blue);font-weight:900;letter-spacing:.12em;margin-bottom:8px}
@media(max-width:1180px){.solution-map{grid-template-columns:repeat(2,1fr)}.refaccion-grid,.step-grid,.value-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.solution-map,.refaccion-grid,.step-grid,.value-strip,.guided-form{grid-template-columns:1fr}}


.brand-logo-card strong{display:block;text-align:center;color:var(--ink);font-size:.82rem;margin-top:7px}
.catalog-card .btn + .btn,.equipment-card .btn + .btn,.solution-map-card .btn + .btn{margin-left:8px;margin-top:8px}
input[type="file"]{padding:12px;background:#fff}

/* Ajuste visual móvil para tarjetas de soluciones con fotografías reales */
.solution-map-card img,.equipment-card img{object-fit:cover;object-position:center center}
.catalog-service img{object-fit:cover;object-position:center center}
@media(max-width:720px){
  .solution-map-card img{height:240px}
  .catalog-service img{height:260px}
  .solution-map-card .body{padding:20px}
}


/* Corrección visual: tarjetas con fotografía real, mejor ritmo móvil y menor sensación de gráfico genérico */
.solution-map{align-items:stretch}
.solution-map-card{background:rgba(255,255,255,.94);border-radius:28px;overflow:hidden}
.solution-map-card img{
  width:100%;
  height:260px;
  object-fit:cover;
  object-position:center;
  display:block;
}
.solution-map-card .body{padding:24px}
.solution-map-card h3{font-size:1.75rem;margin-bottom:.65rem}
.solution-map-card p{font-size:1rem;line-height:1.62}
.catalog-service{background:rgba(255,255,255,.94);border-radius:28px}
.catalog-service img{
  object-fit:cover;
  object-position:center;
}
@media(max-width:720px){
  .section{padding:56px 0}
  .solution-map{gap:30px}
  .solution-map-card{border-radius:24px}
  .solution-map-card img{height:235px}
  .solution-map-card .body{padding:20px 18px 24px}
  .solution-map-card h3{font-size:2rem;line-height:1.03}
  .solution-map-card p{font-size:1.06rem;line-height:1.55}
  .solution-map-card .tag-row{gap:8px;margin:16px 0 20px}
  .solution-map-card .tag{font-size:.82rem;padding:7px 10px}
  .solution-map-card .btn{width:auto;min-width:190px}
  .catalog-service{border-radius:24px}
  .catalog-service img{height:250px;min-height:0}
  .catalog-service .content{padding:22px 18px 26px}
  .catalog-service h2{font-size:2rem}
}


/* Corrección de formulario: validación visible, checkbox claro y mensajes de envío */
.form-message{
  display:none;
  padding:14px 16px;
  border-radius:14px;
  font-weight:800;
  line-height:1.45;
  margin-bottom:4px;
}
.form-message.is-error{
  display:block;
  color:#8a1f11;
  background:#fff1ed;
  border:1px solid #ffc2b3;
}
.form-message.is-info{
  display:block;
  color:#0d4175;
  background:#edf7ff;
  border:1px solid #b7dcff;
}
.privacy-check{
  display:flex !important;
  align-items:flex-start;
  gap:12px;
  padding:14px 16px;
  background:#f7fbff;
  border:1px solid var(--line);
  border-radius:16px;
}
.privacy-check input[type="checkbox"]{
  appearance:auto;
  width:20px;
  min-width:20px;
  height:20px;
  margin-top:2px;
  accent-color:var(--blue);
  cursor:pointer;
}
.privacy-check span{
  display:block;
  font-size:.92rem;
  line-height:1.5;
}
input[type="file"]{
  background:#fff;
  min-height:48px;
}
.form .btn[disabled]{
  opacity:.72;
  cursor:not-allowed;
  transform:none;
}
@media(max-width:720px){
  .privacy-check{padding:13px}
  .privacy-check span{font-size:.9rem}
  .form-message{font-size:.92rem}
}
