/* Capacitaciones 2026 — sistema visual unificado con Recursos y Cursos.
 * Dos apariencias reales, assets EPQA propios, responsive sin dependencias externas.
 * La página mantiene ocultos los apartados sin publicar.
 */
body.page-capacitaciones {
  --training-ink:#102c54;
  --training-muted:#405979;
  --training-surface:#ffffff;
  --training-surface-alt:#f4f9ff;
  --training-stroke:#bfd6ef;
  --training-chip:#ecf5ff;
  --training-heading-blue:#075db9;
  --training-heading-purple:#6736c5;
  --training-card-shadow:0 12px 32px rgba(10,54,112,.1);
  --training-hero-bg:linear-gradient(112deg,#061c53 0%,#063d93 57%,#0d70d6 100%);
  --training-step-bg:linear-gradient(110deg,#073679,#114e9b);
  --training-step-ink:#f5faff;
  color:var(--training-ink)!important;
  background:transparent!important;
}
html[data-theme="dark"] body.page-capacitaciones {
  --training-ink:#f2f7ff;
  --training-muted:#d7e4f7;
  --training-surface:#34445f;
  --training-surface-alt:#3b4e6e;
  --training-stroke:#758baa;
  --training-chip:#293c56;
  --training-heading-blue:#75dfff;
  --training-heading-purple:#d2b8ff;
  --training-card-shadow:0 13px 32px rgba(5,12,31,.27);
  --training-hero-bg:linear-gradient(110deg,#303b54 0%,#354c6e 55%,#375e84 100%);
  --training-step-bg:linear-gradient(110deg,#23416f,#325781);
}
body.page-capacitaciones .site-main {
  background:transparent!important;
  color:var(--training-ink)!important;
}
body.page-capacitaciones .training-page {
  max-width:1360px!important;
  margin:18px auto 55px!important;
  padding:0 22px!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  isolation:isolate;
}
body.page-capacitaciones .epqa-training-hero-fix {
  display:grid!important;
  grid-template-columns:minmax(0,1.18fr) minmax(250px,.82fr)!important;
  gap:20px!important;
  align-items:stretch!important;
  position:relative;
  min-height:350px!important;
  padding:clamp(25px,3.6vw,48px)!important;
  margin:0!important;
  border:1px solid #3386d8!important;
  border-radius:24px 24px 0 0!important;
  background:var(--training-hero-bg)!important;
  box-shadow:none!important;
  color:#f4f9ff!important;
  overflow:hidden!important;
}
body.page-capacitaciones .epqa-training-hero-fix::before {
  content:"";
  display:block!important;
  position:absolute;
  inset:0!important;
  width:auto!important;height:auto!important;
  background:url("../img/epqa/catalog/hero-circuits.svg") center/cover no-repeat!important;
  opacity:.48;
  z-index:0;
  pointer-events:none;
}
body.page-capacitaciones .epqa-training-hero__content {
  display:flex!important;flex-direction:column;
  align-items:flex-start;justify-content:center;
  position:relative;z-index:3;
  width:100%;min-width:0;
  border:0!important;border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:0!important;
  text-align:left!important;
}
body.page-capacitaciones .epqa-training-hero__eyebrow {
  display:inline-flex;align-items:center;gap:7px;
  width:fit-content;max-width:100%;
  padding:5px 12px 5px 5px;
  background:#e8f4ff!important;
  border:1px solid #cae4ff;border-radius:999px;
  font:900 clamp(10px,.9vw,12px)/1.35 Nunito,sans-serif!important;
  letter-spacing:.04em;
  color:#075bab!important;
  -webkit-text-fill-color:#075bab!important;
}
body.page-capacitaciones .epqa-training-hero__eyebrow img {
  display:block;width:27px;height:27px;object-fit:contain;
  filter:none!important;
}
body.page-capacitaciones .epqa-training-hero__title {
  max-width:650px!important;
  margin:15px 0 10px!important;
  padding:0!important;
  font:950 clamp(2.25rem,4.7vw,4.1rem)/1.05 "Nunito Sans",Nunito,sans-serif!important;
  letter-spacing:-.038em!important;
  color:#f4f8ff!important;
  -webkit-text-fill-color:#f4f8ff!important;
  text-shadow:none!important;
  text-align:left!important;
  opacity:1!important;
}
body.page-capacitaciones .epqa-training-hero__title span {
  color:#54d9ff!important;
  -webkit-text-fill-color:#54d9ff!important;
}
body.page-capacitaciones .epqa-training-hero__subtitle {
  display:block;
  max-width:550px;
  margin:0 0 21px!important;
  font-size:clamp(14px,1.3vw,17px)!important;
  line-height:1.58!important;
  font-weight:700!important;
  color:#e4f1ff!important;
  -webkit-text-fill-color:#e4f1ff!important;
  opacity:1!important;
  text-align:left!important;
}
body.page-capacitaciones .epqa-training-hero__cta {
  display:inline-flex;align-items:center;justify-content:center;gap:12px;
  padding:12px 20px;min-height:45px;
  border-radius:12px;
  border:1px solid #76dcff;
  background:linear-gradient(110deg,#157cff,#7256ed)!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  font:900 14px/1.15 Nunito,sans-serif;
  text-decoration:none!important;
  box-shadow:0 8px 23px rgba(0,12,64,.29);
}
body.page-capacitaciones .epqa-training-hero__cta span {font-size:20px;line-height:1;}
body.page-capacitaciones .epqa-training-hero__media {
  display:flex;align-items:flex-end;justify-content:center;
  position:relative;z-index:2;
  min-width:0;min-height:265px;
  overflow:visible;
}
body.page-capacitaciones .epqa-training-hero__orbit {
  position:absolute;z-index:0;
  width:min(115%,360px);aspect-ratio:1;border-radius:50%;
  border:5px solid rgba(73,212,255,.45);
  box-shadow:0 0 0 27px rgba(53,181,249,.19),0 0 0 56px rgba(34,189,252,.08);
  left:50%;top:43%;transform:translate(-50%,-50%);
  pointer-events:none;
}
body.page-capacitaciones .epqa-training-hero__avatar {
  position:relative;z-index:1;
  display:block;
  width:min(100%,310px);height:min(100%,328px);
  max-height:328px;
  object-fit:contain;object-position:center bottom;
  filter:drop-shadow(0 15px 20px rgba(0,8,39,.32));
}
body.page-capacitaciones .epqa-training-steps {
  position:relative;z-index:3;
  width:calc(100% - 24px);
  margin:-3px auto 19px;
  padding:14px clamp(10px,2vw,23px);
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;
  border:1px solid #389ce7;border-radius:17px;
  background:var(--training-step-bg)!important;
  color:var(--training-step-ink)!important;
  box-shadow:0 8px 22px rgba(8,36,99,.14);
}
body.page-capacitaciones .epqa-training-step {
  display:flex;align-items:center;gap:11px;min-width:0;
  color:var(--training-step-ink)!important;
}
body.page-capacitaciones .epqa-training-step__number {
  flex:none;display:grid;place-items:center;
  width:33px;height:33px;
  border-radius:50%;
  color:#fff!important;
  font:950 17px/1 Nunito,sans-serif;
  background:linear-gradient(135deg,#71e9ff,#1188e6);
  box-shadow:0 0 0 4px rgba(33,180,246,.11);
}
body.page-capacitaciones .epqa-training-step:nth-child(3) .epqa-training-step__number {
  background:linear-gradient(135deg,#64efb6,#0bbb8d);
}
body.page-capacitaciones .epqa-training-step strong {
  display:block;color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font:950 14px/1.2 Nunito,sans-serif;
}
body.page-capacitaciones .epqa-training-step small {
  display:block;margin-top:2px;
  font:750 11px/1.3 Nunito,sans-serif;
  color:#dbeeff!important;-webkit-text-fill-color:#dbeeff!important;
}
body.page-capacitaciones .epqa-training-heading {
  scroll-margin-top:95px;
  margin:28px 0 18px;padding:0 4px;
}
body.page-capacitaciones .epqa-training-heading > span {
  display:inline-block;
  font:950 11px/1.4 Nunito,sans-serif;
  color:var(--training-heading-blue)!important;
  letter-spacing:.09em;
}
body.page-capacitaciones .epqa-training-heading h2 {
  margin:5px 0 3px!important;
  font:950 clamp(26px,2.7vw,36px)/1.2 "Nunito Sans",Nunito,sans-serif!important;
  color:var(--training-ink)!important;
  -webkit-text-fill-color:var(--training-ink)!important;
  opacity:1!important;
}
body.page-capacitaciones .epqa-training-heading p {
  margin:0;color:var(--training-muted)!important;
  -webkit-text-fill-color:var(--training-muted)!important;
  font:700 14px/1.5 Nunito,sans-serif;
}
body.page-capacitaciones .training-paths {
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
  margin-top:0!important;
  z-index:1;
}
body.page-capacitaciones .epqa-training-card {
  min-height:325px!important;
  display:grid!important;
  grid-template-columns:95px minmax(0,1fr)!important;
  gap:17px!important;
  align-items:start!important;
  overflow:hidden;
  padding:24px!important;
  border:1px solid var(--training-stroke)!important;
  border-radius:21px!important;
  box-shadow:var(--training-card-shadow)!important;
  background:var(--training-surface)!important;
  color:var(--training-ink)!important;
}
body.page-capacitaciones .epqa-training-card.path-tech {
  background:linear-gradient(145deg,var(--training-surface),var(--training-surface-alt))!important;
}
body.page-capacitaciones .epqa-training-card.path-ai {
  background:linear-gradient(145deg,var(--training-surface),var(--training-surface-alt))!important;
}
body.page-capacitaciones .epqa-training-card::before {height:5px;}
body.page-capacitaciones .epqa-training-card__media {
  display:grid!important;place-items:center!important;
  width:90px!important;height:90px!important;
  padding:10px!important;
  border-radius:20px!important;
  background:var(--training-chip)!important;
  align-self:start!important;
}
body.page-capacitaciones .epqa-training-card.path-ai .epqa-training-card__media {
  background:var(--training-chip)!important;
}
body.page-capacitaciones .epqa-training-card__icon-img {
  display:block!important;
  width:74px!important;height:74px!important;
  max-width:100%!important;
  object-fit:contain!important;
  filter:none!important;
}
body.page-capacitaciones .epqa-training-card__content {
  display:flex!important;flex-direction:column;min-width:0;
  height:100%;width:100%;
}
body.page-capacitaciones .epqa-training-card__title {
  font:950 clamp(20px,2.15vw,28px)/1.18 "Nunito Sans",Nunito,sans-serif!important;
  color:var(--training-ink)!important;
  -webkit-text-fill-color:var(--training-ink)!important;
  opacity:1!important;text-shadow:none!important;
  margin:0 0 10px!important;text-align:left!important;
}
body.page-capacitaciones .epqa-training-card__title::after {display:none!important;}
body.page-capacitaciones .epqa-training-card__title span {
  color:var(--training-heading-blue)!important;
  -webkit-text-fill-color:var(--training-heading-blue)!important;
}
body.page-capacitaciones .epqa-training-card.path-ai .epqa-training-card__title span {
  color:var(--training-heading-purple)!important;
  -webkit-text-fill-color:var(--training-heading-purple)!important;
}
body.page-capacitaciones .epqa-training-card__description {
  color:var(--training-muted)!important;
  -webkit-text-fill-color:var(--training-muted)!important;
  opacity:1!important;
  font:700 14px/1.58 Nunito,sans-serif!important;
  margin:0!important;
}
body.page-capacitaciones .epqa-training-card__tags {
  display:flex!important;flex-wrap:wrap;align-items:flex-start;
  gap:7px!important;
  margin:16px 0!important;
}
body.page-capacitaciones .epqa-training-card__tags span {
  display:inline-flex!important;align-items:center;
  min-height:29px!important;
  padding:4px 10px!important;
  border:1px solid var(--training-stroke)!important;
  border-radius:999px!important;
  background:var(--training-chip)!important;
  color:var(--training-ink)!important;
  -webkit-text-fill-color:var(--training-ink)!important;
  font:850 11px/1.25 Nunito,sans-serif!important;
  opacity:1!important;
}
body.page-capacitaciones .epqa-training-card__actions {
  margin-top:auto!important;padding-top:4px;
}
body.page-capacitaciones .epqa-training-card__actions .path-button {
  display:inline-flex!important;
  justify-content:center!important;align-items:center;
  min-height:44px!important;padding:9px 15px!important;
  border-radius:11px!important;
  background:linear-gradient(120deg,#236dff,#5b66ec)!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  font:950 13px/1.35 Nunito,sans-serif!important;
  box-shadow:0 6px 16px rgba(18,74,182,.2);
  text-decoration:none!important;
}
body.page-capacitaciones .epqa-training-card.path-ai .path-button {
  background:linear-gradient(120deg,#7444ec,#964eea)!important;
}
body.page-capacitaciones .epqa-training-card__actions .path-button :is(svg,path) {
  color:#fff!important;stroke:#fff!important;
}
body.page-capacitaciones .epqa-training-auth-gate {
  display:flex;align-items:center;flex-wrap:wrap;gap:14px;
  margin:20px 0!important;
  padding:18px 20px!important;
  border:1px solid var(--training-stroke)!important;
  border-radius:18px!important;
  background:var(--training-surface)!important;
  color:var(--training-ink)!important;
  box-shadow:var(--training-card-shadow)!important;
}
body.page-capacitaciones .epqa-training-auth-gate h3 {
  color:var(--training-ink)!important;
  -webkit-text-fill-color:var(--training-ink)!important;
  opacity:1!important;
}
body.page-capacitaciones .epqa-training-auth-gate p {
  color:var(--training-muted)!important;
  -webkit-text-fill-color:var(--training-muted)!important;
}
body.page-capacitaciones .epqa-training-auth-gate :is(.epqa-auth-gate__primary,.epqa-auth-gate__secondary) {
  min-height:43px;
}
body.page-capacitaciones :is(.epqa-training-hero__cta,.epqa-training-card .path-button,.epqa-training-auth-gate a):focus-visible {
  outline:3px solid #37c8f6!important;
  outline-offset:3px!important;
}
body.page-capacitaciones [hidden] {display:none!important;}
@media(max-width:960px){
  body.page-capacitaciones .epqa-training-hero-fix {
    grid-template-columns:minmax(0,1fr) minmax(200px,.68fr)!important;
    min-height:310px!important;
  }
  body.page-capacitaciones .training-paths {
    grid-template-columns:minmax(0,1fr)!important;
  }
  body.page-capacitaciones .epqa-training-card {min-height:0!important;}
}
@media(max-width:700px){
  body.page-capacitaciones .training-page {
    margin-top:10px!important;
    padding:0 12px!important;
  }
  body.page-capacitaciones .epqa-training-hero-fix {
    grid-template-columns:minmax(0,1fr)!important;
    min-height:0!important;
    gap:4px!important;
    padding:22px 20px 0!important;
    border-radius:18px 18px 0 0!important;
  }
  body.page-capacitaciones .epqa-training-hero__title {
    font-size:clamp(28px,7.3vw,42px)!important;
    margin:12px 0 9px!important;
  }
  body.page-capacitaciones .epqa-training-hero__subtitle {
    font-size:13px!important;margin:0 0 14px!important;
  }
  body.page-capacitaciones .epqa-training-hero__media {
    min-height:150px;height:167px;
    margin-top:-8px;
    overflow:hidden;
  }
  body.page-capacitaciones .epqa-training-hero__avatar {
    height:183px;width:186px;max-height:unset;
    object-position:center bottom;
  }
  body.page-capacitaciones .epqa-training-hero__orbit {
    width:235px;top:55%;
    box-shadow:0 0 0 19px rgba(53,181,249,.19),0 0 0 37px rgba(34,189,252,.08);
  }
  body.page-capacitaciones .epqa-training-steps {
    width:calc(100% - 10px);
    gap:4px;padding:9px 5px;
    margin:-3px auto 14px;
    border-radius:13px;
  }
  body.page-capacitaciones .epqa-training-step {
    flex-direction:column;justify-content:center;text-align:center;gap:5px;
  }
  body.page-capacitaciones .epqa-training-step__number {width:27px;height:27px;font-size:13px;}
  body.page-capacitaciones .epqa-training-step strong {font-size:12px;}
  body.page-capacitaciones .epqa-training-step small {font-size:9px;line-height:1.25;}
  body.page-capacitaciones .epqa-training-heading {margin:19px 0 12px;}
  body.page-capacitaciones .epqa-training-heading h2 {font-size:25px!important;}
  body.page-capacitaciones .epqa-training-card {
    grid-template-columns:68px minmax(0,1fr)!important;
    gap:12px!important;padding:15px!important;
    border-radius:16px!important;
  }
  body.page-capacitaciones .epqa-training-card__media {
    width:67px!important;height:67px!important;
    padding:5px!important;border-radius:14px!important;
  }
  body.page-capacitaciones .epqa-training-card__icon-img {width:57px!important;height:57px!important;}
  body.page-capacitaciones .epqa-training-card__title {font-size:20px!important;margin-bottom:8px!important;}
  body.page-capacitaciones .epqa-training-card__description {font-size:12px!important;}
  body.page-capacitaciones .epqa-training-card__tags {gap:6px!important;margin:11px 0!important;}
  body.page-capacitaciones .epqa-training-card__tags span {font-size:10px!important;min-height:27px!important;padding:4px 7px!important;}
  body.page-capacitaciones .epqa-training-card__actions .path-button {min-height:42px!important;}
  body.page-capacitaciones .epqa-training-auth-gate {padding:15px!important;}
}
@media(max-width:365px) {
  body.page-capacitaciones .epqa-training-hero__eyebrow {font-size:9px!important;}
  body.page-capacitaciones .epqa-training-step small {display:none!important;}
  body.page-capacitaciones .epqa-training-card {grid-template-columns:1fr!important;}
  body.page-capacitaciones .epqa-training-card__actions .path-button {width:100%;}
}
@media(prefers-reduced-motion:reduce){
  body.page-capacitaciones * {scroll-behavior:auto!important;transition:none!important;}
}