/* ==== Innovance style.css (v17) ==== */
*{box-sizing:border-box}html,body{margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial,sans-serif;line-height:1.6;color:#0b1220;background:#fff}
img,video{max-width:100%;height:auto;display:block}

:root{
  --primary:#00BBD4;
  --dark:#0C1B2A;
  --dark-2:#11273A;
  --dark-3:#0f172a;
  --muted:#7f8fa6;
}

.container{max-width:1200px;margin:0 auto;padding:0 20px}
.section{padding:80px 0}
.section-alt{padding:80px 0;background:var(--dark)}
.section-title{font-size:32px;line-height:1.2;margin:0 0 10px}
.section-description{margin:0;color:#7f8fa6}
/* contraste en secciones oscuras */
.section-alt .section-title{color:#ffffff !important}
.section-alt .section-description{color:#c7d6e5 !important}

.btn{display:inline-block;padding:12px 18px;border-radius:8px;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:.2s}
.btn-lg{padding:14px 22px;font-weight:600}
.btn-primary{background:var(--primary);color:#0b1220}
.btn-primary:hover{background:#0797a8;box-shadow:0 8px 24px rgba(0,187,212,.35)}
.btn-outline{background:transparent;border-color:var(--primary);color:var(--primary)}
.btn-outline:hover{background:var(--primary);color:#0b1220}

.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:saturate(180%) blur(8px);border-bottom:1px solid #e8eef5}
.nav{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{display:flex;align-items:center;gap:10px;color:#0b1220;font-weight:800;text-decoration:none}
.logo img{height:28px}
.nav-links a{margin:0 10px;color:#0b1220;text-decoration:none;font-weight:600;font-size:14px}
.nav-actions{display:flex;align-items:center;gap:12px}
.lang-btn{padding:6px 10px;border-radius:6px;border:1px solid #d7e0ea;text-decoration:none;color:#0b1220;font-size:12px}
.lang-btn.active{background:#0b1220;color:#fff}

.hero-section{position:relative;min-height:78vh;display:flex;align-items:center}
.hero-background{position:absolute;inset:0;overflow:hidden}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(12,27,42,.92) 0%,rgba(12,27,42,.72) 100%)}
.hero-media{position:absolute;inset:0}
.hero-video{width:100%;height:100%;object-fit:cover}
.hero-content{position:relative;z-index:1;max-width:760px;color:#fff;padding:90px 0}
.hero-badge{display:inline-block;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.25);padding:6px 10px;border-radius:999px;font-size:12px;letter-spacing:.4px}
.hero-title{font-size:40px;line-height:1.1;margin:14px 0}
.hero-subtitle{color:#d2dde9;margin:0 0 18px}

.stats-section{background:linear-gradient(135deg,#0b1220,#14233a);padding:40px 0;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}
.stats-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:0 20px}
.stat-item{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:18px;text-align:center}
.stat-number{display:block;font-size:36px;font-weight:800;line-height:1;color:var(--primary);margin-bottom:6px}
.stat-label{color:rgba(255,255,255,.86);font-size:.95rem}

.services-grid{margin-top:28px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.service-card-image{border:1px solid #1f2a3a;border-radius:14px;overflow:hidden;background:var(--dark-3);transition:.2s}
.service-image-wrapper{position:relative}
.service-image{width:100%;height:220px;object-fit:cover;filter:saturate(.9) contrast(1.05)}
.service-image-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,.0),rgba(15,23,42,.55))}
.service-card-content{padding:16px}
.service-card-content h3{margin:0 0 8px;color:#E6F7FB}
.service-card-content p{margin:0;color:#b6c2d0}
.service-card-image:hover{border-color:var(--primary);box-shadow:0 16px 40px rgba(0,187,212,.15)}

.why-content{margin-top:24px}
.why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.why-item{position:relative;background:var(--dark-3);border:1px solid #1f2a3a;border-radius:12px;padding:16px 16px 16px 56px;color:#b6c2d0}
.why-item h3{margin:6px 0 8px;color:#E6F7FB}
.why-number{font-weight:800;color:var(--primary)}
.why-icon-img{position:absolute;left:16px;top:18px;width:22px;height:22px;display:block}

.ai-features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:22px}
.ai-feature-card{background:var(--dark-3);border:1px solid #1f2a3a;border-radius:12px;padding:18px;color:#b6c2d0}
.ai-feature-card h3{color:#eaf6fc;margin:10px 0 8px}
.ai-feature-icon{display:block;margin-bottom:8px}

#equipo .team-grid{display:flex;flex-wrap:wrap;gap:28px;justify-content:center}
#equipo .team-row{margin-top:10px}
#equipo .team-row--center{justify-content:center}
#equipo .team-card{width:180px;text-align:center}
#equipo .avatar-circle{width:128px;height:128px;border-radius:9999px;object-fit:cover;filter:grayscale(100%) contrast(1.08);border:2px solid rgba(255,255,255,.14);box-shadow:0 8px 24px rgba(0,0,0,.25);display:block;margin:0 auto 10px}
#equipo h4{color:#E6F7FB;font-weight:700;font-size:1.05rem;margin:6px 0 2px}
#equipo p{color:#9fb0c6;font-size:.95rem;margin:0}

#vision .section-title{color:#ffffff}
.video-frame{border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.15);box-shadow:0 12px 32px rgba(0,0,0,.35)}
#vision video,#vision iframe{width:100%;height:auto;display:block}

.cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}
.case-card{background:var(--dark-3);border:1px solid #1f2a3a;border-radius:12px;padding:16px;color:#c3d3e1}
.case-card h3{color:#e9f6fb}
.case-header{display:flex;align-items:center;justify-content:space-between}
.case-tag{display:inline-block;padding:4px 8px;border-radius:999px;background:#E6F7FB;color:#0b1220}
.case-card img{width:100%;height:200px;object-fit:cover;border-radius:8px;display:block;margin-bottom:10px}

.compliance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}
.compliance-card{background:var(--dark-3);border:1px solid #1f2a3a;border-radius:12px;color:#c3d3e1;padding:18px}
.compliance-card h3{color:#eaf6fc;margin:6px 0 8px}

.contact-wrapper{max-width:900px;margin:0 auto}
.contact-form{background:#102842;border:1px solid #194b6d;border-radius:12px;padding:20px}
label{font-weight:600;margin:0 0 6px;color:#e6f1fa}
input,select{border:1px solid #2a5a7b;border-radius:8px;padding:10px;background:#0e233a;color:#e6f1fa;font-size:16px}
input::placeholder{color:#9fb7cc}
.checkbox-group{margin:8px 0}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-group{display:flex;flex-direction:column}
.form-actions{display:flex;gap:12px;margin-top:10px}
.form-message{margin-top:10px}

.footer{background:linear-gradient(135deg,var(--dark) 0%,#0b1220 100%);color:#fff}
.footer-content{display:grid;grid-template-columns:1fr 2fr;gap:20px;padding:30px 0}
.footer-logo{height:28px}
.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.footer-links h4{margin:0 0 8px}
.footer-links a{color:#c3d4e5;text-decoration:none}
.footer-links a:hover{color:var(--primary)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:12px 0;color:#9fb0c6}

@media (max-width:1024px){
  .services-grid{grid-template-columns:repeat(2,1fr)}
  .ai-features-grid{grid-template-columns:repeat(2,1fr)}
  .cases-grid{grid-template-columns:repeat(2,1fr)}
  .compliance-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  .nav-links{display:none}
  .hero-title{font-size:32px}
  .services-grid,.ai-features-grid,.cases-grid,.compliance-grid{grid-template-columns:1fr}
  .form-row{grid-template-columns:1fr}
}

svg {
  stroke:#00ff7f !important;
  fill:none !important;
}

.team-card p {
  line-height:1.4 !important;
  margin-top:6px !important;
}

#team {
  padding-top:70px !important;
}

.team-card h4{
  margin-bottom:8px !important;
}
.team-card p{
  margin-top:6px !important;
  line-height:1.5 !important;
}

.avatar-circle {
  width:150px !important;
  height:150px !important;
  border-radius:9999px;
  object-fit:cover;
}

/* forzar color verde en TODOS los iconos numerados */
.features-grid svg path,
.features-grid svg circle,
.features-grid svg line,
.features-grid svg polyline {
  stroke:#2deb82 !important;
  fill:#2deb82 !important;
}

#team h2{
  margin-bottom:38px !important;
}