:root{--nav-h:66px}
.nav{
  position:fixed!important;inset:0 0 auto!important;z-index:5000!important;height:var(--nav-h)!important;
  background:#000!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.1)!important;
  color:#fff!important;overflow:visible!important;transition:background .35s ease,border-color .35s ease,box-shadow .35s ease!important;
}

/* Launcher global del chatbot: burbujas de conversación + tarjeta NAVOA. */
body .navoa-agent {
  right: max(36px, env(safe-area-inset-right)) !important;
  bottom: max(36px, env(safe-area-inset-bottom)) !important;
}

/* Launcher simplificado: ícono SVG de dos burbujas de conversación circulares
   con colas en direcciones opuestas — nada de tarjeta ni texto. */
body .navoa-agent__toggle[data-launcher-design="conversation-card"] {
  position: relative;
  display: block !important;
  width: 74px !important;
  height: 74px !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #fff !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  isolation: isolate;
}

body .navoa-agent__toggle[data-launcher-design="conversation-card"]:hover {
  transform: translateY(-3px);
  box-shadow: none !important;
}

.navoa-launcher__icon {
  display: block;
  width: 100%;
  height: 100%;
  filter: drop-shadow(0 4px 10px rgba(10, 47, 126, .22));
}

@media (max-width:767px) {
  body .navoa-agent {
    right: max(24px, env(safe-area-inset-right)) !important;
    bottom: max(24px, env(safe-area-inset-bottom)) !important;
  }

  body .navoa-agent__toggle[data-launcher-design="conversation-card"] {
    width: 64px !important;
    height: 64px !important;
  }
}
.nav.is-scrolled{background:#000!important;backdrop-filter:none;-webkit-backdrop-filter:none}

/* Clínicas y Hospitales — navegación negra de borde a borde */
.nav.nav--clinics,
.nav.nav--clinics.is-scrolled{
  background:#000!important;
  border-bottom-color:rgba(255,255,255,.1)!important;
}
.nav.nav--clinics .nav-links,
.nav.nav--clinics .nav-links>a,
.nav.nav--clinics .nav-item>a{
  color:#fff!important;
}
.nav.nav--hero-overlay:not(.is-scrolled){
  background:transparent!important;
  border-bottom-color:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.nav.nav--hero-overlay:not(.is-scrolled) .logo__img{filter:brightness(0) invert(1)!important}
.nav.nav--hero-overlay:not(.is-scrolled) .nav-links{color:#fff!important}
.nav.nav--hero-overlay:not(.is-scrolled) .nav-links>a,
.nav.nav--hero-overlay:not(.is-scrolled) .nav-item>a{color:rgba(255,255,255,.88)!important}
.nav.nav--hero-overlay:not(.is-scrolled) .nav-links>a:hover,
.nav.nav--hero-overlay:not(.is-scrolled) .nav-item>a:hover{color:#fff!important}
.nav.nav--hero-overlay:not(.is-scrolled) .lang-switch__item{color:rgba(255,255,255,.76)!important}
.nav.nav--hero-overlay:not(.is-scrolled) .lang-switch__item.is-active{color:#fff!important}
.nav.nav--hero-overlay:not(.is-scrolled) .lang-switch__sep{background:rgba(255,255,255,.3)!important}
.nav.nav--hero-overlay:not(.is-scrolled) .nav-talk{color:#fff!important;border-color:rgba(255,255,255,.5)!important;background:rgba(255,255,255,.08)!important}
.nav.nav--hero-overlay:not(.is-scrolled) .nav-toggle span{background:#fff!important}
.nav-inner{
  position:relative!important;z-index:5001!important;width:100%!important;max-width:1440px!important;height:var(--nav-h)!important;
  min-height:var(--nav-h)!important;margin:0 auto!important;padding:0 clamp(26px,4vw,68px)!important;
  display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;gap:20px!important;overflow:visible!important;
}
.nav .logo{position:relative;z-index:5003;display:flex;align-items:center;gap:8px;flex-shrink:0;color:#fff}
.nav .navoa-brand__logo{display:block;height:17px;width:auto}
.nav .nav-links{
  position:relative!important;z-index:5002!important;display:flex!important;justify-content:center!important;align-items:center!important;
  gap:30px!important;max-height:none!important;background:transparent!important;color:rgba(255,255,255,.86)!important;
  font-family:var(--font-body)!important;font-size:.9375rem!important;font-weight:400!important;letter-spacing:.045em!important;text-transform:uppercase!important;overflow:visible!important;
}
.nav .nav-links>a,.nav .nav-item>a{position:relative;display:flex;align-items:center;gap:5px;padding:4px 0!important;color:#fff!important;border:0!important;white-space:nowrap}
.nav .nav-links>a::after,.nav .nav-item>a::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:#8fa8ff;transform:scaleX(0);transform-origin:left;transition:transform .35s ease}
.nav .nav-links>a:hover,.nav .nav-item>a:hover{color:#fff!important}.nav .nav-links>a:hover::after,.nav .nav-item>a:hover::after{transform:scaleX(1)}
.nav .nav-item{position:relative}.nav .nav-caret{transition:transform .3s ease}.nav .nav-item:hover .nav-caret,.nav .nav-item.open .nav-caret{transform:rotate(180deg)}
.nav .nav-dropdown{
  position:absolute!important;z-index:5200!important;top:calc(100% + 10px)!important;left:0!important;width:auto!important;min-width:232px!important;
  margin:0!important;padding:6px!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;
  opacity:0!important;visibility:hidden!important;transform:translateY(6px)!important;transition:opacity .28s ease,transform .28s ease,visibility .28s!important;
}
.nav .nav-item:hover .nav-dropdown,.nav .nav-item.open .nav-dropdown{opacity:1!important;visibility:visible!important;transform:translateY(0)!important}
.nav .nav-dropdown a{position:relative;display:block!important;width:100%;padding:11px 14px!important;border:0!important;border-radius:9px;color:#fff!important;transition:background .25s ease}
.nav .nav-dropdown a::after{display:none!important}.nav .nav-dropdown a:hover,.nav .nav-dropdown a.is-active{background:transparent!important}
.nav .nav-dropdown a.is-active::before{display:none!important}
.nav .nav-dropdown strong{display:block;font-size:.9062rem;font-weight:500;color:#fff}.nav .nav-dropdown span{display:block;margin-top:3px;font-size:.7812rem;color:rgba(255,255,255,.62)}
.nav .services-item{position:static}.nav .services-menu{left:50%!important;top:calc(100% + 7px)!important;width:min(820px,calc(100vw - 48px))!important;min-width:0!important;padding:14px!important;border:1px solid rgba(157,192,239,.18)!important;border-radius:16px!important;background:rgba(3,8,15,.98)!important;box-shadow:0 24px 64px rgba(0,0,0,.48)!important;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);transform:translate(-50%,6px)!important}.nav .services-item:hover .services-menu,.nav .services-item.open .services-menu{transform:translate(-50%,0)!important}.nav .services-menu__head{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;padding:1px 3px 12px;border-bottom:1px solid rgba(255,255,255,.12);text-transform:none}.nav .services-menu__head b{display:block;color:#fff;font-family:var(--font-body);font-size:.75rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase}.nav .services-menu__head p{max-width:490px;margin:5px 0 0;color:rgba(226,235,248,.62);font-family:var(--font-body);font-size:.75rem;line-height:1.35;letter-spacing:0;text-transform:none}.nav .services-menu .services-menu__all{flex:0 0 auto;margin:0!important;color:#9ec4f4!important;font-family:var(--font-body);font-size:.75rem!important;letter-spacing:0;text-transform:none}.nav .services-menu__all i{font-style:normal;transition:transform .25s ease}.nav .services-menu__all:is(:hover,:focus-visible) i{transform:translate(2px,-2px)}.nav .services-menu__grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:7px}.nav .services-card{position:relative!important;min-height:132px;padding:15px 40px 15px 15px!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:11px!important;background:rgba(255,255,255,.035)!important;text-transform:none;transition:border-color .28s ease,background .28s ease,transform .28s ease!important}.nav .services-card:hover{border-color:rgba(124,177,247,.38)!important;background:rgba(42,91,157,.14)!important;transform:translateY(-2px)}.nav .services-card>span{margin:0!important;color:#7eaded!important;font:500 .75rem var(--font-mono)!important;letter-spacing:.1em!important;text-transform:uppercase!important}.nav .services-card>strong{margin-top:10px;color:#f4f7fb!important;font-family:var(--font-body);font-size:1.0938rem!important;font-weight:500!important;line-height:1.1;letter-spacing:-.025em}.nav .services-card>p{margin:8px 0 0;color:rgba(222,232,245,.61);font-family:var(--font-body);font-size:.75rem;line-height:1.4;letter-spacing:0}.nav .services-card>i{position:absolute;right:15px;bottom:14px;color:#88b9f5;font-style:normal;font-size:.9375rem;transition:transform .25s ease}.nav .services-card:hover>i{transform:translateX(4px)}.nav .services-card::after{display:none!important}.nav .has-active-service>a{background:rgba(255,255,255,.11)!important}
/* Servicios — panel editorial claro y compacto. */
@media (min-width:1024px){
  .nav .services-menu{
    left:50%!important;top:calc(100% + 5px)!important;
    width:min(820px,calc(100vw - 40px))!important;
    padding:17px 18px 18px!important;
    border:1px solid rgba(20,35,50,.13)!important;border-radius:14px!important;
    background:#F7F6F2!important;box-shadow:0 22px 55px rgba(7,18,30,.18)!important;
    backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important
  }
  .nav .services-menu__head{align-items:center;justify-content:flex-end;gap:0;padding:0 1px 6px;border-bottom:0}
  .nav .services-menu__head b{color:#172737;font-size:.75rem;font-weight:500;letter-spacing:.14em}
  .nav .services-menu__head p{max-width:355px;margin:4px 0 0;color:#66727C;font-size:.75rem;line-height:1.35}
  .nav .services-menu .services-menu__all{display:inline-flex!important;width:auto!important;padding:0!important;color:#315F9C!important;font-size:.75rem!important;font-weight:500;white-space:nowrap}
  .nav .services-menu__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:0}
  .nav .services-card{
    height:auto;min-height:116px;padding:11px 32px 10px 12px!important;overflow:hidden;
    border:1px solid rgba(20,35,50,.12)!important;border-radius:9px!important;
    background:transparent!important;box-shadow:none!important
  }
  .nav .services-card:nth-child(odd),.nav .services-card:nth-child(even){padding:11px 32px 10px 12px!important}
  .nav .services-card:nth-last-child(-n+2){border:1px solid rgba(20,35,50,.12)!important}
  .nav .services-menu__grid>.services-card{border:1px solid rgba(20,35,50,.12)!important;border-radius:9px!important}
  .nav .services-card{transition:border-color .22s ease,background-color .22s ease,box-shadow .22s ease,transform .22s ease!important}
  .nav .services-card:hover,.nav .services-card:focus-visible{transform:translateY(-1px)}
  /* 01 / Diagnóstico — Estrategia de IA: azul NAVOA (el mismo del CTA principal del sitio) */
  .nav .services-card:nth-child(1):hover,.nav .services-card:nth-child(1):focus-visible{border-color:rgba(32,110,243,.55)!important;background:rgba(32,110,243,.07)!important;box-shadow:0 8px 20px rgba(32,110,243,.14)!important}
  .nav .services-card:nth-child(1):hover>i,.nav .services-card:nth-child(1):focus-visible>i{color:#206EF3}
  /* 02 / Construir — IA a medida: violeta NAVOA (ya usado en el sistema visual de Estrategia/Construir) */
  .nav .services-card:nth-child(2):hover,.nav .services-card:nth-child(2):focus-visible{border-color:rgba(117,103,232,.5)!important;background:rgba(117,103,232,.07)!important;box-shadow:0 8px 20px rgba(117,103,232,.14)!important}
  .nav .services-card:nth-child(2):hover>i,.nav .services-card:nth-child(2):focus-visible>i{color:#7567E8}
  /* 03 / Adoptar — Adopción e implementación: verde NAVOA (el mismo de "Empieza ahora"/Programas) */
  .nav .services-card:nth-child(3):hover,.nav .services-card:nth-child(3):focus-visible{border-color:rgba(47,107,58,.5)!important;background:rgba(201,242,124,.18)!important;box-shadow:0 8px 20px rgba(47,107,58,.12)!important}
  .nav .services-card:nth-child(3):hover>i,.nav .services-card:nth-child(3):focus-visible>i{color:#2F6B3A}
  /* Micro-mensaje flotante por tarjeta — mismo color de acento, aparece solo en hover/focus */
  .nav .services-card:hover,.nav .services-card:focus-visible{overflow:visible!important;z-index:5}
  .nav .services-card__callout{position:absolute!important;left:50%!important;bottom:100%!important;margin-bottom:8px!important;padding:7px 14px!important;border-radius:999px!important;color:#fff!important;font:500 .75rem/1.2 var(--font-body)!important;font-style:normal!important;letter-spacing:-.005em!important;white-space:nowrap!important;opacity:0!important;pointer-events:none!important;transform:translate(-50%,4px)!important;transition:opacity .18s ease,transform .18s ease!important;box-shadow:0 10px 22px rgba(10,20,35,.16)!important}
  .nav .services-card:hover .services-card__callout,.nav .services-card:focus-visible .services-card__callout{opacity:1!important;transform:translate(-50%,0)!important}
  .nav .services-card:nth-child(1) .services-card__callout{background:#206EF3!important}
  .nav .services-card:nth-child(2) .services-card__callout{background:#7567E8!important}
  .nav .services-card:nth-child(3) .services-card__callout{background:#2F6B3A!important}
  @media(prefers-reduced-motion:reduce){.nav .services-card__callout{transition:none!important}}
  .nav .services-card>span{color:#53729A!important;font-size:.75rem!important;font-weight:500!important;letter-spacing:.11em!important}
  .nav .services-card>strong{margin-top:6px;color:#182A3A!important;font-size:1.0312rem!important;font-weight:500!important;line-height:1.12;letter-spacing:-.018em}
  .nav .services-card>p{
    display:block;margin:5px 0 0;color:#697680;font-size:.75rem;line-height:1.34;
  }
  .nav .services-card>i{right:10px;bottom:11px;color:#315F9C;font-size:.75rem;transition:color .22s ease,transform .25s ease}
  .nav .resources-item{position:relative}
  .nav .resources-menu{
    left:50%!important;top:calc(100% + 5px)!important;width:190px!important;min-width:190px!important;
    padding:13px!important;border:1px solid rgba(20,35,50,.13)!important;border-radius:12px!important;
    background:#F7F6F2!important;box-shadow:0 18px 42px rgba(7,18,30,.17)!important;
    transform:translate(-50%,6px)!important
  }
  .nav .resources-item:hover .resources-menu,.nav .resources-item.open .resources-menu{transform:translate(-50%,0)!important}
  .nav .resources-menu>b{display:block;padding:2px 9px 9px;color:#64717C;font:500 .75rem var(--font-mono);letter-spacing:.08em;text-transform:uppercase}
  .nav .resources-menu a{padding:9px!important;color:#182A3A!important}
  .nav .resources-menu a:hover{background:rgba(32,110,243,.055)!important}
  .nav .resources-menu strong{color:#182A3A!important;font-size:.8125rem;font-weight:500}
}

.nav .nav-right{position:relative;z-index:5003;display:flex!important;align-items:center!important;justify-self:end!important;gap:14px!important}
.nav .lang-switch{display:inline-flex!important;align-items:center;gap:10px}.nav .lang-switch__item{display:inline-block;padding:8px 4px;border:0;background:none;font-family:var(--font-body);font-size:.8938rem;font-weight:400;line-height:1;letter-spacing:.035em;text-transform:uppercase;color:rgba(255,255,255,.78);text-decoration:none;cursor:pointer}.nav .lang-switch__item.is-active{font-weight:400;color:#fff}.nav .lang-switch__sep{width:1px;height:11px;background:rgba(255,255,255,.28)}
.nav .nav-talk{display:inline-flex!important;align-items:center;gap:8px;padding:10px 16px!important;border:1px solid rgba(255,255,255,.42)!important;border-radius:999px!important;background:rgba(255,255,255,.06)!important;color:#fff!important;font-family:var(--font-body);font-size:.875rem;font-weight:400;line-height:1;letter-spacing:.035em;text-transform:uppercase;white-space:nowrap;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .3s ease,transform .3s ease}.nav .nav-talk:hover{background:rgba(255,255,255,.14)!important;transform:translateY(-1px)}
.nav .nav-toggle{display:none;width:30px;height:24px;padding:3px 0;border:0;background:none;cursor:pointer;flex-direction:column;justify-content:space-between}.nav .nav-toggle span{display:block;width:100%;height:1.5px;background:#fff!important;transition:transform .3s ease,opacity .3s ease}.nav .nav-links__mobile-cta{display:none!important}

/* Navegación compartida — botones rectangulares tipo Tempus */
@media(min-width:1024px){
  .nav .nav-links{gap:14px!important}
  .nav .navoa-brand__logo{height:19px}
  .nav .lang-switch__item{font-size:1.0188rem!important}
  .nav .nav-links>a:not(.nav-links__mobile-cta),
  .nav .nav-item>a{
    height:27px;min-height:27px;padding:0 9px!important;
    border:1px solid #fff!important;border-radius:4px!important;
    background:rgba(0,0,0,0)!important;color:#fff!important;
    font-size:.9375rem!important;font-weight:400!important;line-height:1!important;letter-spacing:.045em!important;
    transition:background .25s ease,border-color .25s ease,transform .25s ease!important
  }
  .nav .nav-links>a:not(.nav-links__mobile-cta)::after,
  .nav .nav-item>a::after{display:none!important}
  .nav .nav-links>a:not(.nav-links__mobile-cta):hover,
  .nav .nav-item>a:hover,
  .nav .nav-item.open>a{
    border-color:#fff!important;background:rgba(255,255,255,.11)!important;transform:translateY(-1px)
  }
  .nav .nav-dropdown{top:calc(100% + 10px)!important}
  .nav .nav-talk{
    height:27px;min-height:27px;padding:0 9px!important;
    border:1px solid #fff!important;border-radius:4px!important;
    background:rgba(0,0,0,0)!important;color:#fff!important;
    font-size:.9375rem!important;font-weight:400!important;letter-spacing:.045em!important;
    backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  }
  .nav .nav-talk:hover{background:rgba(255,255,255,.11)!important;transform:translateY(-1px)}
}

@media(max-width:1439px) and (min-width:1024px){.nav .nav-links{gap:8px!important;font-size:.8438rem!important}.nav-inner{padding-inline:28px!important}.nav .nav-right{gap:9px!important}.nav .nav-talk{padding:0 9px!important}}
@media(max-width:1023px){
  /* En móvil, el header del home ocupa su propia franja y no cubre el hero. */
  body.navoa-home .nav.nav--hero-overlay,
  body.navoa-home .nav.nav--hero-overlay:not(.is-scrolled){
    background:#000!important;
    border-bottom-color:rgba(255,255,255,.12)!important;
  }
  body.navoa-home .hero{margin-top:var(--nav-h)!important}
  body.navoa-home .hero .hero-viewport{
    padding-top:calc(env(safe-area-inset-top) + 36px)!important;
  }
  .nav-inner{grid-template-columns:auto auto!important;justify-content:space-between!important;padding-inline:24px!important}
  .nav .nav-right{gap:0!important}.nav .lang-switch,.nav .nav-talk{display:none!important}.nav .nav-toggle{display:flex!important}
  .nav .nav-links{position:fixed!important;z-index:4999!important;top:var(--nav-h)!important;left:0!important;right:0!important;display:flex!important;align-items:stretch!important;flex-direction:column!important;gap:0!important;max-height:0!important;overflow:hidden!important;background:#000!important;border-bottom:1px solid rgba(255,255,255,.1)!important;transition:max-height .45s ease!important}
  .nav .nav-links.open{max-height:calc(100dvh - var(--nav-h))!important;overflow-y:auto!important}
  .nav .nav-links>a,.nav .nav-item>a{width:100%;justify-content:space-between;padding:16px 24px!important;border-top:1px solid rgba(255,255,255,.08)!important;color:#fff!important}
  .nav .nav-links>a::after,.nav .nav-item>a::after{display:none}.nav .nav-item{width:100%}
  .nav .nav-dropdown{position:static!important;display:none!important;width:auto!important;min-width:0!important;margin:0 24px 10px!important;padding:6px 0!important;opacity:1!important;visibility:visible!important;transform:none!important;box-shadow:none!important;background:transparent!important}
  .nav .nav-item.open .nav-dropdown{display:block!important;transform:none!important}.nav .nav-dropdown a{padding:13px 16px!important}
  .nav .services-item{position:relative}.nav .services-menu{width:auto!important;margin:0 18px 10px!important;padding:4px 0!important;border:0!important;border-radius:0!important;background:transparent!important;backdrop-filter:none;box-shadow:none!important}.nav .services-item.open .services-menu{display:block!important;transform:none!important}.nav .services-menu__head{display:flex;justify-content:flex-start;padding:12px 16px;border-bottom:0}.nav .services-menu__grid{display:grid;grid-template-columns:1fr;gap:0;margin:0}.nav .services-card{min-height:0;padding:15px 38px 15px 16px!important;border:0!important;border-top:1px solid rgba(255,255,255,.08)!important;border-radius:0!important;background:transparent!important;transform:none!important}.nav .services-card>span{font-size:.75rem!important}.nav .services-card>strong{margin-top:7px;font-size:.9375rem!important}.nav .services-card>p{margin-top:6px;font-size:.75rem;line-height:1.45}.nav .services-card>i{right:16px;bottom:16px;font-size:.9375rem}
  .nav .resources-menu{margin:0 24px 10px!important;padding:4px 0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.nav .resources-menu>b{display:none}.nav .resources-menu a{color:#fff!important}.nav .resources-menu strong{color:#fff!important;font-size:.875rem}
  .nav .nav-links__mobile-cta{display:flex!important}
  .nav.nav--hero-overlay:not(.is-scrolled) .nav-links{background:#000!important;border-bottom-color:rgba(255,255,255,.12)!important}
  .nav.nav--hero-overlay:not(.is-scrolled) .nav-links>a,
  .nav.nav--hero-overlay:not(.is-scrolled) .nav-item>a{border-top-color:rgba(255,255,255,.1)!important;color:#fff!important}
  .nav.nav--clinics .nav-links{background:#000!important}
  .nav.nav--clinics .nav-links>a,.nav.nav--clinics .nav-item>a{color:#fff!important}
}
@media(prefers-reduced-motion:reduce){.nav .services-card,.nav .services-card>i{transition:none!important}.nav .services-card:hover,.nav .services-card:focus-visible{transform:none!important}}


/* Servicios (escritorio) — más notoriedad: textos más grandes y con mayor contraste, categoría en el color
   de cada servicio y una línea de acento siempre visible arriba de cada tarjeta. */
@media (min-width:1024px){
  .nav .services-menu .services-menu__all{font-size:.75rem!important;font-weight:500;color:#206EF3!important}
  .nav .services-menu__grid{gap:10px}
  .nav .services-card{min-height:132px;padding:15px 34px 14px 15px!important}
  .nav .services-card:nth-child(odd),.nav .services-card:nth-child(even){padding:15px 34px 14px 15px!important}
  .nav .services-menu__grid>.services-card{border-top:3px solid var(--svc-accent)!important;background:#fff!important}
  .nav .services-card:nth-child(1){--svc-accent:#206EF3}
  .nav .services-card:nth-child(2){--svc-accent:#7567E8}
  .nav .services-card:nth-child(3){--svc-accent:#2F6B3A}
  .nav .services-card>span{color:var(--svc-accent)!important;font-size:.75rem!important;font-weight:500!important;letter-spacing:.12em!important}
  .nav .services-card>strong{margin-top:8px;color:#0E1B2A!important;font-size:1.125rem!important;font-weight:500!important;letter-spacing:-.02em}
  .nav .services-card>p{margin-top:7px;color:#3E4A55;font-size:.75rem;line-height:1.42}
  .nav .services-card>i{color:var(--svc-accent);font-size:.875rem}
}

/* Servicios (escritorio): las tres tarjetas compactas e iguales (categoría + nombre, misma altura); al pasar
   el cursor o con foco, la tarjeta se extiende suave y sutilmente y muestra la descripción. */
@media (min-width:1024px){
  .nav .services-menu__grid{align-items:start}
  .nav .services-card,.nav .services-card:nth-child(odd),.nav .services-card:nth-child(even){
    min-height:96px!important;padding:14px 34px 14px 15px!important;
    transition:border-color .5s ease,background-color .5s ease,box-shadow .5s ease,transform .5s cubic-bezier(.22,.61,.36,1)!important}
  .nav .services-card:hover,.nav .services-card:focus-visible{transform:translateY(-1px)}
  .nav .services-card>p{max-height:0;margin-top:0!important;opacity:0;transform:translateY(-4px);overflow:hidden;
    transition:max-height .55s cubic-bezier(.22,.61,.36,1),margin-top .55s cubic-bezier(.22,.61,.36,1),opacity .45s ease .08s,transform .55s cubic-bezier(.22,.61,.36,1)}
  .nav .services-card:hover>p,.nav .services-card:focus-visible>p{max-height:6em;margin-top:8px!important;opacity:1;transform:none}
  .nav .services-card>i{top:auto;bottom:14px}
}
@media (min-width:1024px) and (prefers-reduced-motion:reduce){.nav .services-card,.nav .services-card>p{transition:none!important}}