/* =========================================================
   1) VARIABLES
========================================================= */
:root{
  --brand:#3b82f6;
  --brand-dark:#0b1220;
  --accent:#a5b4fc;
  --ink:#e5e7eb;
  --muted:#9aa4b2;
  --bg:#0f172a;
  --card:#111827;
  --ring:#1f2937;
  --nav-h:72px;
  --vh:1vh;
  --font-sans:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  --font-display:'Poppins','Inter',sans-serif;
  --ally-w: clamp(140px, 14vw, 240px);
  --ally-h: clamp(52px, 6vw, 84px);
}
/* =========================================================
   2) RESET & BASE
========================================================= */
*{box-sizing:border-box}
html,body{height:auto !important;overflow-x:hidden}
body{
  margin:0 !important;padding:0 !important;
  font-family:var(--font-sans);
  color:var(--ink);background:var(--bg);line-height:1.6
}
a{text-decoration:none;transition:.2s}
a:hover{opacity:.85}
section{padding:80px 0}
section[id]{scroll-margin-top:calc(var(--nav-h) + 8px)}

/* =========================================================
   3) NAVBAR
========================================================= */
.site-nav{
  background:transparent !important;border:0 !important;box-shadow:none !important;
  backdrop-filter:none !important;padding:max(10px,env(safe-area-inset-top)) 0 10px;
  transition:background .3s,box-shadow .3s,padding .2s;z-index:1040
}
.site-nav.is-scrolled{
  background:rgba(11,18,32,.96) !important;backdrop-filter:saturate(120%) blur(8px);
  border-bottom:1px solid rgba(255,255,255,.06);box-shadow:0 10px 30px rgba(0,0,0,.35);padding:8px 0
}
.site-nav .navbar,.site-nav .navbar-brand,.site-nav .nav-link{display:flex;align-items:center}
.site-nav .navbar-brand .brand-word{
  font-family:var(--font-display) !important;font-size:2rem !important;font-weight:900 !important;letter-spacing:1px;
  background:linear-gradient(90deg,var(--brand),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent !important;-webkit-text-fill-color:transparent !important;text-shadow:0 2px 10px rgba(0,0,0,.45);line-height:1.1
}
.site-nav .navbar-brand .brand-word:hover{filter:brightness(1.08)}
.site-nav .nav-link{
  font-family:var(--font-display);font-weight:700;padding:10px 14px;border-radius:10px;opacity:1 !important;
  background:linear-gradient(90deg,var(--brand),var(--accent));-webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;position:relative
}
.site-nav .nav-link::after{
  content:"";position:absolute;left:10px;right:10px;bottom:6px;height:2px;border-radius:2px;
  background:linear-gradient(90deg,var(--brand),var(--accent));transform:scaleX(0);transform-origin:left;transition:transform .25s
}
.site-nav .nav-link:hover,.site-nav .nav-link.active{opacity:1 !important}
.site-nav .nav-link:hover::after,.site-nav .nav-link:focus::after,.site-nav .nav-link.active::after{transform:scaleX(1)}
.site-nav .btn-outline-light{border-color:#e5e7eb;color:#e5e7eb}
.site-nav .btn-outline-light:hover{background:#e5e7eb;color:#0b1220}
.site-nav .btn-light{
  background:linear-gradient(90deg,var(--brand),var(--accent)) !important;border:0 !important;color:#fff !important;font-weight:800;
  box-shadow:0 10px 24px rgba(59,130,246,.35);transition:transform .15s,filter .15s,box-shadow .15s
}
.site-nav .btn-light:hover{transform:translateY(-1px);filter:brightness(1.06);box-shadow:0 14px 32px rgba(59,130,246,.45)}
.site-nav .navbar-toggler{border-color:rgba(255,255,255,.25)}
.site-nav .navbar-toggler-icon{filter:invert(1) grayscale(1)}
.navbar-dark .navbar-toggler-icon{
  background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%28229,231,235,1%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}
@media (max-width:991.98px){
  .site-nav{position:sticky;top:env(safe-area-inset-top,0);left:0;right:0;z-index:1040}
  .site-nav .navbar-collapse{
    background:#0f172a !important;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.45);padding:12px;margin-top:10px
  }
  .site-nav .navbar-collapse .nav-link{
    width:100%;background:none !important;-webkit-background-clip:initial !important;background-clip:initial !important;
    -webkit-text-fill-color:currentColor !important;color:#e5e7eb !important;opacity:1 !important;font-weight:600;text-shadow:none !important
  }
  .site-nav .navbar-collapse .nav-link::after{display:none !important}
  .site-nav .navbar-collapse .nav-link:hover,.site-nav .navbar-collapse .nav-link:focus{color:#93c5fd !important;background:rgba(59,130,246,.12) !important;border-radius:10px}
  .site-nav .navbar-collapse .nav-link.active{color:#60a5fa !important;background:rgba(59,130,246,.18) !important;font-weight:700}
  .site-nav .navbar-collapse .btn{margin-top:8px;width:100%}
  .site-nav.menu-open,.site-nav .navbar-collapse.show{background:rgba(11,18,32,.96) !important;backdrop-filter:saturate(120%) blur(8px)}
}
.toggler-bar{display:block;width:28px;height:2px;background:#fff;margin:6px 0;border-radius:2px}
.site-nav .dropdown.mega .nav-link{
  font-family:'Poppins','Inter',sans-serif;font-weight:700;
  background:linear-gradient(90deg,#3b82f6,#a5b4fc);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;position:relative
}
.site-nav .mega-menu{
  --mega-shift: 0px;
  min-width:min(960px,92vw);
  padding:0;border:0;border-radius:16px;
  background:rgba(7,13,24,.98);
  box-shadow:0 18px 48px rgba(0,0,0,.35);
  overflow:hidden;z-index:1050;
  left:50% !important;right:auto !important;
  transform:translateX(calc(-50% + var(--mega-shift)));
  max-width:min(1040px,calc(100vw - 24px));width:auto;margin:0
}
.mega-wrap{display:grid;gap:0;grid-template-columns:1fr 1fr 1fr;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent)}
.mega-col{padding:16px 18px}
.mega-col + .mega-col{border-left:1px solid rgba(255,255,255,.06)}
.mega-title{margin:6px 0 10px;font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#9fb4d7}
.mega-item{display:flex;gap:12px;padding:10px 8px;border-radius:10px;align-items:flex-start;color:#e5e7eb;text-decoration:none;transition:.18s}
.mega-item i{font-size:1.15rem;line-height:1;color:#93c5fd}
.mega-item strong{display:block;font-weight:800;color:#f1f5f9;line-height:1.2}
.mega-item span{display:block;font-size:.92rem;color:#96a3b3}
.mega-item:hover{background:rgba(59,130,246,.12);transform:translateX(2px)}
.mega-highlight{background:linear-gradient(180deg,rgba(59,130,246,.10),rgba(165,180,252,.06))}
.mega-cta{display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(90deg,#3b82f6,#a5b4fc);color:#fff;border-radius:12px;padding:14px 16px;text-decoration:none;font-weight:800}
.mega-cta div span{display:block;font-weight:600;opacity:.9}
.mega-cta i{font-size:1.25rem}
.mega-cta:hover{filter:brightness(1.05);transform:translateY(-1px)}
.mega-illustration{display:block;width:100%;height:auto;object-fit:contain;margin-top:12px;opacity:.95;mix-blend-mode:screen}
@media (min-width:992px){
  .dropdown.mega:hover > .mega-menu{display:block}
  .dropdown.mega:hover > .nav-link::after{transform:scaleX(1)}
  .site-nav .dropdown.mega > .nav-link{pointer-events:none;cursor:default}
}
.site-nav .mega-menu[aria-labelledby="navServicios"]{
  --mega-shift: clamp(-260px, -14vw, -180px);
}
@media (max-width:991.98px){
  .mega-wrap{grid-template-columns:1fr}
  .mega-col + .mega-col{border-left:0;border-top:1px solid rgba(255,255,255,.06)}
  .mega-menu{border-radius:12px;left:12px !important;right:12px !important;transform:none;max-width:none;width:auto}
}
.site-nav .mega-menu.mega--simple{
  min-width:300px;max-width:360px;width:auto;left:auto !important;right:auto !important;transform:none !important
}
.mega-menu.mega--simple .mega-wrap{grid-template-columns:1fr !important;padding:10px 12px}
.mega-menu.mega--simple .mega-col + .mega-col{border-left:0 !important}
.mega-menu.mega--simple .mega-title{margin:4px 0 8px;font-size:.78rem}
.mega-menu.mega--simple .mega-item{padding:8px 8px;gap:10px}
.mega-menu.mega--simple .mega-item i{font-size:1.05rem}
.mega-menu.mega--simple .mega-item strong{font-size:.98rem}
.mega-menu.mega--simple .mega-item span{font-size:.9rem}

@media (min-width: 992px){
  .site-nav .dropdown.mega > .nav-link{
    pointer-events:auto; 
    cursor:pointer;
  }
}


/* =========================================================
   4) HERO
========================================================= */
.hero{
  position:relative;display:flex;align-items:center;justify-content:center;
  height:72vh;min-height:560px;overflow:hidden;color:#fff;padding:0;padding-top:var(--nav-h);
  background:
    radial-gradient(1000px 500px at 10% -10%, rgba(59,130,246,.20), transparent),
    radial-gradient(900px 450px at 110% 0%, rgba(165,180,252,.18), transparent),
    linear-gradient(180deg,#0f172a 0%,#0b1220 100%)
}
.hero .hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}
.hero::before{content:"";position:absolute;inset:0;z-index:1;background:rgba(15,23,42,.45)}
.hero .hero-content{position:relative;z-index:2}
.hero{--hero-bump:-28px}
.hero .hero-content,.hero>.container{transform:translateY(var(--hero-bump))}
@media (min-width:1200px){.hero{--hero-bump:-60px}}
@media (max-width:991.98px){.hero{height:64vh;min-height:480px}}
@media (max-width:575.98px){.hero{height:auto;min-height:calc(var(--vh) * 100);--hero-bump:-16px}}
@media (max-width:991.98px){
  .hero{height:100vh !important;min-height:640px !important;padding-bottom:24px !important;--hero-bump:0 !important}
}
@media (max-width:575.98px){
  .hero{height:110vh !important;min-height:720px !important;padding-bottom:28px !important;--hero-bump:0 !important}
}
.hero h1{
  font-size:clamp(36px,6vw,64px);
  margin:0 0 12px;
  font-weight:900;
  line-height:1.2;
  color:#fff;
}
.hero p {font-size: clamp(16px, 2.2vw, 20px);margin: 0;color: #f2f3f5;font-weight: 600;text-shadow: 0 2px 4px rgba(0,0,0,.55);}
.hero video,.hero img{display:block !important}
.hero{margin-bottom:-1px !important}
@media (max-width:575.98px){.hero{margin-bottom:-2px !important}}
.site-nav{border-bottom:0 !important;box-shadow:none !important}
.site-nav.is-scrolled{border-bottom:0 !important}
.pill{display:inline-block;padding:6px 12px;border-radius:999px;background:rgba(59,130,246,.15);color:#c7d2fe;font-weight:600;font-size:12px}
#servicios{border-top:0 !important;margin-top:0 !important}
@media (max-width:575.98px){#servicios{margin-top:8px !important}}

/* =========================================================
   LETRAS
========================================================= */
.hero[class*="font-"] h1{
  font-family:var(--hero-title-font,'Inter',system-ui,sans-serif) !important;
  font-weight:var(--hero-title-w,900) !important;
  letter-spacing:var(--hero-title-trk,0);
  text-shadow:var(--hero-title-shadow,none) !important;
  -webkit-text-stroke:var(--hero-title-stroke,0);
}
.hero[class*="font-"] p.lead{
  font-family:var(--hero-sub-font,'Inter',system-ui,sans-serif) !important;
  font-weight:var(--hero-sub-w,600) !important;
  letter-spacing:var(--hero-sub-trk,0);
  text-shadow:var(--hero-sub-shadow,0 1px 2px rgba(0,0,0,.55));
}
.hero.font-inter{
  --hero-title-font:'Inter';--hero-sub-font:'Inter';
  --hero-title-w:900;--hero-sub-w:600;
  --hero-title-shadow:0 2px 6px rgba(0,0,0,.45),0 10px 24px rgba(0,0,0,.30);
}
.hero.font-josefin{
  --hero-title-font:'Josefin Sans';--hero-sub-font:'Inter';
  --hero-title-w:700;--hero-sub-w:600;
  --hero-title-trk:.005em;
  --hero-title-shadow:none;
  --hero-title-stroke:0;
}
.hero.font-roboto{
  --hero-title-font:'Roboto';--hero-sub-font:'Roboto';
  --hero-title-w:900;--hero-sub-w:700;
  --hero-title-shadow:0 2px 6px rgba(0,0,0,.45);
}
.hero.font-open-sans{
  --hero-title-font:'Open Sans';--hero-sub-font:'Open Sans';
  --hero-title-w:800;--hero-sub-w:700;
  --hero-title-shadow:0 2px 6px rgba(0,0,0,.45);
}
.hero.font-playfair{
  --hero-title-font:'Playfair Display';--hero-sub-font:'Inter';
  --hero-title-w:900;--hero-sub-w:600;
  --hero-title-trk:.01em;
  --hero-title-shadow:0 2px 6px rgba(0,0,0,.35);
}

/* =========================================================
   5) UTILIDADES & TÍTULOS
========================================================= */
.section-title{font-family:var(--font-display) !important;font-size:28px;margin:0 0 8px;font-weight:900}
.subtitle{font-size:18px;margin:0 0 24px}
h1,h2,h3,.section-title,#servicios .svc-head h2,#alianzas .section-title,#equipo .equipo-title,#clientes .section-title{font-family:var(--font-display) !important;font-weight:900}
.section-small{font-size:clamp(22px,3.6vw,30px) !important;margin:0 0 6px !important}

/* =========================================================
   6) BOTONES
========================================================= */
.btn-brand{background:var(--brand);border:1px solid var(--brand);color:#fff;box-shadow:0 8px 20px rgba(59,130,246,.25)}
.btn-brand:hover{filter:brightness(1.05)}
.btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.14);color:var(--ink)}
.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}

/* =========================================================
   7) CARDS
========================================================= */
.cardx{
  background:var(--card);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:20px;transition:.3s;
  box-shadow:0 12px 24px rgba(2,6,23,.45)
}
.cardx:hover{transform:translateY(-3px);box-shadow:0 18px 36px rgba(2,6,23,.55)}
.text-muted{color:var(--muted) !important}

/* =========================================================
   8) EQUIPO
========================================================= */
#equipo{padding:64px 0;background:#fff !important}
#equipo .section-title,#equipo .equipo-title{color:#0f172a !important;text-shadow:none !important}
#equipo .subtitle,#equipo .equipo-subtitle{color:#475569 !important}
#equipo .row.team-grid{--bs-gutter-x:2.25rem;--bs-gutter-y:2.25rem}
#equipo .team-member{
  text-align:center;max-width:280px;margin:0 auto;background:#fff;border:1px solid #e5e7eb;border-radius:12px;
  box-shadow:0 4px 10px rgba(0,0,0,.05);padding:24px;display:flex;flex-direction:column;align-items:center
}
#equipo .team-member .name{font-weight:700;margin-bottom:4px;color:#0f172a}
#equipo .team-member .role{font-weight:600;color:var(--brand);margin-bottom:10px}
#equipo .team-member p,#equipo .team-member li,#equipo .team-member .small{color:#334155}
#equipo h3,#equipo .h5{color:#0b1220 !important;font-weight:800;font-size:1.25rem;letter-spacing:.5px;font-family:var(--font-sans)}
#equipo .text-muted{color:#0a66c2 !important;font-weight:700;text-transform:uppercase;font-size:.95rem;opacity:1 !important;margin-bottom:8px}
#equipo .small{color:#374151 !important;font-size:.95rem;line-height:1.5;opacity:1 !important;font-weight:400}
#equipo .team-member img,
#equipo .team-member > img,
#equipo .team-member .avatar,
#equipo .team-member img.img-fluid.rounded-circle{
  --avatar-size:clamp(120px,13vw,160px);
  width:var(--avatar-size) !important;height:var(--avatar-size) !important;max-width:none !important;aspect-ratio:1/1 !important;
  display:block !important;margin:0 auto 14px !important;border-radius:50% !important;clip-path:circle(50% at 50% 50%) !important;
  object-fit:cover !important;object-position:center center !important;border:3px solid #fff !important;
  box-shadow:0 8px 22px rgba(0,0,0,.28) !important;filter:none !important;mix-blend-mode:normal !important
}
@media (max-width:1200px){#equipo .team-member img{--avatar-size:clamp(110px,14vw,150px)}}
@media (max-width:992px){#equipo .team-member img{--avatar-size:clamp(110px,18vw,150px)}}
@media (max-width:576px){#equipo .team-member img{--avatar-size:120px}}
#equipo .btn-linkedin{
  --bg:#374151;--fg:#f8fafc;background:var(--bg);color:var(--fg) !important;border:1px solid #475569;border-radius:10px;padding:8px 14px;
  font-weight:700;box-shadow:0 6px 16px rgba(2,6,23,.22);transition:transform .15s,box-shadow .15s,background .15s,filter .15s
}
#equipo .btn-linkedin i{margin-right:6px;color:currentColor}
#equipo .btn-linkedin:hover{
  background:linear-gradient(90deg,var(--brand),var(--accent));border-color:transparent;color:#fff !important;transform:translateY(-1px);
  box-shadow:0 10px 24px rgba(59,130,246,.35)
}
#equipo .equipo-head{margin-bottom:18px}
#equipo .equipo-title{font-family:var(--font-display);font-weight:900;letter-spacing:.2px;color:#0b1220;line-height:1.15;font-size:clamp(26px,4.6vw,36px);margin:0}
#equipo .equipo-underline{display:block;width:58px;height:5px;margin:6px 0 10px;background:linear-gradient(90deg,var(--brand,#3b82f6),var(--accent,#a5b4fc));box-shadow:0 1px 6px rgba(59,130,246,.22)}
#equipo .equipo-lead{color:#64748b;max-width:820px;font-size:clamp(15px,2.2vw,17px);line-height:1.6}
@media (max-width:991.98px){#equipo .equipo-lead{margin-inline:auto;text-align:center}}
#equipo .row.justify-content-between [class*="col-"] p.small{
  font-family:"Lora",ui-serif,Georgia,"Times New Roman",serif;font-size:.98rem;line-height:1.65;color:#e5e7eb;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility
}
#equipo .row.justify-content-between [class*="col-"] p.text-muted{color:#9fb4d7}
@media (max-width: 991.98px){
  #equipo .equipo-lead{
    text-align: left !important;
    margin-inline: 0 !important; 
  }
}

.equipo-bottom {
  margin-top: 32px;      /* separación en móvil/tablet */
}

@media (min-width: 992px) {
  .equipo-bottom {
    margin-top: 56px;    /* un poco más de aire en desktop */
  }
}

/* =========================================================
   Foto
========================================================= */
.member-photo-wrapper{
  width:200px; height:200px;
  border-radius:50%;
  overflow:hidden;     
  position:relative;
  margin:0 auto 14px;
}
.member-photo-wrapper{
  border:3px solid #fff;
  box-shadow:0 8px 22px rgba(0,0,0,.25);
}
.member-photo-wrapper > img{
  width:100%; height:100%;
  object-fit:cover;
  object-position:50% var(--y,50%);
  transform:scale(var(--zoom,1));
  transform-origin:center;
  transition:transform .25s ease, object-position .25s ease;
}
#equipo .member-photo-wrapper{
  --avatar-size: 200px;                
  width: var(--avatar-size);
  height: var(--avatar-size);
  border-radius: 50%;
  overflow: hidden;             
  display: block;
  margin: 0 auto 14px;
}
#equipo .member-photo-wrapper > img{
  width: 100%;
  height: 100%;
  object-fit: cover !important;
  object-position: var(--x,50%) var(--y,50%) !important;
  transform: scale(var(--zoom,1));
  transform-origin: center;
  transition: transform .25s ease, object-position .25s ease;
}
@media (max-width: 576px){
  #equipo .row.justify-content-between{
    --bs-gutter-x: 1rem;
    --bs-gutter-y: 1.25rem;
  }
  #equipo .member-photo-wrapper{
    --avatar-size: clamp(110px, 36vw, 150px);
    margin-bottom: 12px;
  }
  #equipo .member-photo-wrapper > img{
    width: 100% !important;
    height: 100% !important;
  }
}


/* =========================================================
   9) MÉTRICA
========================================================= */
.metrics-band {
  padding: 70px 0;
  background: linear-gradient(90deg, #05070d 0%, #0f172a 40%, #1e3a8a 100%);
  border-top: 1px solid rgba(255, 255, 255, .08);
  border-bottom: 1px solid rgba(255, 255, 255, .08);
}
.metrics-wrap {max-width: 1200px;margin: 0 auto;padding: 0 24px;display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: clamp(48px, 6vw, 120px);justify-items: center;align-items: center;}
.metric {
text-align: center;}
.metric-num {display: inline-block;position: relative;white-space: nowrap;font-size: clamp(36px, 6vw, 56px);font-weight: 900;line-height: 1;background: linear-gradient(180deg, #f0f9ff 0%, #93c5fd 50%, #3b82f6 100%);-webkit-background-clip: text;background-clip: text;color: transparent;text-shadow: 0 6px 20px rgba(59, 130, 246, .35);}
.metric-label {
  margin-top: 10px;
  font-size: clamp(16px, 3vw, 20px);
  font-weight: 600;
  color: #e2e8f0;
  opacity: .95;
  letter-spacing: .5px;
}
.metrics-band .metric:not(.metric--capital) .metric-num::before {
  content: "+";
  position: absolute;
  right: 100%;
  margin-right: .25em;
  top: 0;
  background: inherit;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: inherit;
  font-weight: 900;
  line-height: 1;
}
.metrics-band .metric--capital .metric-num {
  position: relative;
  display: inline-block;
  white-space: nowrap;
}
.metrics-band .metric--capital .metric-num::before,
.metrics-band .metric--capital .metric-num::after {
  position: absolute;
  top: 0;
  font-weight: 900;
  line-height: 1;
  background: inherit;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: inherit;
}
.metrics-band .metric--capital .metric-num::before {
  content: "+USD";
  right: 100%;
  margin-right: .45em;
}
.metrics-band .metric--capital .metric-num::after {
  content: "MM";
  left: 100%;
  margin-left: .45em;
}
@media (min-width: 992px) {.metrics-wrap .metric:nth-child(3) {margin-right: 40px;}}
@media (max-width: 991.98px) {.metrics-wrap {grid-template-columns: repeat(2, 1fr);gap: 48px 60px;}}
@media (max-width: 575.98px) {.metrics-band {padding: 48px 0;}.metrics-wrap {max-width: 560px;margin: 0 auto;padding: 0 28px;grid-template-columns: repeat(2, 1fr);gap: 44px 36px;justify-content: center;}.metric {padding: 8px 0;}.metric-num {font-size: 32px;}.metric-label {font-size: 14px;margin-top: 6px;}}
@media (min-width: 992px) and (max-width: 1280px) {.metrics-band .metric-num {font-size: clamp(34px, 5.2vw, 52px);}.metrics-band .metric--capital .metric-num::before {margin-right: .28em;}.metrics-band .metric--capital .metric-num::after {margin-left: .28em;}}

/* =========================================================
   10) SERVICIOS
========================================================= */
:root{--svc-accent:#2563eb;--svc-title:#0f172a;--svc-text:#475569;--svc-line:#e5e7eb;--svc-bg:#ffffff;--svc-icon:40px}
#servicios.svc-simple,.svc-simple{background:var(--svc-bg);padding:40px 0}
.svc-kicker{display:inline-block;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#6b7280;margin-bottom:6px}
.svc-head h2{position:relative;display:inline-block;margin:.1rem 0 .3rem;font-weight:900;line-height:1.1;color:var(--svc-title);font-size:clamp(26px,4.6vw,36px)}
#servicios .svc-head h2::after{content:"";display:block;width:58px;height:5px;margin-top:6px;background:linear-gradient(90deg,var(--brand,#3b82f6),var(--accent,#a5b4fc));border-radius:0;box-shadow:0 1px 6px rgba(59,130,246,.22)}
#servicios .svc-head p{font-size:clamp(15px,2vw,17px);color:var(--svc-text);margin:0 0 16px}
.svc-all{display:inline-block;font-weight:700;color:var(--svc-accent);border-bottom:1px solid transparent;padding-bottom:2px}
.svc-all:hover{border-bottom-color:var(--svc-accent)}
.svc-list{list-style:none;margin:0;padding:0}
.svc-list>li{border-bottom:1px solid #eef2f7}
.svc-row{display:flex;gap:14px;align-items:flex-start;padding:14px 0;text-decoration:none;color:inherit}
.svc-ico{flex:0 0 var(--svc-icon);width:var(--svc-icon);height:var(--svc-icon);display:grid;place-items:center}
.svc-ico img{width:100%;height:100%;object-fit:contain;display:block;transform:none}
.svc-content h3{margin:0 0 2px;font-size:1rem;font-weight:800;color:#0c1f4a}
.svc-content p{margin:0 0 4px;font-size:.9rem;line-height:1.35;color:var(--svc-text)}
.svc-link{font-size:.9rem;font-weight:700;color:var(--svc-accent)}
.svc-row:hover .svc-content h3{color:#12327a}
@media (min-width:992px){
  .svc-right{position:relative;padding-left:32px}
  .svc-right::before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:var(--svc-line)}
  .svc-list{display:grid;grid-template-columns:1fr 1fr;column-gap:40px;row-gap:0}
}
@media (max-width:991.98px){
  .svc-right{padding-left:0}
  .svc-right::before{content:none}
  .svc-list li+li{border-top:1px solid #eef2f7}
}
@media (max-width:576px){
  :root{--svc-icon:32px}
  .svc-row{padding:12px 0}
}

/* Postulación a Fondos */
#servicios .svc-ico img[src*="fondos"]{transform:scale(.8)}
/* Seguimiento Técnico & Financiero */
#servicios .svc-ico img[src*="seguimiento"]{transform:scale(1.05)}
/* Gestión de la Innovación */
#servicios .svc-ico img[src*="gestion"]{transform:scale(.85)}
/* Consultoría & Softlanding */
#servicios .svc-ico img[src*="consultoria"]{transform:scale(1.3)}
/* Fábrica de Software */
#servicios .svc-ico img[src*="fabrica"]{transform:scale(.97)}

.svc-btn{
  display:inline-flex; align-items:center; gap:6px;
  padding:6px 10px; border-radius:9999px;
  background:linear-gradient(90deg,var(--brand,#3b82f6),var(--accent,#a5b4fc));
  color:#fff; font-weight:800; font-size:.85rem; line-height:1; 
  text-decoration:none; box-shadow:0 6px 16px rgba(59,130,246,.18);
  transition:transform .15s ease, filter .15s ease, box-shadow .15s ease;
}
.svc-btn i{ color:inherit; font-size:1rem; line-height:1; }
.svc-row:hover .svc-btn{ filter:brightness(.98); transform:translateX(2px); box-shadow:0 8px 22px rgba(59,130,246,.28); }

@media (max-width:576px){
  .svc-btn{ font-size:.82rem; padding:6px 9px; }
}


/* =========================================================
   12) ALIANZAS
========================================================= */
#alianzas{
  background:transparent !important;
  border:0 !important;
}
#alianzas.with-video{
  position:relative;
  overflow:hidden;
  padding:80px 0 96px;
}
#alianzas.with-video .section-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:0;
}
#alianzas.with-video::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:
    radial-gradient(1000px 500px at 10% -10%, rgba(59,130,246,.20), transparent),
    radial-gradient(900px 450px at 110% 0%, rgba(165,180,252,.18), transparent),
    linear-gradient(180deg, rgba(15,23,42,.70) 0%, rgba(11,18,32,.88) 100%);
}
#alianzas.with-video>.container{
  position:relative;
  z-index:2;
}

/* Modo sin animaciones */
@media (prefers-reduced-motion:reduce){
  #alianzas.with-video .section-video{display:none}
  #alianzas.with-video{
    background:
      radial-gradient(1000px 500px at 10% -10%, rgba(59,130,246,.20), transparent),
      radial-gradient(900px 450px at 110% 0%, rgba(165,180,252,.18), transparent),
      linear-gradient(180deg,#0f172a 0%,#0b1220 100%),
      url('img/hero-poster.jpg') center/cover no-repeat;
  }
}

/* Título y subtítulo */
#alianzas .section-title{
  position:relative;
  font-size:clamp(26px,4.6vw,36px);
  font-weight:900;
  line-height:1.18;
  margin:0 0 8px;
  color:#f8fafc;
  text-shadow:0 2px 8px rgba(0,0,0,.25);
}
#alianzas .section-title::after{
  content:"";
  display:block;
  width:58px;
  height:5px;
  margin-top:6px;
  background:linear-gradient(90deg,var(--brand,#3b82f6),var(--accent,#a5b4fc));
  border-radius:0;
  box-shadow:0 1px 6px rgba(59,130,246,.22);
}
#alianzas .subtitle{
  font-size:clamp(15px,2vw,17px);
  color:#cbd5e1;
  margin:0 0 16px;
}
#alianzas .ally-kicker{
  display:block;
  margin:0 0 6px;
  color:#9fb4d7;
  font-weight:800;
  font-size:.78rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  line-height:1;
}
#alianzas .ally-title{
  position:relative;
  color:#e5e7eb;
  margin:4px 0 10px;
  font-weight:900;
}
#alianzas .ally-title::after{
  content:"";
  display:block;
  width:64px;
  height:6px;
  margin-top:10px;
  background:linear-gradient(90deg,var(--brand,#3b82f6),var(--accent,#a5b4fc));
}
#alianzas .ally-subtitle{
  color:#cbd5e1;
  margin:0 0 18px;
}

/* -----------------------------
   GRID ESTÁTICA DE LOGOS
----------------------------- */

:root{
  --ally-w:260px;
  --ally-h:110px;
}

.ally-grid{
  list-style:none;
  margin:18px auto 0;
  padding:0;
  max-width:1100px; /* centra y acota el ancho */
  display:grid;
  gap:clamp(16px,3vw,32px);
  grid-template-columns:repeat(3, minmax(0,1fr)); /* 3 - 3 - 3 */
  justify-items:center;
  align-items:center;
}

.ally-grid li,
.ally-grid a{
  display:flex;
  align-items:center;
  justify-content:center;
}

.ally-logo{
  width:100%;
  max-width:var(--ally-w);
  height:var(--ally-h);
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0;
}

/* Logos en gris SIEMPRE */
.ally-logo img,
.ally-grid img{
  width:auto;
  height:72px;
  max-width:100%;
  object-fit:contain;
  filter:grayscale(100%); /* gris permanente */
  opacity:.85;
  transition:transform .25s ease;
}

/* Hover suave solo de movimiento (sin color) */
.ally-logo:hover img,
.ally-logo a:hover img,
.ally-grid li:hover img,
.ally-grid a:hover img{
  transform:translateY(-2px);
}

/* Ajustes por tipo de logo */
.ally-logo--wide img{
  height:64px;
}
.ally-logo--square img{
  height:84px;
}
.ally-logo--udd img{
  height:85px;
}

/* Responsivo: en pantallas más pequeñas se rompe a 2 y luego a 1 */
@media (max-width:992px){
  .ally-grid{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }
}
@media (max-width:576px){
  .ally-grid{
    grid-template-columns:repeat(1, minmax(0,1fr));
  }
}

/* =========================================================
   13) CLIENTES PC
========================================================= */
.clientes{padding:64px 0;background:#fff;border-top:1px solid #e5e7eb}
.clientes .section-title,.clientes .subtitle{color:#0f172a}
.logos-grid{list-style:none;padding:0;margin:0;display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));align-items:center}
.logos-grid li{
  display:flex;align-items:center;justify-content:center;padding:16px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;
  box-shadow:0 2px 8px rgba(0,0,0,.03);transition:box-shadow .2s,transform .2s
}
.logos-grid li:hover{box-shadow:0 6px 14px rgba(0,0,0,.07);transform:translateY(-2px)}
.logos-grid img{width:auto;height:42px;max-width:100%;object-fit:contain;filter:grayscale(100%) opacity(.85) contrast(1.05);transition:filter .2s,transform .2s}
.logos-grid li:hover img{filter:grayscale(0%) opacity(1) contrast(1.08);transform:translateY(-1px)}
@media (min-width:768px){.logos-grid{gap:32px}.logos-grid img{height:48px}}
@media (min-width:1200px){.logos-grid img{height:52px}}
#clientes .section-title{
  position:relative;display:inline-block;font-size:clamp(26px,4.6vw,36px);font-weight:900;line-height:1.18;margin:0 0 8px;color:#0f172a
}
#clientes .section-title::after{
  content:"";display:block;width:58px;height:5px;margin-top:6px;background:linear-gradient(90deg,var(--brand,#3b82f6),var(--accent,#a5b4fc));
  border-radius:0;box-shadow:0 1px 6px rgba(59,130,246,.18)
}
#clientes .subtitle{font-size:clamp(15px,2vw,17px);color:#475569;margin:0 0 16px}
/* =========================================================
   CLIENTES — CONTROL PC/MÓVIL
========================================================= */
#clientes-movil { display: none !important; }
#clientes { display: block; }

@media (max-width: 768px) {
  #clientes { display: none !important; }
  #clientes-movil { display: block !important; }
}
/* =========================================================
   CLIENTES MÓVIL
========================================================= */
/* Mostrar solo móvil (oculta PC) */
#clientes-movil { display: none; }
@media (max-width: 768px){
  #clientes       { display: none !important; }  /* oculta versión PC */
  #clientes-movil { display: block !important; } /* muestra móvil */
}

/* Estilos móvil */
@media (max-width: 768px){
  #clientes-movil{
    background:#fff;
    padding:64px 0;
    border-top:1px solid #e5e7eb;
  }
  #clientes-movil .section-title{
    position:relative; display:inline-block;
    font-size:clamp(26px,4.6vw,36px);
    font-weight:900; line-height:1.18;
    margin:0 0 8px; color:#0f172a;
  }
  #clientes-movil .section-title::after{
    content:""; display:block; width:58px; height:5px; margin-top:6px;
    background:linear-gradient(90deg,var(--brand,#3b82f6),var(--accent,#a5b4fc));
    box-shadow:0 1px 6px rgba(59,130,246,.18);
  }
  #clientes-movil .subtitle{
    font-size:clamp(15px,2vw,17px); color:#475569; margin:0 0 16px;
  }

  /* La fila funciona como máscara del track animado */
  #clientes-movil .logos-grid{
    position:relative;
    overflow:hidden;
    list-style:none;
    margin:0;
    padding:8px 0;
    /* este gap lo usamos dentro de los grupos en el JS */
    gap:16px;
  }

  /* Tarjetas de cada logo (los <li> originales) */
  #clientes-movil .logos-grid li{
    margin:0; min-width:120px; box-sizing:border-box;
    display:flex; align-items:center; justify-content:center;
    padding:12px 10px; background:#fff;
    border:1px solid #e5e7eb; border-radius:14px;
    box-shadow:0 2px 8px rgba(0,0,0,.03);
    transition:transform .2s, box-shadow .2s;
  }
  #clientes-movil .logos-grid li:hover{
    transform:translateY(-2px);
    box-shadow:0 6px 14px rgba(0,0,0,.07);
  }
  #clientes-movil .logos-grid img{
    display:block; height:40px; width:auto; object-fit:contain;
    filter:grayscale(100%) opacity(.85) contrast(1.05);
    transition:filter .2s, transform .2s;
  }
  #clientes-movil .logos-grid li:hover img{
    filter:grayscale(0%) opacity(1) contrast(1.08);
    transform:translateY(-1px);
  }
}


/* =========================================================
   14) FOOTER
========================================================= */
.site-footer{
  background:#0b1220;
  color:var(--ink);
  padding:28px 0 20px;
  border-top:1px solid rgba(255,255,255,.06);
  font-size:.95rem;
  margin-bottom:0 !important;
}

.site-footer a{color:#e5e7eb}
.site-footer a:hover{color:var(--accent);text-decoration:underline}

.site-footer .container{
  --fxpad:110px;
  --left-nudge:0px;
  --contacts-left:380px;
  max-width:1640px;
  padding:0 var(--fxpad);
  position:relative;
  min-height:84px;
  display:flex;
  align-items:center;
}

/* bloque izquierdo: logo + texto */
.footer-left{
  margin-left:calc(-1 * var(--fxpad) - var(--left-nudge));
  padding-left:0;
  display:flex;              /* logo + texto en fila */
  align-items:center;
  gap:10px;
}

.footer-logo{
  height:55px;               /* tamaño principal del logo */
  width:auto;
  display:block;
}

/* texto a la derecha del logo */
.footer-left-text{
  display:flex;
  flex-direction:column;
  max-width:300px;           /* evita que choque con los contactos */
}

.footer-left-text strong{
  display:block;
  font-size:1.1rem;
  margin-bottom:2px;
}

.footer-left-text p{
  margin:0;
  color:#cbd5e1;
}

/* bloque contactos centro */
.footer-contacts{
  position:absolute;
  left:var(--contacts-left);
  top:50%;
  transform:translateY(-50%);
  background:rgba(8,17,31,.9);
  padding:10px 14px;
  border-radius:8px;
  box-shadow:0 4px 14px rgba(2,6,23,.25);
  display:flex;
  flex-direction:column;
  gap:8px;
  white-space:nowrap;
}
.footer-contacts p{
  margin:0;
  line-height:1.25;
}
.footer-contacts i{
  color:#cdd6e0;
  margin-right:6px;
}

/* bloque derecho (síguenos) */
.footer-right{
  position:absolute;
  right:16px;
  top:50%;
  transform:translateY(-50%);
  text-align:right;
  background:rgba(8,17,31,.9);
  padding:10px 14px;
  border-radius:8px;
  box-shadow:0 4px 14px rgba(2,6,23,.25);
  display:flex;
  flex-direction:column;
  align-items:flex-end;
}

.footer-title{margin:0 0 8px}

.footer-socials{
  display:flex;
  align-items:center;
  gap:20px;
  margin-left:24px;
}
.footer-socials a{
  display:flex;
  align-items:center;
  gap:6px;
  color:#e5e7eb;
  font-weight:500;
  transition:color .2s;
}
.footer-socials a:hover{color:var(--brand,#3b82f6)}
.footer-socials i{font-size:1.2rem}

.footer-center{display:none}

/* anchos intermedios (993px–1400px) */
@media (max-width:1400px) and (min-width:993px){
  .site-footer .container{
    --fxpad:40px;
    --contacts-left:40px;
  }

  .footer-left{
    margin-left:0;
    padding-left:0;
  }

  .footer-contacts,
  .footer-right{
    position:static;
    transform:none;
    margin:0 0 0 24px;
  }

  .footer-right{
    margin-left:auto;
  }
}

/* tablet / desktop chico (≤992px) */
@media (max-width:992px){
  .site-footer .container{--fxpad:24px}

  .footer-contacts,
  .footer-right{
    position:static;
    transform:none;
    margin:8px 0 0;
  }

  .footer-right{
    align-items:flex-start;
    text-align:left;
  }

  .footer-left{
    margin-left:0;
    padding-left:0;
  }
}

/* mobile chico (≤576px) */
@media (max-width:576px){
  .site-footer .container{
    --fxpad:16px;
    --contacts-left:16px;
    padding:0 20px;
    flex-direction:column;
    align-items:flex-start;
  }

  /* logo encima del texto y centrado */
  .footer-left{
    flex-direction:column;
    align-items:center;
    text-align:center;
    margin-bottom:8px;
  }

  .footer-logo{
    height:34px;             /* un poco más chico en móvil */
    margin-bottom:6px;
  }

  .footer-left-text{
    max-width:100%;
  }
}

/* ajustes extra mobile (≤768px) */
@media (max-width:768px){
  .footer-right{
    align-items:center !important;
    text-align:center !important;
    width:100%;
  }

  .footer-socials{
    margin-left:0 !important;
    justify-content:center !important;
    gap:16px;
    flex-wrap:wrap;
    width:100%;
  }

  .footer-socials a{
    justify-content:center;
  }
}



/* =========================================================
   15) WHATSAPP FAB + MENÚ
========================================================= */
.fab-whatsapp{
  position:fixed !important;right:20px;bottom:20px;z-index:10000;width:60px;height:60px;display:flex;align-items:center;justify-content:center;
  font-size:28px;background:#25d366;color:#fff;border-radius:50%;box-shadow:0 12px 28px rgba(0,0,0,.25),0 0 0 2px rgba(255,255,255,.12) inset;transition:transform .2s,box-shadow .2s
}
.fab-whatsapp:hover{transform:translateY(-2px) scale(1.05);color:#fff}
#waMenu{
  background:#fff !important;color:#0b1220 !important;border:1px solid #d1fae5 !important;border-radius:14px !important;max-width:380px;width:100%;
  box-shadow:0 18px 40px rgba(2,6,23,.16) !important
}
#waMenu .wa-head,#waMenu header{background:#25d366 !important;color:#fff !important;border-bottom:1px solid rgba(0,0,0,.06) !important}
#waMenu .wa-head *{color:#fff !important}
#waMenu .quick-item,#waMenu button[type="button"]{
  background:#fff !important;color:#14532d !important;border:1.5px solid #25d366 !important;font-weight:600 !important;border-radius:10px !important
}
#waMenu .quick-item:hover,#waMenu button[type="button"]:hover{background:#eafff3 !important;border-color:#22c55e !important}
#waMenu input{background:#fff !important;color:#0b1220 !important;border:1.5px solid #25d366 !important;border-radius:10px !important}
#waMenu input::placeholder{color:#6b7280 !important}
#waMenu .wa-send,#waMenu .wa-submit,#waMenu .wa-footer button,#waMenu button[type="submit"]{
  background:#25d366 !important;color:#fff !important;font-weight:700 !important;border:0 !important;border-radius:10px !important;
  box-shadow:0 10px 20px rgba(37,211,102,.22) !important
}
#waMenu .wa-send:hover,#waMenu .wa-submit:hover,#waMenu .wa-footer button:hover,#waMenu button[type="submit"]:hover{filter:brightness(1.06) !important}
#waOverlay{background:rgba(2,6,23,.45) !important}
@media (max-width:576px){
  #waMenu{position:fixed;left:5% !important;right:5% !important;bottom:10px !important;width:90% !important;max-width:none !important;border-radius:16px !important}
}

/* =========================================================
   16) RESPONSIVE — FOOTER
========================================================= */
@media (max-width:992px){
  .footer-flex{flex-direction:column;align-items:center;text-align:center}
  .footer-right{margin-left:0;align-items:center;text-align:center}
  .footer-socials{justify-content:center}
}

/* =========================================================
   17) AJUSTES EXTRA PARA MÓVIL
========================================================= */
body.has-fab{padding-bottom:96px}
@media (max-width:576px){body.has-fab{padding-bottom:82px}}
body.nav-open{overflow:hidden}

:root{
  --title-blue:#191f5b;
}
 
#servicios .svc-head h2,
#equipo .equipo-title,
#clientes .section-title,
#clientes-movil .section-title {
  color: var(--title-blue) !important;
}