*{box-sizing:border-box}
html{scroll-behavior:smooth}
:root{--navy:#071A2A;--cyan:#0AA0DF;--teal:#11B6C9;--orange:#F47A16;--purple:#7C3AED;--green:#17A34A;--blue:#2563EB;--text:#10283A;--muted:#536977;--line:#D7E0E6}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#F7F9FB;line-height:1.6}
.container{width:min(1180px,92%);margin:auto}
.site-header{position:sticky;top:0;z-index:30;background:var(--navy);border-bottom:1px solid rgba(255,255,255,.08)}
.nav-wrap{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:flex;align-items:center;gap:14px;color:#fff;text-decoration:none}
.brand-logo{font-size:2.2rem;font-weight:900;font-style:italic;letter-spacing:-.06em;padding-right:14px;border-right:1px solid rgba(255,255,255,.35)}
.brand-copy{display:flex;flex-direction:column;line-height:1.1}
.brand-copy strong{font-size:.76rem;letter-spacing:.08em}
.brand-copy span{margin-top:4px;font-size:.78rem;color:#9FDDF7}
.nav{display:flex;align-items:center;gap:24px}
.nav a{color:#F1F6F9;text-decoration:none;font-weight:700;font-size:.95rem}
.nav a:hover{color:#6FD2F6}
.nav-cta{background:var(--cyan);padding:11px 16px;border-radius:10px}
.hero{padding:0;background:#fff}
.hero-grid{display:grid;grid-template-columns:48% 52%;min-height:590px}
.hero-copy-block{padding:70px max(5vw,42px);display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,#F5FAFD 0%,#FFFFFF 65%,#EEF5F8 100%)}
.eyebrow{margin:0 0 12px;color:#007FB7;font-size:.78rem;font-weight:900;letter-spacing:.16em}
h1{margin:0;max-width:760px;font-size:clamp(3rem,5vw,5rem);line-height:.98;letter-spacing:-.055em;color:var(--navy)}
h1 span{color:var(--cyan)}
.accent-line{width:230px;height:4px;margin:24px 0 22px;border-radius:999px;background:linear-gradient(90deg,var(--orange),#FFA44C,transparent)}
.hero-copy{margin:0;max-width:680px;color:#4F6675;font-size:1.14rem}
.actions,.contact-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border-radius:10px;text-decoration:none;font-weight:800;border:1px solid var(--navy);transition:.2s}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:var(--cyan);border-color:var(--cyan);color:white}
.btn-secondary{background:white;color:var(--navy)}
.hero-visual{position:relative;min-height:590px;overflow:hidden;background:#C8D7E1}
.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,26,42,.10),rgba(7,26,42,.18))}
.hero-card{position:absolute;z-index:2;left:34px;top:50%;transform:translateY(-50%);width:min(360px,78%);background:rgba(3,25,43,.92);color:#fff;border:1px solid rgba(10,160,223,.7);border-radius:18px;padding:28px;box-shadow:0 20px 50px rgba(0,0,0,.22)}
.card-kicker{margin:0 0 10px;color:#23B8F2;font-size:.76rem;font-weight:900;letter-spacing:.12em}
.hero-card h2{margin:0 0 18px;font-size:1.65rem;line-height:1.12}
.hero-card ul{margin:0;padding-left:18px}
.hero-card li{margin:12px 0;color:#E6F1F6}
.section{padding:76px 0}.services{background:#fff}
.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:28px}
.section-heading h2,.sectors-wrap h2,.split h2,.contact-box h2{margin:0;color:var(--navy);line-height:1.08;letter-spacing:-.035em}
.section-heading h2{font-size:2.4rem}.section-note{max-width:380px;margin:0;padding-left:18px;border-left:2px solid #8EBBD0;color:#536B7A}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:15px;padding:24px;box-shadow:0 10px 28px rgba(10,33,51,.06);transition:.2s}
.card:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(10,33,51,.11)}
.card::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--cyan)}
.card:nth-child(2)::after{background:var(--teal)}.card:nth-child(3)::after{background:var(--orange)}.card:nth-child(4)::after{background:var(--purple)}.card:nth-child(5)::after{background:var(--green)}.card:nth-child(6)::after{background:var(--blue)}
.service-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:#fff;font-weight:900;margin-bottom:18px}
.cyan{background:var(--cyan)}.teal{background:var(--teal)}.orange{background:var(--orange)}.purple{background:var(--purple)}.green{background:var(--green)}.blue{background:var(--blue)}
.card h3{margin:0 0 10px;color:var(--navy);font-size:1.15rem}.card p{margin:0;color:var(--muted)}
.section-alt{background:linear-gradient(180deg,#EAF2F6,#E6EEF3)}
.sectors-wrap{display:grid;grid-template-columns:.7fr 1.3fr;gap:40px;align-items:center}.sectors-wrap h2{font-size:2rem}
.pill-row{display:flex;flex-wrap:wrap;gap:10px}.pill-row span{background:#fff;border:1px solid #D5E0E6;border-radius:999px;padding:10px 15px;font-weight:800;color:#314C5D;box-shadow:0 6px 18px rgba(10,33,51,.04)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:58px}.split h2{font-size:2.5rem}.prose{color:#526A79;font-size:1.06rem}.prose p:first-child{margin-top:0}
.contact{padding-top:20px;padding-bottom:76px}.contact-box{background:#fff;border:1px solid #D9E3E8;border-left:5px solid var(--orange);border-radius:18px;padding:32px 34px;display:flex;justify-content:space-between;align-items:center;gap:30px;box-shadow:0 14px 36px rgba(10,33,51,.07)}
.contact-box h2{font-size:2rem}.contact-box p:last-child{margin-bottom:0;color:#5B6E7B}.orange-text{color:var(--orange)}.btn-whatsapp{background:#20B94B;color:white;border-color:#20B94B}
.site-footer{background:linear-gradient(135deg,#061827,#102F46);color:#EAF2F6;padding:30px 0}
.footer-wrap{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px}.footer-brand{display:flex;flex-direction:column}.footer-brand strong{font-size:1.7rem;font-style:italic}.footer-brand span{font-size:.68rem;font-weight:800;letter-spacing:.08em;color:#B8CAD5}.footer-copy{color:#B8CAD5}.footer-domain{color:#45C9F1;font-weight:800}
@media(max-width:980px){.nav{display:none}.hero-grid{grid-template-columns:1fr}.hero-visual{min-height:460px}.cards{grid-template-columns:1fr 1fr}.sectors-wrap,.split{grid-template-columns:1fr}.section-heading{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.brand-copy span{display:none}.brand-logo{font-size:1.8rem}.hero-copy-block{padding:56px 24px}.hero-visual{min-height:400px}.hero-card{left:20px;width:calc(100% - 40px)}.cards{grid-template-columns:1fr}.section{padding:58px 0}.contact-box,.footer-wrap{display:flex;flex-direction:column;align-items:flex-start}h1{font-size:clamp(2.5rem,13vw,4rem)}}


/* ===== Identidad S.ind V3.2 ===== */
.brand{
  display:flex;
  align-items:center;
  color:#fff;
  text-decoration:none;
}

.brand-logo-wrap{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:max-content;
}

.brand-symbol{
  width:54px;
  height:54px;
  color:#f2f5f7;
  flex:0 0 auto;
}

.brand-wordmark{
  display:flex;
  flex-direction:column;
  line-height:.92;
}

.brand-sind{
  font-size:2.45rem;
  font-weight:900;
  font-style:italic;
  letter-spacing:-.07em;
  color:#fff;
}

.brand-industrial{
  margin-top:5px;
  font-size:.65rem;
  font-weight:900;
  letter-spacing:.075em;
  color:#fff;
}

.site-header .brand-logo-wrap{
  padding-right:22px;
  border-right:1px solid rgba(255,255,255,.32);
}

.site-header .brand::after{
  content:"Servicios técnicos e ingeniería";
  margin-left:22px;
  font-size:.9rem;
  font-weight:700;
  color:#b7dceb;
  white-space:nowrap;
}

.footer-brand .brand-logo-wrap{
  gap:10px;
}

.footer-brand .brand-symbol{
  width:48px;
  height:48px;
}

.footer-brand .brand-sind{
  font-size:2.1rem;
}

.footer-brand .brand-industrial{
  color:#d7e3ea;
}

@media(max-width:1050px){
  .site-header .brand::after{display:none}
}

@media(max-width:620px){
  .brand-symbol{width:44px;height:44px}
  .brand-sind{font-size:2rem}
  .brand-industrial{font-size:.55rem}
  .site-header .brand-logo-wrap{padding-right:0;border-right:0}
}