.nphb-home-active .entry-header,.nphb-home-active .page-header,.nphb-home-active .ast-single-post-order>.entry-title{display:none!important}
.nphb-home-active .site-content,.nphb-home-active .ast-container,.nphb-home-active #primary,.nphb-home-active .site-main,.nphb-home-active article,.nphb-home-active .entry-content{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
.nphb-home-active #secondary{display:none!important}
.nphb-hero,.nphb-hero *{box-sizing:border-box}
.nphb-hero{--blue:#2457f5;--blue-dark:#1645d6;--navy:#102247;--text:#3b4a66;--muted:#6f7d96;position:relative;isolation:isolate;overflow:hidden;width:100%;padding:68px 24px 30px;background:radial-gradient(circle at 82% 25%,rgba(89,145,255,.20),transparent 31%),radial-gradient(circle at 64% 72%,rgba(119,86,255,.13),transparent 30%),linear-gradient(135deg,#fff 0%,#f7faff 45%,#edf4ff 100%);color:var(--navy)}
.nphb-inner{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.92fr) minmax(540px,1.08fr);gap:42px;align-items:center;width:min(1440px,100%);min-height:660px;margin:auto}
.nphb-copy{max-width:670px}
.nphb-eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:22px;padding:9px 15px;color:var(--blue);background:rgba(36,87,245,.08);border:1px solid rgba(36,87,245,.10);border-radius:999px;font-size:13px;font-weight:800;letter-spacing:.045em;text-transform:uppercase}
.nphb-eyebrow span{width:8px;height:8px;background:var(--blue);border-radius:50%;box-shadow:0 0 0 5px color-mix(in srgb,var(--blue) 12%,transparent)}
.nphb-title{margin:0 0 12px!important;font-size:clamp(48px,5.5vw,84px)!important;font-weight:900!important;line-height:.92!important;letter-spacing:-.055em!important}
.nphb-from,.nphb-to{display:block}
.nphb-from{color:var(--blue);font-style:italic;transform:skew(-4deg);transform-origin:left}
.nphb-to{margin-top:8px;color:var(--navy);font-size:.58em;line-height:1.02;letter-spacing:-.035em}
.nphb-brand-phrase{margin:0 0 20px!important;color:var(--blue-dark);font-size:14px;font-weight:750;letter-spacing:.06em;text-transform:uppercase}
.nphb-description{max-width:650px;margin:0 0 27px!important;color:var(--text);font-size:clamp(17px,1.4vw,20px);line-height:1.65}
.nphb-description strong{color:var(--blue);font-weight:800}
.nphb-actions{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:27px}
.nphb-button{display:inline-flex;align-items:center;gap:13px;min-width:225px;padding:15px 20px;border-radius:14px;text-decoration:none!important;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.nphb-button:hover{transform:translateY(-3px)}
.nphb-button-icon{font-size:23px}
.nphb-button strong,.nphb-button small{display:block}
.nphb-button strong{font-size:15px;line-height:1.25}
.nphb-button small{margin-top:3px;font-size:12px;opacity:.82}
.nphb-primary{color:#fff!important;background:linear-gradient(135deg,var(--blue),var(--blue-dark));border:1px solid transparent;box-shadow:0 14px 29px color-mix(in srgb,var(--blue) 28%,transparent)}
.nphb-primary:hover{color:#fff!important;box-shadow:0 19px 38px color-mix(in srgb,var(--blue) 35%,transparent)}
.nphb-secondary{color:var(--blue)!important;background:rgba(255,255,255,.86);border:1px solid color-mix(in srgb,var(--blue) 45%,white);box-shadow:0 9px 22px rgba(24,58,140,.07)}
.nphb-trust{display:flex;align-items:center;gap:17px}
.nphb-trust-icons{display:flex}
.nphb-trust-icons span{display:grid;place-items:center;width:37px;height:37px;margin-left:-7px;background:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 4px 15px rgba(31,55,102,.13);font-size:17px}
.nphb-trust-icons span:first-child{margin-left:0}
.nphb-stars{color:#ffad16;font-size:16px;letter-spacing:2px}
.nphb-trust p{margin:3px 0 0!important;color:var(--text);font-size:13px}
.nphb-roadmap{position:relative;min-height:610px;border-radius:34px;scroll-margin-top:110px}
.nphb-grid-bg{position:absolute;inset:3% 0 0;opacity:.72;background-image:linear-gradient(color-mix(in srgb,var(--blue) 8%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--blue) 8%,transparent) 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(circle at center,#000 35%,transparent 78%)}
.nphb-route{position:absolute;left:15%;bottom:15%;width:73%;height:63%;border-top:5px solid color-mix(in srgb,var(--blue) 82%,transparent);border-radius:55% 45% 0 0;transform:rotate(-25deg);box-shadow:0 -5px 20px color-mix(in srgb,var(--blue) 23%,transparent)}
.nphb-level{position:absolute;z-index:3;display:flex;align-items:flex-start;gap:13px;width:250px;padding:17px;background:rgba(255,255,255,.92);border:1px solid rgba(194,210,243,.86);border-radius:18px;box-shadow:0 16px 34px rgba(31,65,125,.13);backdrop-filter:blur(12px);transition:transform .22s ease,box-shadow .22s ease}
.nphb-level:hover{transform:translateY(-5px);box-shadow:0 22px 42px rgba(31,65,125,.18)}
.nphb-level-icon{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;background:#edf3ff;border-radius:14px;font-size:23px}
.nphb-level-tag{display:block;margin-bottom:4px;color:var(--blue);font-size:10px;font-weight:900;letter-spacing:.055em}
.nphb-level h2{margin:0 0 4px!important;color:var(--navy);font-size:18px!important;font-weight:850!important;line-height:1.15!important}
.nphb-level p{margin:0!important;color:var(--muted);font-size:12px;line-height:1.45}
.nphb-level-ccst{left:3%;bottom:7%;border-color:color-mix(in srgb,var(--blue) 52%,transparent)}
.nphb-level-ccst .nphb-level-icon{background:linear-gradient(135deg,var(--blue),var(--blue-dark));box-shadow:0 0 0 8px color-mix(in srgb,var(--blue) 11%,transparent)}
.nphb-level-ccna{left:30%;bottom:29%}
.nphb-level-encor{left:51%;bottom:50%}
.nphb-level-enarsi{right:1%;top:18%}
.nphb-level-ccie{right:6%;top:0;border-color:rgba(255,182,42,.60)}
.nphb-level-ccie .nphb-level-icon{background:#fff5d8}
.nphb-features{position:relative;z-index:4;display:grid;grid-template-columns:repeat(5,1fr);width:min(1440px,100%);margin:-8px auto 0;padding:18px 22px;background:rgba(255,255,255,.95);border:1px solid rgba(211,223,246,.88);border-radius:20px;box-shadow:0 18px 40px rgba(29,59,113,.10)}
.nphb-features>div{display:grid;grid-template-columns:44px 1fr;column-gap:12px;align-items:center;min-height:62px;padding:0 18px;border-left:1px solid #e4ebf7}
.nphb-features>div:first-child{border-left:0}
.nphb-features span{grid-row:1/span 2;display:grid;place-items:center;width:42px;height:42px;background:#eff4ff;border-radius:13px;font-size:20px}
.nphb-features strong,.nphb-features small{display:block}
.nphb-features strong{color:var(--navy);font-size:13px}
.nphb-features small{margin-top:3px;color:var(--muted);font-size:11px}
.nphb-glow{position:absolute;z-index:0;border-radius:50%;pointer-events:none}
.nphb-glow-one{top:14%;right:14%;width:330px;height:330px;background:color-mix(in srgb,var(--blue) 12%,transparent)}
.nphb-glow-two{bottom:4%;left:45%;width:260px;height:260px;background:rgba(130,94,255,.09)}
.nphb-animations .nphb-reveal{animation:nphb-rise .65s both}
.nphb-animations .nphb-copy .nphb-reveal:nth-child(2){animation-delay:.08s}
.nphb-animations .nphb-copy .nphb-reveal:nth-child(3){animation-delay:.14s}
.nphb-animations .nphb-copy .nphb-reveal:nth-child(4){animation-delay:.20s}
.nphb-animations .nphb-copy .nphb-reveal:nth-child(5){animation-delay:.26s}
.nphb-animations .nphb-copy .nphb-reveal:nth-child(6){animation-delay:.32s}
.nphb-animations .nphb-level{animation:nphb-rise .58s both;animation-delay:calc(.12s * var(--nphb-order))}
@keyframes nphb-rise{from{opacity:0;transform:translateY(17px)}to{opacity:1;transform:translateY(0)}}
@media (prefers-reduced-motion:reduce){.nphb-animations .nphb-reveal,.nphb-animations .nphb-level{animation:none!important}.nphb-button,.nphb-level{transition:none!important}}
@media(max-width:1180px){.nphb-inner{grid-template-columns:1fr;min-height:auto}.nphb-copy{max-width:820px;text-align:center;margin:auto}.nphb-eyebrow,.nphb-actions,.nphb-trust{justify-content:center}.nphb-roadmap{width:min(780px,100%);margin:auto}.nphb-features{grid-template-columns:repeat(2,1fr);gap:12px}.nphb-features>div{border:0}}
@media(max-width:760px){
  .nphb-hero{padding:38px 15px 20px}
  .nphb-inner{gap:20px}
  .nphb-eyebrow{margin-bottom:18px;padding:8px 13px;font-size:10px}
  .nphb-title{margin-bottom:9px!important;font-size:clamp(42px,13vw,60px)!important;line-height:.91!important}
  .nphb-to{margin-top:5px;font-size:.50em}
  .nphb-brand-phrase{margin-bottom:16px!important;font-size:11px;letter-spacing:.045em}
  .nphb-description{margin-bottom:23px!important;font-size:16px;line-height:1.58}
  .nphb-actions{display:grid;gap:11px;margin-bottom:23px}
  .nphb-button{width:100%;min-width:0;padding:14px 17px}
  .nphb-trust{align-items:center;justify-content:center;gap:13px}
  .nphb-trust p{font-size:12px}
  .nphb-roadmap{display:grid;gap:11px;min-height:0;padding-top:5px}
  .nphb-grid-bg,.nphb-route{display:none}
  .nphb-level{position:relative;inset:auto!important;width:100%;padding:13px 14px;border-radius:16px}
  .nphb-level-icon{flex-basis:45px;width:45px;height:45px}
  .nphb-level-tag{font-size:9px}
  .nphb-level h2{font-size:17px!important}
  .nphb-level p{font-size:11.5px}
  .nphb-features{grid-template-columns:1fr;margin-top:19px;padding:10px;border-radius:18px}
  .nphb-features>div{padding:9px 11px;min-height:58px}
  .nphb-features span{width:40px;height:40px}
}
@media(max-width:760px){
  .nphb-mobile-compact .nphb-hero{padding-top:30px}
  .nphb-mobile-compact .nphb-inner{gap:15px}
  .nphb-mobile-compact .nphb-title{font-size:clamp(40px,12.5vw,57px)!important}
  .nphb-mobile-compact .nphb-description{margin-bottom:18px!important}
  .nphb-mobile-compact .nphb-actions{margin-bottom:18px}
  .nphb-mobile-compact .nphb-trust{margin-bottom:3px}
}

/* =========================================================
   v2.0.1 — ALINEACIÓN VERTICAL DE ICONOS EN LA RUTA
   Centra el icono respecto al bloque de texto en escritorio
   y mantiene el comportamiento compacto en móvil.
   ========================================================= */

@media (min-width: 761px) {
  .nphb-level {
    align-items: center !important;
  }

  .nphb-level-icon {
    align-self: center !important;
    margin-top: 0 !important;
  }

  .nphb-level > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 48px;
  }
}

@media (max-width: 760px) {
  .nphb-level {
    align-items: center !important;
  }

  .nphb-level-icon {
    align-self: center !important;
    margin-top: 0 !important;
  }
}

/* =========================================================
   v2.0.3 — ESPACIADO Y ACABADO DE ICONOS EN LA RUTA
   Más aire respecto al borde, iconos unificados y sombras suaves.
   ========================================================= */

/* Más espacio interior general en las tarjetas */
.nphb-level {
  padding-left: 22px !important;
  padding-right: 20px !important;
  gap: 16px !important;
  box-shadow: 0 14px 30px rgba(31, 65, 125, .11) !important;
}

/* Contenedor de icono más amplio y mejor centrado */
.nphb-level-icon {
  flex: 0 0 54px !important;
  width: 54px !important;
  height: 54px !important;
  margin-left: 2px !important;
  border-radius: 16px !important;
  font-size: 24px !important;
  line-height: 1 !important;
  display: grid !important;
  place-items: center !important;
}

/* Un poco más de aire entre el icono y el texto */
.nphb-level > div {
  padding-left: 1px;
}

/* Ajuste fino del texto para equilibrar visualmente las tarjetas */
.nphb-level-tag {
  margin-bottom: 5px !important;
}

.nphb-level h2 {
  margin-bottom: 5px !important;
}

/* Hover más elegante */
.nphb-level:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 20px 38px rgba(31, 65, 125, .16) !important;
}

/* CCST mantiene protagonismo sin quedar pegado al borde */
.nphb-level-ccst .nphb-level-icon {
  box-shadow: 0 0 0 7px color-mix(in srgb, var(--blue) 10%, transparent) !important;
}

/* En móvil se conserva el aire, pero con medidas compactas */
@media (max-width: 760px) {
  .nphb-level {
    padding: 14px 15px 14px 18px !important;
    gap: 14px !important;
  }

  .nphb-level-icon {
    flex-basis: 48px !important;
    width: 48px !important;
    height: 48px !important;
    margin-left: 0 !important;
    border-radius: 14px !important;
    font-size: 22px !important;
  }

  .nphb-level > div {
    padding-left: 0;
  }
}

/* =========================================================
   v2.1.2 — FONDO LIMPIO Y PROFESIONAL
   Sin círculos, nodos, etiquetas, líneas abstractas ni dibujos.
   El contenido y la ruta vuelven a ser los protagonistas.
   ========================================================= */

.nphb-hero {
  background:
    linear-gradient(135deg, #ffffff 0%, #fbfdff 48%, #f3f7ff 100%) !important;
}

/* Elimina todos los elementos decorativos heredados */
.nphb-glow,
.nphb-grid-bg,
.nphb-cert-bg,
.nphb-roadmap::before,
.nphb-roadmap::after,
.nphb-hero::before,
.nphb-hero::after {
  content: none !important;
  display: none !important;
}

/* Cualquier estilo guardado previamente usa ahora el acabado limpio */
.nphb-bg-blueprint,
.nphb-bg-minimal,
.nphb-bg-grid,
.nphb-bg-none {
  background:
    linear-gradient(135deg, #ffffff 0%, #fbfdff 48%, #f3f7ff 100%) !important;
}

/* El modo blanco suave es prácticamente blanco */
.nphb-bg-minimal {
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
}

/* Cuadrícula realmente sutil y limitada a la zona derecha */
.nphb-bg-grid::before {
  content: "";
  display: block !important;
  position: absolute;
  z-index: 0;
  top: 7%;
  right: 0;
  bottom: 8%;
  left: 48%;
  pointer-events: none;
  opacity: .18;
  background-image:
    linear-gradient(rgba(36,87,245,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(36,87,245,.035) 1px, transparent 1px);
  background-size: 32px 32px;
  mask-image: linear-gradient(90deg, transparent 0%, #000 24%, #000 100%);
}

/* Sin fondo: blanco puro */
.nphb-bg-none {
  background: #ffffff !important;
}

/* Capas estables */
.nphb-inner,
.nphb-features {
  position: relative;
  z-index: 2;
}

.nphb-roadmap {
  position: relative;
  z-index: 1;
}

/* Solo se conserva la curva azul que conecta visualmente la ruta */
.nphb-route {
  z-index: 1 !important;
  border-top-width: 3px !important;
  opacity: .72;
  box-shadow: 0 -2px 10px color-mix(in srgb, var(--blue) 14%, transparent) !important;
}

.nphb-level {
  z-index: 3 !important;
}

/* En móvil: fondo totalmente limpio */
@media (max-width: 760px) {
  .nphb-hero,
  .nphb-bg-blueprint,
  .nphb-bg-minimal,
  .nphb-bg-grid,
  .nphb-bg-none {
    background: linear-gradient(180deg, #ffffff 0%, #f6f9ff 100%) !important;
  }

  .nphb-bg-grid::before {
    display: none !important;
  }
}



/* =========================================================
   v2.2.0 — FONDO DE IMAGEN PERSONALIZADO
   ========================================================= */

.nphb-bg-custom {
  position: relative;
  background: linear-gradient(135deg,#fff 0%,#fbfdff 48%,#f3f7ff 100%) !important;
}

.nphb-bg-custom::before {
  content: "";
  display: block !important;
  position: absolute;
  z-index: 0;
  inset: calc(var(--nphb-bg-blur,0px) * -2);
  pointer-events: none;
  opacity: var(--nphb-bg-opacity,.18);
  background-image: var(--nphb-bg-image,none);
  background-position: var(--nphb-bg-position,center center);
  background-size: var(--nphb-bg-size,cover);
  background-repeat: var(--nphb-bg-repeat,no-repeat);
  filter: blur(var(--nphb-bg-blur,0px));
  transform: scale(1.02);
}

.nphb-bg-custom::after {
  content: "";
  display: block !important;
  position: absolute;
  z-index: 1;
  inset: 0;
  pointer-events: none;
  background: rgba(246,250,255,var(--nphb-bg-overlay,.08));
}

.nphb-bg-custom .nphb-inner,
.nphb-bg-custom .nphb-features {
  z-index: 3;
}

@media(max-width:760px){
  .nphb-bg-custom::before{opacity:calc(var(--nphb-bg-opacity,.18) * .55)}
  .nphb-bg-custom::after{background:rgba(248,251,255,.42)}
}


/* =========================================================
   v3.0.0 — RUTA COMPLETA DE APRENDIZAJE
   ========================================================= */
.nphb-learning-path,.nphb-learning-path *{box-sizing:border-box}
.nphb-learning-path{padding:92px 24px;background:linear-gradient(180deg,#fff 0%,#f5f8fd 100%);color:#102247}
.nphb-path-shell{width:min(1380px,100%);margin:auto}
.nphb-path-header{max-width:760px;margin:0 auto 48px;text-align:center}
.nphb-path-eyebrow{display:inline-block;margin-bottom:13px;color:var(--blue,#2457f5);font-size:12px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.nphb-path-header h2{margin:0 0 17px!important;color:#102247;font-size:clamp(34px,4vw,56px)!important;line-height:1.06!important;letter-spacing:-.04em!important}
.nphb-path-header p{margin:0!important;color:#60708a;font-size:18px;line-height:1.65}
.nphb-path-grid{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.nphb-path-grid::before{content:"";position:absolute;top:40px;left:8%;right:8%;height:2px;background:linear-gradient(90deg,#77a0ff,#2457f5,#805bea,#ffb629);opacity:.32}
.nphb-path-card{position:relative;z-index:1;display:flex;flex-direction:column;min-height:470px;padding:24px;background:rgba(255,255,255,.96);border:1px solid #dce6f3;border-radius:22px;box-shadow:0 16px 38px rgba(18,49,100,.08);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.nphb-path-card:hover{transform:translateY(-7px);box-shadow:0 24px 48px rgba(18,49,100,.14);border-color:#b9ccf2}
.nphb-path-number{position:absolute;top:17px;right:18px;color:#d7e3f7;font-size:30px;font-weight:900;line-height:1}
.nphb-path-icon{display:grid;place-items:center;width:70px;height:70px;margin-bottom:22px;background:#edf3ff;border:1px solid #dce7ff;border-radius:20px;font-size:31px;box-shadow:0 9px 22px rgba(36,87,245,.10)}
.nphb-path-card-ccst .nphb-path-icon{color:#fff;background:linear-gradient(135deg,#2e67ff,#1645d6)}
.nphb-path-card-ccie{border-color:#f1d38d}.nphb-path-card-ccie .nphb-path-icon{background:#fff5d8;border-color:#f6dc9d}
.nphb-path-content{display:flex;flex:1;flex-direction:column}
.nphb-path-meta{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}
.nphb-path-meta span{padding:5px 8px;color:#2457f5;background:#eff4ff;border-radius:999px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.nphb-path-card h3{margin:0 0 10px!important;color:#102247;font-size:22px!important;line-height:1.18!important}
.nphb-path-card p{margin:0 0 17px!important;color:#64738a;font-size:14px;line-height:1.55}
.nphb-path-card ul{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 22px!important;padding:0!important;list-style:none!important}
.nphb-path-card li{margin:0!important;padding:6px 9px;color:#3e506e;background:#f6f8fc;border:1px solid #e5ebf4;border-radius:8px;font-size:11px;line-height:1.2}
.nphb-path-link{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding:12px 14px;color:#2457f5!important;background:#f5f8ff;border:1px solid #d8e4ff;border-radius:11px;text-decoration:none!important;font-size:13px;font-weight:800}
.nphb-path-link:hover{color:#fff!important;background:#2457f5;border-color:#2457f5}
@media(max-width:1180px){.nphb-path-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nphb-path-grid::before{display:none}.nphb-path-card{min-height:410px}}
@media(max-width:760px){.nphb-learning-path{padding:62px 15px}.nphb-path-header{margin-bottom:30px}.nphb-path-header h2{font-size:34px!important}.nphb-path-header p{font-size:16px}.nphb-path-grid{grid-template-columns:1fr;gap:14px}.nphb-path-card{min-height:0;padding:20px}.nphb-path-icon{width:58px;height:58px;margin-bottom:17px;border-radius:17px;font-size:26px}.nphb-path-number{font-size:25px}.nphb-path-card h3{font-size:21px!important}}


/* v3.0.1 — navegación interna del botón Ruta completa */
html {
  scroll-behavior: smooth;
}

#ruta-aprendizaje {
  scroll-margin-top: 110px;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}


/* =========================================================
   v3.1.0 — RUTA PREMIUM COMPACTA
   ========================================================= */
.nphb-learning-path{padding:88px 24px 96px;background:radial-gradient(circle at 50% 0%,rgba(36,87,245,.055),transparent 34%),linear-gradient(180deg,#fff 0%,#f7f9fd 100%)}
.nphb-path-shell{width:min(1460px,100%)}
.nphb-path-header{max-width:820px;margin-bottom:44px}
.nphb-path-header h2{max-width:760px;margin-left:auto!important;margin-right:auto!important;font-size:clamp(38px,3.5vw,58px)!important}
.nphb-path-header p{max-width:760px;margin-left:auto!important;margin-right:auto!important}
.nphb-path-grid{gap:14px;align-items:stretch}
.nphb-path-grid::before{top:35px;left:6.5%;right:6.5%;height:1px;opacity:.38;background:linear-gradient(90deg,#8eafff 0%,#2457f5 35%,#6d5ce7 70%,#e6b64a 100%)}
.nphb-path-card{min-height:356px;padding:20px 20px 18px;overflow:hidden;background:rgba(255,255,255,.98);border:1px solid #dfe7f2;border-radius:18px;box-shadow:0 12px 30px rgba(23,51,99,.065);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.nphb-path-card::after{content:"";position:absolute;left:20px;right:20px;bottom:0;height:2px;border-radius:999px 999px 0 0;background:linear-gradient(90deg,transparent,var(--blue,#2457f5),transparent);opacity:0;transition:opacity .22s ease}
.nphb-path-card:hover{transform:translateY(-5px);border-color:#bfcff0;box-shadow:0 18px 42px rgba(23,51,99,.12)}
.nphb-path-card:hover::after{opacity:.8}
.nphb-path-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}
.nphb-path-icon{width:56px;height:56px;margin:0;border-radius:16px;color:#2457f5;background:linear-gradient(145deg,#f3f7ff,#eaf1ff);border:1px solid #dbe6fb;box-shadow:none}
.nphb-path-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.nphb-path-card-ccst .nphb-path-icon{color:#fff;background:linear-gradient(145deg,#3169ff,#1645d6);border-color:transparent;box-shadow:0 10px 22px rgba(36,87,245,.22)}
.nphb-path-card-ccie{border-color:#ead9aa;background:linear-gradient(180deg,#fffdf8 0%,#fff 38%)}
.nphb-path-card-ccie .nphb-path-icon{color:#b87900;background:linear-gradient(145deg,#fff8df,#ffefbd);border-color:#f0d58b}
.nphb-path-number{position:static;color:#dce5f3;font-size:27px;font-weight:900;letter-spacing:-.04em}
.nphb-path-card-ccie .nphb-path-number{color:#eadfbf}
.nphb-path-content{min-height:0}
.nphb-path-meta{gap:6px;margin-bottom:11px}
.nphb-path-meta span{padding:5px 8px;color:#2457f5;background:#f0f4ff;border:1px solid #e5ecff;font-size:9px;letter-spacing:.055em}
.nphb-path-card-ccie .nphb-path-meta span{color:#946000;background:#fff8e4;border-color:#f5e5b6}
.nphb-path-card h3{margin-bottom:8px!important;font-size:20px!important;letter-spacing:-.025em!important}
.nphb-path-card p{min-height:44px;margin-bottom:14px!important;color:#66758b;font-size:13px;line-height:1.52}
.nphb-path-card ul{gap:6px;margin-bottom:18px!important}
.nphb-path-card li{padding:5px 8px;color:#4a5d78;background:#f7f9fc;border-color:#e8edf5;border-radius:7px;font-size:10px}
.nphb-path-link{min-height:42px;margin-top:auto;padding:10px 12px;color:#214fcf!important;background:transparent;border:1px solid #dce6fb;border-radius:10px;font-size:12px}
.nphb-path-link svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}
.nphb-path-link:hover{color:#fff!important;background:var(--blue,#2457f5);border-color:var(--blue,#2457f5)}
.nphb-path-link:hover svg{transform:translateX(3px)}
.nphb-path-card-ccie .nphb-path-link{color:#9b6900!important;border-color:#ead69a}
.nphb-path-card-ccie .nphb-path-link:hover{color:#fff!important;background:#b47a00;border-color:#b47a00}
@media(max-width:1260px){.nphb-path-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.nphb-path-grid::before{display:none}.nphb-path-card{min-height:342px}}
@media(max-width:900px){.nphb-path-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.nphb-learning-path{padding:60px 15px 68px}.nphb-path-header{margin-bottom:28px}.nphb-path-grid{grid-template-columns:1fr;gap:12px}.nphb-path-card{min-height:0;padding:18px}.nphb-path-top{margin-bottom:14px}.nphb-path-icon{width:52px;height:52px;border-radius:14px}.nphb-path-icon svg{width:25px;height:25px}.nphb-path-card p{min-height:0}}


/* =========================================================
   v4.0.0 — RUTA VISUAL NEXT PING
   ========================================================= */

.nphb-path-card{
  min-height:430px;
  padding:24px 22px 20px;
  border-radius:20px;
}

.nphb-path-accent{
  position:absolute;
  inset:0 0 auto;
  height:5px;
  background:linear-gradient(90deg,#2457f5 0%,#4d7cff 55%,#7aa0ff 100%);
}

.nphb-path-card-ccie .nphb-path-accent{
  background:linear-gradient(90deg,#c38900 0%,#e1ad2f 60%,#f5cf6a 100%);
}

.nphb-path-top{margin-top:5px;margin-bottom:16px}

.nphb-path-icon{
  width:58px;
  height:58px;
  border-radius:17px;
}

.nphb-path-icon svg{width:29px;height:29px}

.nphb-path-card h3{
  font-size:21px!important;
  margin-bottom:7px!important;
}

.nphb-path-card p{
  min-height:42px;
  margin-bottom:16px!important;
}

.nphb-path-difficulty{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:2px 0 17px;
  padding-top:14px;
  border-top:1px solid #edf1f7;
  color:#758399;
  font-size:10px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.nphb-dots{
  display:flex;
  gap:5px;
}

.nphb-dots i{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#dfe6f0;
  box-shadow:inset 0 0 0 1px rgba(31,55,92,.05);
}

.nphb-dots i.is-active{
  background:linear-gradient(135deg,#2457f5,#6f8fff);
  box-shadow:0 2px 6px rgba(36,87,245,.22);
}

.nphb-path-card-ccie .nphb-dots i.is-active{
  background:linear-gradient(135deg,#b77900,#e9b83a);
  box-shadow:0 2px 6px rgba(183,121,0,.2);
}

.nphb-skill-list{
  display:grid!important;
  grid-template-columns:1fr;
  gap:9px!important;
  margin:0 0 20px!important;
  padding:0!important;
}

.nphb-skill-list li{
  display:flex!important;
  align-items:center;
  gap:10px;
  padding:0!important;
  color:#465873;
  background:transparent!important;
  border:0!important;
  font-size:11px;
  line-height:1.3;
}

.nphb-skill-icon{
  display:grid;
  place-items:center;
  flex:0 0 24px;
  width:24px;
  height:24px;
  color:#2457f5;
  background:#eef3ff;
  border:1px solid #e0e9fb;
  border-radius:8px;
}

.nphb-skill-icon svg{
  width:14px;
  height:14px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.nphb-path-card-ccie .nphb-skill-icon{
  color:#a36a00;
  background:#fff7df;
  border-color:#f1dfab;
}

.nphb-path-link{
  min-height:auto;
  padding:3px 0;
  border:0!important;
  background:transparent!important;
  border-radius:0;
  font-size:12px;
  font-weight:800;
}

.nphb-path-link:hover{
  color:var(--blue,#2457f5)!important;
  background:transparent!important;
}

.nphb-path-card-ccie .nphb-path-link:hover{
  color:#a36a00!important;
  background:transparent!important;
}

.nphb-path-link svg{width:16px;height:16px}

@media(max-width:1260px){
  .nphb-path-card{min-height:410px}
}

@media(max-width:620px){
  .nphb-path-card{min-height:0}
  .nphb-skill-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:430px){
  .nphb-skill-list{grid-template-columns:1fr}
}


/* =========================================================
   v4.1.0 — MÁS AIRE EN ESCRITORIO Y MÓVIL
   ========================================================= */

/* Escritorio grande: evita que la ruta quede pegada a los laterales */
.nphb-learning-path{
  padding-left:clamp(28px,4.5vw,86px);
  padding-right:clamp(28px,4.5vw,86px);
}

.nphb-path-shell{
  width:min(1540px,100%);
  margin-inline:auto;
}

.nphb-path-grid{
  gap:18px;
}

/* Da un poco más de aire dentro de las tarjetas */
.nphb-path-card{
  padding-left:24px;
  padding-right:24px;
}

.nphb-path-number{
  right:18px;
}

/* Pantallas de portátil */
@media(max-width:1440px){
  .nphb-learning-path{
    padding-left:34px;
    padding-right:34px;
  }

  .nphb-path-grid{
    gap:16px;
  }

  .nphb-path-card{
    padding-left:20px;
    padding-right:20px;
  }
}

/* Tablet */
@media(max-width:900px){
  .nphb-learning-path{
    padding-left:26px;
    padding-right:26px;
  }
}

/* Móvil */
@media(max-width:620px){
  .nphb-learning-path{
    padding-left:22px!important;
    padding-right:22px!important;
  }

  .nphb-path-shell{
    width:100%;
  }

  .nphb-path-grid{
    gap:18px;
  }

  .nphb-path-card{
    width:100%;
    padding:24px 22px 22px;
    border-radius:22px;
  }

  .nphb-path-accent{
    left:0;
    right:0;
  }

  .nphb-path-top{
    padding-right:8px;
  }

  .nphb-path-number{
    right:18px;
    top:14px;
  }

  .nphb-path-link{
    padding-top:8px;
    padding-bottom:2px;
  }
}

/* Móviles estrechos */
@media(max-width:390px){
  .nphb-learning-path{
    padding-left:18px!important;
    padding-right:18px!important;
  }

  .nphb-path-card{
    padding-left:20px;
    padding-right:20px;
  }
}


/* =========================================================
   v5.0.0 — ROADMAP VISUAL, MÁRGENES REALES Y COLORES POR ETAPA
   ========================================================= */

/* Fuerza un contenedor más estrecho y centrado en escritorio */
body .nphb-learning-path{
  padding-left:clamp(48px,6vw,120px)!important;
  padding-right:clamp(48px,6vw,120px)!important;
}

body .nphb-learning-path .nphb-path-shell{
  width:100%!important;
  max-width:1420px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

body .nphb-learning-path .nphb-path-grid{
  gap:20px!important;
}

/* Colores por etapa, inspirados en un mapa de ruta */
body .nphb-path-card-ccst{
  --stage:#18a7a5;
  --stage-soft:#e9fbfa;
  --stage-border:#bce9e7;
}

body .nphb-path-card-ccna{
  --stage:#1769e0;
  --stage-soft:#edf4ff;
  --stage-border:#cddfff;
}

body .nphb-path-card-encor{
  --stage:#6f3db7;
  --stage-soft:#f5effc;
  --stage-border:#dfcff3;
}

body .nphb-path-card-enarsi{
  --stage:#ef8b17;
  --stage-soft:#fff5e8;
  --stage-border:#f4d5ad;
}

body .nphb-path-card-ccie{
  --stage:#c88a00;
  --stage-soft:#fff7df;
  --stage-border:#ead393;
}

body .nphb-learning-path .nphb-path-card{
  min-height:410px!important;
  padding:26px 24px 22px!important;
  border:1px solid var(--stage-border)!important;
  box-shadow:0 16px 38px rgba(26,47,84,.08)!important;
  overflow:visible!important;
}

body .nphb-learning-path .nphb-path-card::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  border-radius:inherit;
  background:
    linear-gradient(180deg,var(--stage-soft) 0%,rgba(255,255,255,.97) 28%,#fff 100%);
  pointer-events:none;
}

body .nphb-learning-path .nphb-path-card > *{
  position:relative;
  z-index:2;
}

body .nphb-learning-path .nphb-path-accent{
  height:6px!important;
  background:linear-gradient(90deg,var(--stage),color-mix(in srgb,var(--stage) 62%,white))!important;
  border-radius:20px 20px 0 0;
}

body .nphb-learning-path .nphb-path-icon{
  color:var(--stage)!important;
  background:var(--stage-soft)!important;
  border-color:var(--stage-border)!important;
  box-shadow:none!important;
}

body .nphb-learning-path .nphb-path-card-ccst .nphb-path-icon{
  color:#fff!important;
  background:linear-gradient(145deg,#25b9b6,#128e8b)!important;
  border-color:transparent!important;
}

body .nphb-learning-path .nphb-path-meta span{
  color:var(--stage)!important;
  background:var(--stage-soft)!important;
  border-color:var(--stage-border)!important;
}

body .nphb-learning-path .nphb-skill-icon{
  color:var(--stage)!important;
  background:var(--stage-soft)!important;
  border-color:var(--stage-border)!important;
}

body .nphb-learning-path .nphb-dots i.is-active{
  background:var(--stage)!important;
  box-shadow:0 2px 7px color-mix(in srgb,var(--stage) 30%,transparent)!important;
}

body .nphb-learning-path .nphb-path-link{
  color:var(--stage)!important;
}

/* Número convertido en hito circular */
body .nphb-learning-path .nphb-path-number{
  display:grid!important;
  place-items:center;
  width:38px;
  height:38px;
  top:18px!important;
  right:18px!important;
  color:#fff!important;
  background:var(--stage)!important;
  border:4px solid #fff;
  border-radius:50%;
  font-size:14px!important;
  letter-spacing:0!important;
  box-shadow:0 8px 18px color-mix(in srgb,var(--stage) 22%,transparent);
}

/* Línea horizontal de ruta en escritorio */
@media(min-width:1261px){
  body .nphb-learning-path .nphb-path-grid::before{
    top:44px!important;
    left:4%!important;
    right:4%!important;
    height:4px!important;
    opacity:.3!important;
    background:linear-gradient(90deg,#18a7a5 0 20%,#1769e0 20% 40%,#6f3db7 40% 60%,#ef8b17 60% 80%,#c88a00 80% 100%)!important;
    border-radius:999px;
  }
}

/* Móvil: margen verdadero y ruta vertical */
@media(max-width:620px){
  body .nphb-learning-path{
    padding-left:24px!important;
    padding-right:24px!important;
  }

  body .nphb-learning-path .nphb-path-shell{
    max-width:none!important;
  }

  body .nphb-learning-path .nphb-path-grid{
    position:relative;
    gap:24px!important;
  }

  body .nphb-learning-path .nphb-path-grid::before{
    display:block!important;
    content:"";
    position:absolute;
    top:38px;
    bottom:38px;
    left:20px;
    width:3px;
    height:auto;
    background:linear-gradient(180deg,#18a7a5,#1769e0,#6f3db7,#ef8b17,#c88a00)!important;
    opacity:.2!important;
    border-radius:999px;
  }

  body .nphb-learning-path .nphb-path-card{
    width:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:24px 22px 22px 26px!important;
    border-radius:22px!important;
  }

  body .nphb-learning-path .nphb-path-top{
    margin-bottom:18px!important;
  }

  body .nphb-learning-path .nphb-path-icon{
    width:60px!important;
    height:60px!important;
    margin-left:0!important;
  }

  body .nphb-learning-path .nphb-path-number{
    width:36px;
    height:36px;
    top:16px!important;
    right:16px!important;
  }

  body .nphb-learning-path .nphb-path-card h3{
    font-size:25px!important;
    line-height:1.15!important;
  }

  body .nphb-learning-path .nphb-path-card p{
    min-height:0!important;
    margin-bottom:16px!important;
    font-size:15px!important;
  }

  body .nphb-learning-path .nphb-path-difficulty{
    margin-top:10px!important;
  }

  body .nphb-learning-path .nphb-path-link{
    padding-top:12px!important;
  }
}

@media(max-width:390px){
  body .nphb-learning-path{
    padding-left:20px!important;
    padding-right:20px!important;
  }
}


/* =========================================================
   v6.0.0 — AJUSTE PREMIUM DE PROPORCIONES Y RITMO VISUAL
   ========================================================= */

/* Título más contenido y elegante */
body .nphb-learning-path .nphb-path-header{
  max-width:760px!important;
  margin-bottom:34px!important;
}

body .nphb-learning-path .nphb-path-header h2{
  max-width:700px!important;
  font-size:clamp(34px,3vw,50px)!important;
  line-height:1.06!important;
  letter-spacing:-.035em!important;
  margin-bottom:16px!important;
}

body .nphb-learning-path .nphb-path-header p{
  max-width:720px!important;
  font-size:clamp(15px,1.15vw,18px)!important;
  line-height:1.6!important;
}

/* Acerca ligeramente las tarjetas al encabezado */
body .nphb-learning-path{
  padding-top:74px!important;
  padding-bottom:90px!important;
}

/* Ruta con más ritmo visual, sin perder alineación profesional */
@media(min-width:1261px){
  body .nphb-learning-path .nphb-path-card:nth-child(2),
  body .nphb-learning-path .nphb-path-card:nth-child(4){
    transform:translateY(14px);
  }

  body .nphb-learning-path .nphb-path-card:nth-child(2):hover,
  body .nphb-learning-path .nphb-path-card:nth-child(4):hover{
    transform:translateY(7px);
  }

  body .nphb-learning-path .nphb-path-card:nth-child(1):hover,
  body .nphb-learning-path .nphb-path-card:nth-child(3):hover,
  body .nphb-learning-path .nphb-path-card:nth-child(5):hover{
    transform:translateY(-7px);
  }

  body .nphb-learning-path .nphb-path-grid{
    padding-bottom:18px;
  }
}

/* Hover más fino y con brillo sutil */
body .nphb-learning-path .nphb-path-card{
  transition:
    transform .24s ease,
    box-shadow .24s ease,
    border-color .24s ease!important;
}

body .nphb-learning-path .nphb-path-card:hover{
  box-shadow:
    0 22px 50px rgba(22,43,82,.14),
    0 0 0 1px color-mix(in srgb,var(--stage) 18%,transparent)!important;
}

body .nphb-learning-path .nphb-path-card::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:
    linear-gradient(
      120deg,
      transparent 0%,
      transparent 38%,
      rgba(255,255,255,.5) 50%,
      transparent 62%,
      transparent 100%
    );
  transform:translateX(-130%);
  transition:transform .55s ease;
  pointer-events:none;
  z-index:3;
}

body .nphb-learning-path .nphb-path-card:hover::after{
  transform:translateX(130%);
}

/* Línea de conexión algo más delicada */
@media(min-width:1261px){
  body .nphb-learning-path .nphb-path-grid::before{
    height:3px!important;
    opacity:.24!important;
    box-shadow:0 0 10px rgba(36,87,245,.08);
  }
}

/* Ajustes responsive: sin escalonado en tablet/móvil */
@media(max-width:1260px){
  body .nphb-learning-path .nphb-path-header{
    margin-bottom:30px!important;
  }

  body .nphb-learning-path .nphb-path-card{
    transform:none!important;
  }
}

@media(max-width:620px){
  body .nphb-learning-path{
    padding-top:56px!important;
    padding-bottom:68px!important;
  }

  body .nphb-learning-path .nphb-path-header{
    margin-bottom:26px!important;
  }

  body .nphb-learning-path .nphb-path-header h2{
    font-size:clamp(32px,10vw,42px)!important;
    line-height:1.08!important;
    margin-bottom:14px!important;
  }

  body .nphb-learning-path .nphb-path-header p{
    font-size:16px!important;
    line-height:1.55!important;
  }

  body .nphb-learning-path .nphb-path-card:hover{
    transform:none!important;
  }

  body .nphb-learning-path .nphb-path-card::after{
    display:none!important;
  }
}


/* =========================================================
   v6.1.0 — ESTADO EDITABLE DE CADA FORMACIÓN
   ========================================================= */

body .nphb-learning-path .nphb-course-status{
  display:inline-flex;
  align-items:center;
  gap:7px;
  width:max-content;
  margin:0 0 12px;
  padding:6px 10px;
  border:1px solid;
  border-radius:999px;
  font-size:9px;
  font-weight:900;
  line-height:1;
  letter-spacing:.07em;
  text-transform:uppercase;
}

body .nphb-learning-path .nphb-course-status i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:currentColor;
  box-shadow:0 0 0 3px rgba(255,255,255,.65);
}

body .nphb-learning-path .nphb-course-status-available{
  color:#07865e;
  background:#eafaf4;
  border-color:#bcebd9;
}

body .nphb-learning-path .nphb-course-status-production{
  color:#1769e0;
  background:#edf4ff;
  border-color:#cddfff;
}

body .nphb-learning-path .nphb-course-status-soon{
  color:#6d7482;
  background:#f3f5f8;
  border-color:#dfe4eb;
}

body .nphb-learning-path .nphb-course-status-custom{
  color:var(--stage);
  background:var(--stage-soft);
  border-color:var(--stage-border);
}

body .nphb-learning-path .nphb-path-link-disabled{
  opacity:.58;
  cursor:default;
  pointer-events:none;
}

@media(max-width:620px){
  body .nphb-learning-path .nphb-course-status{
    margin-bottom:14px;
    padding:7px 11px;
    font-size:10px;
  }
}


/* =========================================================
   v7.0.0 — PREMIUM POLISH FINAL
   Últimos retoques de la ruta de aprendizaje
   ========================================================= */

/* Un poco más de aire interior y mejor legibilidad */
body .nphb-learning-path .nphb-path-card{
  padding-top:28px!important;
  padding-bottom:27px!important;
}

body .nphb-learning-path .nphb-path-card h3{
  margin-top:2px!important;
  margin-bottom:10px!important;
}

body .nphb-learning-path .nphb-path-card > .nphb-path-content > p{
  color:#60718d!important;
  line-height:1.58!important;
}

body .nphb-learning-path .nphb-skill-list{
  row-gap:11px!important;
}

body .nphb-learning-path .nphb-skill-list li{
  color:#5d6e89!important;
  line-height:1.42!important;
}

/* Indicador de nivel más refinado */
body .nphb-learning-path .nphb-dots{
  gap:7px!important;
}

body .nphb-learning-path .nphb-dots i{
  width:8px!important;
  height:8px!important;
  opacity:.48;
  transition:
    transform .22s ease,
    opacity .22s ease,
    box-shadow .22s ease!important;
}

body .nphb-learning-path .nphb-dots i.is-active{
  width:9px!important;
  height:9px!important;
  opacity:1;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--stage) 10%,transparent);
}

body .nphb-learning-path .nphb-path-card:hover .nphb-dots i.is-active{
  transform:translateY(-1px) scale(1.12);
  box-shadow:
    0 0 0 4px color-mix(in srgb,var(--stage) 12%,transparent),
    0 3px 8px color-mix(in srgb,var(--stage) 25%,transparent);
}

/* Microanimaciones premium */
body .nphb-learning-path .nphb-path-icon{
  transform-origin:50% 58%;
  transition:
    transform .24s cubic-bezier(.22,.8,.3,1),
    box-shadow .24s ease!important;
}

body .nphb-learning-path .nphb-path-number{
  transition:
    transform .26s cubic-bezier(.18,.89,.32,1.28),
    box-shadow .24s ease!important;
}

body .nphb-learning-path .nphb-path-accent{
  overflow:hidden;
}

body .nphb-learning-path .nphb-path-accent::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(
    90deg,
    transparent 0%,
    rgba(255,255,255,0) 25%,
    rgba(255,255,255,.8) 48%,
    rgba(255,255,255,0) 72%,
    transparent 100%
  );
  transform:translateX(-140%);
  transition:transform .55s ease;
}

body .nphb-learning-path .nphb-path-card:hover .nphb-path-icon{
  transform:translateY(-2px) rotate(-4deg) scale(1.035);
  box-shadow:0 13px 28px color-mix(in srgb,var(--stage) 20%,transparent)!important;
}

body .nphb-learning-path .nphb-path-card:hover .nphb-path-number{
  transform:translateY(-3px) scale(1.07);
  box-shadow:
    0 10px 22px color-mix(in srgb,var(--stage) 28%,transparent),
    0 0 0 5px rgba(255,255,255,.75)!important;
}

body .nphb-learning-path .nphb-path-card:hover .nphb-path-accent::after{
  transform:translateX(140%);
}

/* Conectores con nodos discretos en escritorio */
@media(min-width:1261px){
  body .nphb-learning-path .nphb-path-grid{
    isolation:isolate;
  }

  body .nphb-learning-path .nphb-path-grid::before{
    top:48px!important;
    left:7.5%!important;
    right:7.5%!important;
    width:auto!important;
    height:2px!important;
    border-radius:999px;
    opacity:1!important;
    z-index:0!important;
    background:
      linear-gradient(
        90deg,
        rgba(26,171,164,.26) 0%,
        rgba(43,112,231,.24) 25%,
        rgba(126,65,190,.24) 50%,
        rgba(239,135,22,.24) 75%,
        rgba(201,143,0,.26) 100%
      )!important;
    box-shadow:0 0 12px rgba(62,105,180,.08);
  }

  body .nphb-learning-path .nphb-path-card{
    z-index:2;
  }

  body .nphb-learning-path .nphb-path-card::before{
    content:"";
    position:absolute;
    top:43px;
    left:50%;
    width:11px;
    height:11px;
    border:3px solid #fff;
    border-radius:50%;
    background:var(--stage);
    box-shadow:
      0 0 0 2px color-mix(in srgb,var(--stage) 18%,transparent),
      0 5px 14px color-mix(in srgb,var(--stage) 20%,transparent);
    transform:translate(-50%,-50%) scale(.82);
    opacity:.72;
    z-index:-1;
    pointer-events:none;
    transition:
      transform .24s cubic-bezier(.18,.89,.32,1.28),
      opacity .24s ease,
      box-shadow .24s ease;
  }

  body .nphb-learning-path .nphb-path-card:hover::before{
    transform:translate(-50%,-50%) scale(1.12);
    opacity:1;
    box-shadow:
      0 0 0 5px color-mix(in srgb,var(--stage) 12%,transparent),
      0 0 18px color-mix(in srgb,var(--stage) 38%,transparent);
  }

  body .nphb-learning-path .nphb-path-card{
    transition:
      transform .24s cubic-bezier(.22,.8,.3,1),
      box-shadow .24s ease,
      border-color .24s ease!important;
  }

  body .nphb-learning-path .nphb-path-card:nth-child(1):hover,
  body .nphb-learning-path .nphb-path-card:nth-child(3):hover,
  body .nphb-learning-path .nphb-path-card:nth-child(5):hover{
    transform:translateY(-8px)!important;
  }

  body .nphb-learning-path .nphb-path-card:nth-child(2):hover,
  body .nphb-learning-path .nphb-path-card:nth-child(4):hover{
    transform:translateY(5px)!important;
  }
}

/* Botones algo más vivos pero discretos */
body .nphb-learning-path .nphb-path-link:not(.nphb-path-link-disabled) svg{
  transition:transform .22s ease!important;
}

body .nphb-learning-path .nphb-path-link:not(.nphb-path-link-disabled):hover svg{
  transform:translateX(4px);
}

body .nphb-learning-path .nphb-path-link-disabled{
  filter:saturate(.72);
}

/* En tablet y móvil, efectos más tranquilos */
@media(max-width:1260px){
  body .nphb-learning-path .nphb-path-card{
    padding-top:27px!important;
    padding-bottom:26px!important;
  }

  body .nphb-learning-path .nphb-path-card::before{
    display:none!important;
  }

  body .nphb-learning-path .nphb-path-card:hover .nphb-path-icon{
    transform:translateY(-1px) scale(1.02);
  }

  body .nphb-learning-path .nphb-path-card:hover .nphb-path-number{
    transform:translateY(-2px) scale(1.04);
  }
}

@media(max-width:620px){
  body .nphb-learning-path .nphb-path-card{
    padding-top:25px!important;
    padding-bottom:24px!important;
  }

  body .nphb-learning-path .nphb-path-card > .nphb-path-content > p,
  body .nphb-learning-path .nphb-skill-list li{
    color:#596b87!important;
  }

  body .nphb-learning-path .nphb-path-accent::after{
    display:none!important;
  }

  body .nphb-learning-path .nphb-path-card:hover .nphb-path-icon,
  body .nphb-learning-path .nphb-path-card:hover .nphb-path-number{
    transform:none!important;
  }
}

/* Respeta usuarios que prefieren menos movimiento */
@media(prefers-reduced-motion:reduce){
  body .nphb-learning-path .nphb-path-card,
  body .nphb-learning-path .nphb-path-icon,
  body .nphb-learning-path .nphb-path-number,
  body .nphb-learning-path .nphb-path-accent::after,
  body .nphb-learning-path .nphb-dots i,
  body .nphb-learning-path .nphb-path-link svg{
    transition:none!important;
    animation:none!important;
  }

  body .nphb-learning-path .nphb-path-card:hover,
  body .nphb-learning-path .nphb-path-card:hover .nphb-path-icon,
  body .nphb-learning-path .nphb-path-card:hover .nphb-path-number{
    transform:none!important;
  }
}


/* =========================================================
   v8.0.0 — RUTA INTERACTIVA + IDENTIDAD NEXTPING
   ========================================================= */

/* Firma de marca integrada en el Hero */
.nphb-brand-signature{
  display:inline-flex;
  align-items:center;
  gap:11px;
  margin-top:20px;
  padding:8px 12px 8px 8px;
  border:1px solid rgba(36,87,245,.13);
  border-radius:16px;
  background:rgba(255,255,255,.72);
  box-shadow:0 9px 25px rgba(26,55,115,.07);
  backdrop-filter:blur(10px);
}

.nphb-brand-mark{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  overflow:hidden;
  border-radius:11px;
  color:#fff;
  background:linear-gradient(145deg,var(--nphb-accent),var(--nphb-accent-dark));
  box-shadow:0 7px 16px rgba(36,87,245,.2);
  font-size:12px;
  font-weight:900;
  letter-spacing:-.04em;
}

.nphb-brand-mark img{
  width:100%;
  height:100%;
  object-fit:contain;
  padding:4px;
}

.nphb-brand-identity{
  display:flex;
  flex-direction:column;
  gap:1px;
  text-align:left;
}

.nphb-brand-identity strong{
  color:#10244d;
  font-size:13px;
  line-height:1.15;
  font-weight:850;
}

.nphb-brand-identity small{
  color:#71809a;
  font-size:10px;
  line-height:1.2;
}

/* Todo el nivel del Hero responde al clic */
.nphb-roadmap .nphb-level-action{
  text-decoration:none!important;
  color:inherit!important;
  cursor:pointer;
  outline:none;
}

.nphb-roadmap .nphb-level-action:focus-visible{
  box-shadow:
    0 0 0 4px rgba(36,87,245,.16),
    0 16px 34px rgba(36,61,116,.14)!important;
}

.nphb-level-arrow{
  position:absolute;
  right:18px;
  top:50%;
  display:grid;
  place-items:center;
  width:29px;
  height:29px;
  border-radius:50%;
  color:var(--nphb-accent);
  background:rgba(36,87,245,.07);
  opacity:0;
  transform:translate(8px,-50%);
  transition:opacity .2s ease,transform .22s ease,background .2s ease;
}

.nphb-level-arrow svg{
  width:15px;
  height:15px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.nphb-roadmap .nphb-level-action:hover .nphb-level-arrow,
.nphb-roadmap .nphb-level-action:focus-visible .nphb-level-arrow{
  opacity:1;
  transform:translate(0,-50%);
}

.nphb-roadmap .nphb-level-action:hover .nphb-level-arrow{
  background:rgba(36,87,245,.12);
}

.nphb-roadmap .nphb-level-action > div{
  padding-right:36px;
}

/* El destino del scroll recibe un pequeño énfasis */
.nphb-path-card:target{
  animation:nphb-target-pulse 1.05s ease both;
}

@keyframes nphb-target-pulse{
  0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--stage) 0%,transparent)}
  35%{box-shadow:0 0 0 7px color-mix(in srgb,var(--stage) 16%,transparent),0 22px 50px rgba(22,43,82,.15)}
  100%{box-shadow:0 22px 50px rgba(22,43,82,.12)}
}

@media(max-width:620px){
  .nphb-brand-signature{
    margin-top:16px;
  }

  .nphb-level-arrow{
    opacity:.62;
    transform:translate(0,-50%);
    right:12px;
  }

  .nphb-roadmap .nphb-level-action > div{
    padding-right:30px;
  }
}

@media(prefers-reduced-motion:reduce){
  .nphb-path-card:target{animation:none}
}


/* =========================================================
   v8.1.0 — RETOQUE DE COMPOSICIÓN DEL HERO
   Recupera la ruta horizontal premium y equilibra la marca.
   ========================================================= */

/* La zona derecha vuelve a funcionar como una ruta amplia */
@media (min-width: 761px) {
  .nphb-roadmap{
    min-height:610px!important;
    overflow:visible!important;
  }

  .nphb-roadmap .nphb-level{
    width:clamp(520px,42vw,760px)!important;
    min-height:74px!important;
    padding:10px 54px 10px 14px!important;
    gap:14px!important;
    align-items:center!important;
    border-radius:18px!important;
  }

  .nphb-roadmap .nphb-level-icon{
    flex:0 0 50px!important;
    width:50px!important;
    height:50px!important;
    margin:0!important;
    border-radius:14px!important;
    font-size:22px!important;
  }

  .nphb-roadmap .nphb-level > div{
    display:block!important;
    min-width:0;
    min-height:0!important;
    padding:0!important;
  }

  .nphb-roadmap .nphb-level-tag{
    margin:0 0 3px!important;
    font-size:9px!important;
    line-height:1.1!important;
    white-space:nowrap;
  }

  .nphb-roadmap .nphb-level h2{
    margin:0 0 3px!important;
    font-size:18px!important;
    line-height:1.08!important;
    white-space:nowrap;
  }

  .nphb-roadmap .nphb-level p{
    margin:0!important;
    max-width:none!important;
    overflow:hidden;
    color:#7a889f!important;
    font-size:11.5px!important;
    line-height:1.25!important;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  /* Escalera visual limpia, sin tarjetas estrechas ni montadas */
  .nphb-roadmap .nphb-level-ccst{
    left:0!important;
    right:auto!important;
    bottom:5%!important;
    top:auto!important;
  }

  .nphb-roadmap .nphb-level-ccna{
    left:15%!important;
    right:auto!important;
    bottom:27%!important;
    top:auto!important;
  }

  .nphb-roadmap .nphb-level-encor{
    left:31%!important;
    right:auto!important;
    bottom:49%!important;
    top:auto!important;
  }

  .nphb-roadmap .nphb-level-enarsi{
    left:46%!important;
    right:auto!important;
    top:20%!important;
    bottom:auto!important;
  }

  .nphb-roadmap .nphb-level-ccie{
    left:61%!important;
    right:auto!important;
    top:0!important;
    bottom:auto!important;
  }

  .nphb-level-arrow{
    right:15px!important;
    opacity:.38;
    transform:translate(0,-50%)!important;
  }

  .nphb-roadmap .nphb-level-action:hover .nphb-level-arrow,
  .nphb-roadmap .nphb-level-action:focus-visible .nphb-level-arrow{
    opacity:1;
    transform:translate(2px,-50%)!important;
  }
}

/* Ajuste intermedio para portátiles y tablets horizontales */
@media (min-width:761px) and (max-width:1180px){
  .nphb-roadmap{
    width:min(860px,100%)!important;
    min-height:590px!important;
  }

  .nphb-roadmap .nphb-level{
    width:clamp(470px,68vw,650px)!important;
  }

  .nphb-roadmap .nphb-level-ccna{left:8%!important}
  .nphb-roadmap .nphb-level-encor{left:16%!important}
  .nphb-roadmap .nphb-level-enarsi{left:24%!important}
  .nphb-roadmap .nphb-level-ccie{left:32%!important}
}

/* Marca más compacta y mejor integrada */
.nphb-brand-signature{
  margin-top:18px!important;
  padding:7px 12px 7px 7px!important;
  border-radius:14px!important;
  box-shadow:0 8px 22px rgba(26,55,115,.06)!important;
}

.nphb-brand-mark{
  position:relative;
  flex:0 0 40px;
  width:40px!important;
  height:40px!important;
  border-radius:12px!important;
  background:linear-gradient(145deg,#2c63ff,#1645d6)!important;
  box-shadow:0 7px 16px rgba(36,87,245,.18)!important;
}

.nphb-brand-mark img{
  position:relative;
  z-index:2;
  width:100%!important;
  height:100%!important;
  padding:5px!important;
  object-fit:contain!important;
  background:transparent!important;
}

/* Si el archivo del logo tiene zonas claras, el fondo azul evita el “cuadro vacío”. */
.nphb-brand-mark::after{
  content:"NP";
  position:absolute;
  z-index:1;
  inset:0;
  display:grid;
  place-items:center;
  color:#fff;
  font-size:12px;
  font-weight:900;
  letter-spacing:-.04em;
}

.nphb-brand-mark > span{
  position:relative;
  z-index:3;
}

.nphb-brand-identity strong{
  font-size:12.5px!important;
}

.nphb-brand-identity small{
  font-size:9.5px!important;
}

/* La firma y la prueba social quedan visualmente relacionadas */
.nphb-brand-signature + .nphb-trust{
  margin-top:10px!important;
}

/* Móvil: tarjetas en lista, completamente legibles */
@media(max-width:760px){
  .nphb-roadmap .nphb-level{
    width:100%!important;
    min-height:0!important;
    padding:14px 48px 14px 16px!important;
  }

  .nphb-roadmap .nphb-level h2,
  .nphb-roadmap .nphb-level p{
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }

  .nphb-brand-signature{
    margin-left:auto;
    margin-right:auto;
  }
}


/* =========================================================
   v8.2.0 — LOGO LIMPIO + RUTA COMPLETA COHERENTE
   ========================================================= */

.nphb-brand-mark{
  overflow:hidden!important;
  background:#fff!important;
  border:1px solid rgba(36,87,245,.14)!important;
  box-shadow:0 7px 16px rgba(26,55,115,.10)!important;
}

.nphb-brand-mark::after{
  display:none!important;
}

.nphb-brand-mark img{
  width:100%!important;
  height:100%!important;
  padding:2px!important;
  object-fit:contain!important;
  background:#fff!important;
}

.nphb-brand-mark > span{
  display:grid;
  place-items:center;
  width:100%;
  height:100%;
  color:#fff;
  background:linear-gradient(145deg,#2c63ff,#1645d6);
}

.nphb-brand-signature{
  padding:7px 13px 7px 7px!important;
}

.nphb-brand-mark{
  flex-basis:44px!important;
  width:44px!important;
  height:44px!important;
}

/* Las cinco etapas usan el mismo formato horizontal */
@media(min-width:1181px){
  .nphb-roadmap{
    min-height:640px!important;
  }

  .nphb-roadmap .nphb-level{
    width:clamp(570px,39vw,720px)!important;
    min-height:78px!important;
  }

  .nphb-roadmap .nphb-level-ccst{
    left:0!important;
    bottom:3%!important;
    top:auto!important;
  }

  .nphb-roadmap .nphb-level-ccna{
    left:12%!important;
    bottom:24%!important;
    top:auto!important;
  }

  .nphb-roadmap .nphb-level-encor{
    left:24%!important;
    bottom:45%!important;
    top:auto!important;
  }

  .nphb-roadmap .nphb-level-enarsi{
    left:36%!important;
    bottom:66%!important;
    top:auto!important;
  }

  .nphb-roadmap .nphb-level-ccie{
    left:48%!important;
    bottom:87%!important;
    top:auto!important;
  }
}

@media(min-width:761px) and (max-width:1180px){
  .nphb-roadmap{
    min-height:610px!important;
  }

  .nphb-roadmap .nphb-level{
    width:clamp(500px,66vw,650px)!important;
  }

  .nphb-roadmap .nphb-level-ccst{
    left:0!important;
    bottom:3%!important;
    top:auto!important;
  }

  .nphb-roadmap .nphb-level-ccna{
    left:7%!important;
    bottom:24%!important;
    top:auto!important;
  }

  .nphb-roadmap .nphb-level-encor{
    left:14%!important;
    bottom:45%!important;
    top:auto!important;
  }

  .nphb-roadmap .nphb-level-enarsi{
    left:21%!important;
    bottom:66%!important;
    top:auto!important;
  }

  .nphb-roadmap .nphb-level-ccie{
    left:28%!important;
    bottom:87%!important;
    top:auto!important;
  }
}

.nphb-roadmap .nphb-level-ccie{
  border-width:1.5px!important;
  box-shadow:
    0 16px 34px rgba(197,139,0,.10),
    0 0 0 1px rgba(226,170,43,.06)!important;
}

.nphb-roadmap .nphb-level-ccie .nphb-level-arrow{
  color:#c99000!important;
  background:rgba(201,144,0,.08)!important;
}

@media(max-width:760px){
  .nphb-roadmap .nphb-level{
    min-height:84px!important;
  }

  .nphb-roadmap .nphb-level-icon{
    flex:0 0 52px!important;
    width:52px!important;
    height:52px!important;
  }
}


/* =========================================================
   v8.3.0 — CORRECCIÓN FINAL ENARSI/CCIE + HOVER TARJETAS
   ========================================================= */

/* Hero: las cinco etapas deben tener exactamente el mismo lenguaje visual */
@media (min-width:1181px){
  body .nphb-hero .nphb-roadmap{
    min-height:660px!important;
    overflow:visible!important;
  }

  body .nphb-hero .nphb-roadmap .nphb-level{
    width:clamp(590px,40vw,740px)!important;
    min-height:80px!important;
    padding:11px 56px 11px 15px!important;
    border-radius:18px!important;
    display:flex!important;
    align-items:center!important;
    gap:15px!important;
  }

  body .nphb-hero .nphb-roadmap .nphb-level-icon{
    flex:0 0 52px!important;
    width:52px!important;
    height:52px!important;
    border-radius:15px!important;
  }

  body .nphb-hero .nphb-roadmap .nphb-level > div{
    min-width:0!important;
    padding:0!important;
  }

  body .nphb-hero .nphb-roadmap .nphb-level h2{
    margin:0 0 3px!important;
    font-size:18px!important;
    line-height:1.08!important;
    white-space:nowrap!important;
  }

  body .nphb-hero .nphb-roadmap .nphb-level p{
    margin:0!important;
    font-size:11.5px!important;
    line-height:1.25!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  body .nphb-hero .nphb-roadmap .nphb-level-ccst{
    left:0!important;
    bottom:2%!important;
    top:auto!important;
    right:auto!important;
  }

  body .nphb-hero .nphb-roadmap .nphb-level-ccna{
    left:11%!important;
    bottom:23%!important;
    top:auto!important;
    right:auto!important;
  }

  body .nphb-hero .nphb-roadmap .nphb-level-encor{
    left:22%!important;
    bottom:44%!important;
    top:auto!important;
    right:auto!important;
  }

  body .nphb-hero .nphb-roadmap .nphb-level-enarsi{
    left:33%!important;
    bottom:65%!important;
    top:auto!important;
    right:auto!important;
  }

  body .nphb-hero .nphb-roadmap .nphb-level-ccie{
    left:44%!important;
    bottom:86%!important;
    top:auto!important;
    right:auto!important;
  }
}

/* Portátiles: mismo patrón, sin cortar ENARSI ni CCIE */
@media (min-width:761px) and (max-width:1180px){
  body .nphb-hero .nphb-roadmap{
    min-height:630px!important;
    overflow:visible!important;
  }

  body .nphb-hero .nphb-roadmap .nphb-level{
    width:clamp(500px,67vw,660px)!important;
    min-height:78px!important;
  }

  body .nphb-hero .nphb-roadmap .nphb-level-ccst{
    left:0!important;
    bottom:2%!important;
    top:auto!important;
    right:auto!important;
  }

  body .nphb-hero .nphb-roadmap .nphb-level-ccna{
    left:7%!important;
    bottom:23%!important;
    top:auto!important;
    right:auto!important;
  }

  body .nphb-hero .nphb-roadmap .nphb-level-encor{
    left:14%!important;
    bottom:44%!important;
    top:auto!important;
    right:auto!important;
  }

  body .nphb-hero .nphb-roadmap .nphb-level-enarsi{
    left:21%!important;
    bottom:65%!important;
    top:auto!important;
    right:auto!important;
  }

  body .nphb-hero .nphb-roadmap .nphb-level-ccie{
    left:28%!important;
    bottom:86%!important;
    top:auto!important;
    right:auto!important;
  }
}

/* Hover real y consistente para las tarjetas de la ruta inferior */
body .nphb-learning-path .nphb-path-card{
  will-change:transform;
  transform:translate3d(0,0,0)!important;
  transition:
    transform .24s cubic-bezier(.22,.8,.3,1),
    box-shadow .24s ease,
    border-color .24s ease!important;
}

body .nphb-learning-path .nphb-path-card:hover{
  transform:translate3d(0,-9px,0)!important;
  box-shadow:
    0 26px 58px rgba(22,43,82,.16),
    0 0 0 1px color-mix(in srgb,var(--stage) 18%,transparent)!important;
}

/* Anula el antiguo escalonado que impedía que todas subieran igual */
@media (min-width:1261px){
  body .nphb-learning-path .nphb-path-card:nth-child(1),
  body .nphb-learning-path .nphb-path-card:nth-child(2),
  body .nphb-learning-path .nphb-path-card:nth-child(3),
  body .nphb-learning-path .nphb-path-card:nth-child(4),
  body .nphb-learning-path .nphb-path-card:nth-child(5){
    transform:translate3d(0,0,0)!important;
  }

  body .nphb-learning-path .nphb-path-card:nth-child(1):hover,
  body .nphb-learning-path .nphb-path-card:nth-child(2):hover,
  body .nphb-learning-path .nphb-path-card:nth-child(3):hover,
  body .nphb-learning-path .nphb-path-card:nth-child(4):hover,
  body .nphb-learning-path .nphb-path-card:nth-child(5):hover{
    transform:translate3d(0,-9px,0)!important;
  }
}

/* Mantiene estable el móvil */
@media (max-width:760px){
  body .nphb-learning-path .nphb-path-card,
  body .nphb-learning-path .nphb-path-card:hover{
    transform:none!important;
  }
}

/* Respeta la preferencia de reducir movimiento */
@media (prefers-reduced-motion:reduce){
  body .nphb-learning-path .nphb-path-card,
  body .nphb-learning-path .nphb-path-card:hover{
    transform:none!important;
    transition:none!important;
  }
}


/* =========================================================
   v8.4.0 — COLORES COHERENTES ENTRE HERO Y RUTA INFERIOR
   Diseño equilibrado: identidad por etapa sin sobrecargar.
   ========================================================= */

/* Paleta compartida con las tarjetas inferiores */
body .nphb-hero .nphb-roadmap .nphb-level-ccst{
  --road-stage:#16aaa4;
  --road-soft:#eafaf8;
  --road-border:#b8e9e5;
  --road-glow:rgba(22,170,164,.16);
}

body .nphb-hero .nphb-roadmap .nphb-level-ccna{
  --road-stage:#246ee8;
  --road-soft:#eef5ff;
  --road-border:#c9dcff;
  --road-glow:rgba(36,110,232,.16);
}

body .nphb-hero .nphb-roadmap .nphb-level-encor{
  --road-stage:#7b3fc4;
  --road-soft:#f5effd;
  --road-border:#ddccf4;
  --road-glow:rgba(123,63,196,.16);
}

body .nphb-hero .nphb-roadmap .nphb-level-enarsi{
  --road-stage:#f18416;
  --road-soft:#fff5e9;
  --road-border:#f7d5ac;
  --road-glow:rgba(241,132,22,.16);
}

body .nphb-hero .nphb-roadmap .nphb-level-ccie{
  --road-stage:#c88e00;
  --road-soft:#fff8e6;
  --road-border:#efd38b;
  --road-glow:rgba(200,142,0,.17);
}

/* Tarjeta blanca con borde, acento e icono del color de su etapa */
body .nphb-hero .nphb-roadmap .nphb-level{
  position:absolute;
  color:#10244d!important;
  background:
    linear-gradient(90deg,var(--road-soft) 0,rgba(255,255,255,.98) 22%,#fff 100%)!important;
  border:1.5px solid var(--road-border)!important;
  box-shadow:
    0 15px 34px rgba(29,55,105,.09),
    0 0 0 1px rgba(255,255,255,.7) inset!important;
}

body .nphb-hero .nphb-roadmap .nphb-level::after{
  content:"";
  position:absolute;
  left:0;
  top:14px;
  bottom:14px;
  width:4px;
  border-radius:0 999px 999px 0;
  background:var(--road-stage);
  opacity:.95;
}

body .nphb-hero .nphb-roadmap .nphb-level-icon{
  color:var(--road-stage)!important;
  background:var(--road-soft)!important;
  border:1px solid var(--road-border)!important;
  box-shadow:0 8px 18px var(--road-glow)!important;
}

body .nphb-hero .nphb-roadmap .nphb-level-tag{
  color:var(--road-stage)!important;
}

body .nphb-hero .nphb-roadmap .nphb-level-arrow{
  color:var(--road-stage)!important;
  background:var(--road-soft)!important;
  border:1px solid var(--road-border)!important;
}

body .nphb-hero .nphb-roadmap .nphb-level:hover,
body .nphb-hero .nphb-roadmap .nphb-level:focus-visible{
  border-color:var(--road-stage)!important;
  box-shadow:
    0 20px 44px rgba(29,55,105,.13),
    0 0 0 4px var(--road-glow)!important;
}

body .nphb-hero .nphb-roadmap .nphb-level:hover .nphb-level-icon{
  transform:translateY(-2px) scale(1.04);
}

/* La curva también recorre visualmente la misma paleta */
body .nphb-hero .nphb-roadmap::before{
  background:
    linear-gradient(
      180deg,
      rgba(200,142,0,.65) 0%,
      rgba(241,132,22,.58) 25%,
      rgba(123,63,196,.56) 50%,
      rgba(36,110,232,.58) 75%,
      rgba(22,170,164,.66) 100%
    )!important;
  opacity:.62!important;
}

/* Evita el exceso visual: no añadimos badges ni estados nuevos en el Hero */
body .nphb-hero .nphb-roadmap .nphb-level h2{
  color:#10244d!important;
}

body .nphb-hero .nphb-roadmap .nphb-level p{
  color:#74839b!important;
}

/* En móvil conserva el color por etapa con un diseño limpio */
@media(max-width:760px){
  body .nphb-hero .nphb-roadmap .nphb-level{
    background:
      linear-gradient(90deg,var(--road-soft) 0,rgba(255,255,255,.98) 34%,#fff 100%)!important;
  }

  body .nphb-hero .nphb-roadmap .nphb-level::after{
    top:12px;
    bottom:12px;
  }
}

/* Compatibilidad con movimiento reducido */
@media(prefers-reduced-motion:reduce){
  body .nphb-hero .nphb-roadmap .nphb-level:hover .nphb-level-icon{
    transform:none!important;
  }
}


/* =========================================================
   v9.0.0 — CIERRE PREMIUM DEL HERO
   Últimos pulidos de identidad, confianza y microinteracción.
   ========================================================= */

/* Logo de marca ligeramente más presente, sin dominar */
.nphb-brand-signature{
  gap:12px!important;
  padding:8px 14px 8px 8px!important;
  border-radius:15px!important;
  background:rgba(255,255,255,.84)!important;
  box-shadow:
    0 10px 26px rgba(29,55,105,.08),
    0 0 0 1px rgba(255,255,255,.7) inset!important;
}

.nphb-brand-mark{
  flex:0 0 50px!important;
  width:50px!important;
  height:50px!important;
  border-radius:13px!important;
}

.nphb-brand-mark img{
  padding:4px!important;
}

.nphb-brand-identity strong{
  font-size:13px!important;
  letter-spacing:-.01em;
}

.nphb-brand-identity small{
  font-size:10px!important;
  color:#7b879d!important;
}

/* Bloque de confianza con más jerarquía */
.nphb-trust{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  margin-top:12px!important;
}

.nphb-trust-stars{
  font-size:18px!important;
  line-height:1!important;
  letter-spacing:2px!important;
  filter:drop-shadow(0 2px 5px rgba(222,153,0,.16));
}

.nphb-trust p,
.nphb-trust-text{
  margin:0!important;
  color:#53647f!important;
  font-size:13px!important;
  line-height:1.45!important;
  font-weight:600!important;
}

/* Iconos de confianza un poco más definidos */
.nphb-trust-icons{
  display:flex!important;
  align-items:center!important;
}

.nphb-trust-icons > *{
  transition:
    transform .22s ease,
    box-shadow .22s ease!important;
}

.nphb-trust-icons > *:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 18px rgba(27,52,101,.12)!important;
}

/* Flecha de las tarjetas con microinteracción más clara */
body .nphb-hero .nphb-roadmap .nphb-level-arrow{
  opacity:.58!important;
  transition:
    opacity .22s ease,
    transform .24s cubic-bezier(.22,.8,.3,1),
    background .22s ease,
    box-shadow .22s ease!important;
}

body .nphb-hero .nphb-roadmap .nphb-level:hover .nphb-level-arrow,
body .nphb-hero .nphb-roadmap .nphb-level:focus-visible .nphb-level-arrow{
  opacity:1!important;
  transform:translate(4px,-50%)!important;
  box-shadow:0 7px 16px var(--road-glow)!important;
}

body .nphb-hero .nphb-roadmap .nphb-level:hover .nphb-level-icon,
body .nphb-hero .nphb-roadmap .nphb-level:focus-visible .nphb-level-icon{
  transform:translateY(-2px) rotate(-2deg) scale(1.04)!important;
}

/* Títulos de etapa ligeramente más nítidos */
body .nphb-hero .nphb-roadmap .nphb-level h2{
  letter-spacing:-.02em!important;
  font-weight:850!important;
}

body .nphb-hero .nphb-roadmap .nphb-level-tag{
  font-weight:900!important;
  letter-spacing:.02em!important;
}

/* Mejor transición del Hero a la franja de ventajas */
.nphb-features{
  box-shadow:
    0 18px 44px rgba(29,55,105,.08),
    0 0 0 1px rgba(36,87,245,.05) inset!important;
}

/* Ajustes responsivos */
@media(max-width:760px){
  .nphb-brand-signature{
    width:max-content;
    max-width:100%;
  }

  .nphb-brand-mark{
    flex-basis:46px!important;
    width:46px!important;
    height:46px!important;
  }

  .nphb-trust{
    align-items:flex-start!important;
    gap:10px!important;
  }

  .nphb-trust-stars{
    font-size:16px!important;
  }

  body .nphb-hero .nphb-roadmap .nphb-level-arrow{
    opacity:.75!important;
  }
}

/* Accesibilidad: sin movimiento cuando el usuario lo solicita */
@media(prefers-reduced-motion:reduce){
  .nphb-trust-icons > *,
  body .nphb-hero .nphb-roadmap .nphb-level-arrow,
  body .nphb-hero .nphb-roadmap .nphb-level-icon{
    transition:none!important;
  }

  .nphb-trust-icons > *:hover,
  body .nphb-hero .nphb-roadmap .nphb-level:hover .nphb-level-arrow,
  body .nphb-hero .nphb-roadmap .nphb-level:hover .nphb-level-icon{
    transform:none!important;
  }
}


/* =========================================================
   v9.1.0 — TARJETA DE MARCA UNIFORME Y CLICABLE
   ========================================================= */

/* Igualamos la tarjeta de marca a los CTA del Hero */
.nphb-brand-signature{
  position:relative;
  display:inline-flex!important;
  align-items:center!important;
  gap:13px!important;
  min-width:225px!important;
  min-height:76px!important;
  margin-top:18px!important;
  padding:12px 46px 12px 12px!important;
  border:1px solid color-mix(in srgb,var(--blue) 24%,white)!important;
  border-radius:14px!important;
  color:#10244d!important;
  text-decoration:none!important;
  background:rgba(255,255,255,.9)!important;
  box-shadow:0 10px 26px rgba(24,58,140,.08)!important;
  transition:
    transform .22s ease,
    box-shadow .22s ease,
    border-color .22s ease,
    background .22s ease!important;
}

.nphb-brand-signature:hover,
.nphb-brand-signature:focus-visible{
  color:#10244d!important;
  transform:translateY(-3px);
  border-color:color-mix(in srgb,var(--blue) 46%,white)!important;
  background:#fff!important;
  box-shadow:0 17px 36px rgba(24,58,140,.13)!important;
}

.nphb-brand-signature:focus-visible{
  outline:none;
  box-shadow:
    0 0 0 4px color-mix(in srgb,var(--blue) 15%,transparent),
    0 17px 36px rgba(24,58,140,.13)!important;
}

.nphb-brand-mark{
  flex:0 0 50px!important;
  width:50px!important;
  height:50px!important;
}

.nphb-brand-identity{
  min-width:0;
  flex:1 1 auto;
}

.nphb-brand-identity strong{
  font-size:14px!important;
  line-height:1.2!important;
}

.nphb-brand-identity small{
  display:block;
  margin-top:3px;
  font-size:10.5px!important;
  line-height:1.25!important;
}

.nphb-brand-arrow{
  position:absolute;
  right:14px;
  top:50%;
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border:1px solid color-mix(in srgb,var(--blue) 16%,white);
  border-radius:50%;
  color:var(--blue);
  background:color-mix(in srgb,var(--blue) 6%,white);
  transform:translateY(-50%);
  opacity:.68;
  transition:
    transform .22s ease,
    opacity .22s ease,
    background .22s ease;
}

.nphb-brand-arrow svg{
  width:14px;
  height:14px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.nphb-brand-signature:hover .nphb-brand-arrow,
.nphb-brand-signature:focus-visible .nphb-brand-arrow{
  opacity:1;
  transform:translate(3px,-50%);
  background:color-mix(in srgb,var(--blue) 11%,white);
}

/* Alineación con los botones en escritorio */
@media(min-width:761px){
  .nphb-brand-signature{
    width:225px!important;
  }
}

/* Móvil: ocupa el ancho disponible como los CTA */
@media(max-width:760px){
  .nphb-brand-signature{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    min-height:72px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .nphb-brand-signature,
  .nphb-brand-arrow{
    transition:none!important;
  }

  .nphb-brand-signature:hover,
  .nphb-brand-signature:focus-visible,
  .nphb-brand-signature:hover .nphb-brand-arrow,
  .nphb-brand-signature:focus-visible .nphb-brand-arrow{
    transform:none!important;
  }
}


/* =========================================================
   v9.2.0 — TARJETA DE MARCA SIMPLE COMO LOS CTA
   ========================================================= */

/* Sin flecha: misma limpieza visual que los dos botones superiores */
.nphb-brand-signature{
  padding:12px 20px!important;
  justify-content:flex-start!important;
}

.nphb-brand-arrow{
  display:none!important;
}

/* Mismo efecto de elevación que los CTA principales */
.nphb-brand-signature:hover,
.nphb-brand-signature:focus-visible{
  transform:translateY(-3px)!important;
  box-shadow:0 19px 38px rgba(36,87,245,.16)!important;
}

/* El contenido queda centrado verticalmente y sin espacio reservado */
.nphb-brand-identity{
  padding-right:0!important;
}

@media(max-width:760px){
  .nphb-brand-signature{
    padding:12px 18px!important;
  }
}


/* =========================================================
   v9.3.0 — RESTAURACIÓN Y OPTIMIZACIÓN MÓVIL
   Corrige solapamientos, exceso de altura y lectura en iPhone.
   ========================================================= */

@media(max-width:760px){

  /* Hero más compacto y ordenado */
  body .nphb-hero{
    padding:28px 16px 18px!important;
    overflow:hidden!important;
  }

  body .nphb-inner{
    display:block!important;
    min-height:0!important;
  }

  body .nphb-copy{
    width:100%!important;
    max-width:none!important;
    margin:0 auto!important;
    text-align:center!important;
  }

  body .nphb-title{
    font-size:clamp(42px,13vw,62px)!important;
    line-height:.92!important;
  }

  body .nphb-description{
    margin-bottom:22px!important;
    font-size:16px!important;
    line-height:1.55!important;
  }

  body .nphb-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    width:100%!important;
    margin-bottom:16px!important;
  }

  body .nphb-button,
  body .nphb-brand-signature{
    width:100%!important;
    min-width:0!important;
    min-height:72px!important;
    margin:0!important;
  }

  body .nphb-brand-signature{
    margin-top:14px!important;
  }

  body .nphb-trust{
    display:grid!important;
    grid-template-columns:auto 1fr!important;
    align-items:center!important;
    gap:12px!important;
    width:100%!important;
    margin:14px 0 8px!important;
    text-align:left!important;
  }

  body .nphb-trust-icons{
    justify-content:flex-start!important;
  }

  body .nphb-trust p{
    font-size:12px!important;
    line-height:1.4!important;
  }

  /* La ruta del Hero vuelve a flujo normal: nada se monta */
  body .nphb-roadmap{
    position:relative!important;
    display:grid!important;
    gap:12px!important;
    width:100%!important;
    min-height:0!important;
    margin:20px 0 0!important;
    padding:0!important;
    overflow:visible!important;
  }

  body .nphb-roadmap::before,
  body .nphb-grid-bg,
  body .nphb-cert-bg{
    display:none!important;
  }

  body .nphb-roadmap .nphb-level{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    min-height:82px!important;
    margin:0!important;
    padding:12px 44px 12px 13px!important;
    transform:none!important;
    border-radius:16px!important;
  }

  body .nphb-roadmap .nphb-level::after{
    top:12px!important;
    bottom:12px!important;
  }

  body .nphb-roadmap .nphb-level-icon{
    flex:0 0 50px!important;
    width:50px!important;
    height:50px!important;
    font-size:21px!important;
  }

  body .nphb-roadmap .nphb-level-tag{
    font-size:9px!important;
  }

  body .nphb-roadmap .nphb-level h2{
    font-size:17px!important;
    white-space:normal!important;
  }

  body .nphb-roadmap .nphb-level p{
    font-size:11px!important;
    white-space:normal!important;
  }

  body .nphb-roadmap .nphb-level-arrow{
    right:11px!important;
    opacity:.65!important;
  }

  /* Franja de ventajas: sin superposición y mucho más compacta */
  body .nphb-features{
    position:relative!important;
    z-index:1!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:0!important;
    width:100%!important;
    margin:18px 0 0!important;
    padding:8px 14px!important;
    border-radius:18px!important;
  }

  body .nphb-features > div{
    min-height:66px!important;
    padding:10px 4px!important;
    border:0!important;
    border-bottom:1px solid rgba(36,87,245,.08)!important;
  }

  body .nphb-features > div:last-child{
    border-bottom:0!important;
  }

  body .nphb-features span{
    width:44px!important;
    height:44px!important;
    flex:0 0 44px!important;
  }

  body .nphb-features strong{
    font-size:13px!important;
  }

  body .nphb-features small{
    font-size:11px!important;
  }

  /* Ruta inferior: tarjetas más compactas y sin alturas gigantes */
  body .nphb-learning-path{
    padding:48px 14px 56px!important;
  }

  body .nphb-learning-path .nphb-path-shell{
    width:100%!important;
  }

  body .nphb-learning-path .nphb-path-header{
    margin-bottom:24px!important;
  }

  body .nphb-learning-path .nphb-path-header h2{
    font-size:clamp(34px,10.5vw,46px)!important;
    line-height:1.05!important;
  }

  body .nphb-learning-path .nphb-path-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:18px!important;
  }

  body .nphb-learning-path .nphb-path-grid::before{
    display:none!important;
  }

  body .nphb-learning-path .nphb-path-card{
    min-height:0!important;
    height:auto!important;
    padding:22px 20px 20px!important;
    border-radius:22px!important;
    transform:none!important;
  }

  body .nphb-learning-path .nphb-path-top{
    margin-bottom:16px!important;
  }

  body .nphb-learning-path .nphb-path-icon{
    width:64px!important;
    height:64px!important;
    border-radius:18px!important;
  }

  body .nphb-learning-path .nphb-path-number{
    width:43px!important;
    height:43px!important;
    font-size:15px!important;
  }

  body .nphb-learning-path .nphb-path-meta{
    gap:8px!important;
    margin-bottom:10px!important;
  }

  body .nphb-learning-path .nphb-course-status{
    margin-bottom:12px!important;
  }

  body .nphb-learning-path .nphb-path-card h3{
    margin-bottom:7px!important;
    font-size:28px!important;
    line-height:1.12!important;
  }

  body .nphb-learning-path .nphb-path-card > .nphb-path-content > p{
    margin-bottom:18px!important;
    font-size:16px!important;
    line-height:1.5!important;
  }

  body .nphb-learning-path .nphb-path-difficulty{
    margin-top:0!important;
    padding-top:16px!important;
    padding-bottom:14px!important;
  }

  body .nphb-learning-path .nphb-skill-list{
    gap:10px!important;
    margin:0 0 18px!important;
  }

  body .nphb-learning-path .nphb-skill-list li{
    min-height:36px!important;
    font-size:14px!important;
  }

  body .nphb-learning-path .nphb-skill-icon{
    width:32px!important;
    height:32px!important;
  }

  body .nphb-learning-path .nphb-path-link{
    position:static!important;
    margin-top:8px!important;
    padding-top:12px!important;
    font-size:15px!important;
  }

  /* Evita que el botón “subir” tape contenido importante */
  body .scroll-to-top,
  body #ast-scroll-top{
    right:14px!important;
    bottom:18px!important;
    width:42px!important;
    height:42px!important;
  }
}

@media(max-width:390px){
  body .nphb-title{
    font-size:clamp(38px,12.5vw,54px)!important;
  }

  body .nphb-learning-path .nphb-path-card{
    padding-left:17px!important;
    padding-right:17px!important;
  }

  body .nphb-learning-path .nphb-path-card h3{
    font-size:25px!important;
  }
}


/* =========================================================
   v9.4.0 — CONTENEDOR GLOBAL DE LA PÁGINA DE INICIO
   Fondo a ancho completo; contenido centrado y coherente.
   ========================================================= */

:root{
  --nphb-site-max-width:1500px;
  --nphb-site-gutter:clamp(24px,3vw,54px);
}

/* El fondo del Hero sigue ocupando toda la pantalla */
body .nphb-hero{
  width:100%!important;
}

/* Contenido principal del Hero limitado y centrado */
@media(min-width:1181px){
  body .nphb-hero .nphb-inner{
    width:min(
      var(--nphb-site-max-width),
      calc(100% - (var(--nphb-site-gutter) * 2))
    )!important;
    max-width:var(--nphb-site-max-width)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* Franja de ventajas alineada con el Hero */
  body .nphb-hero .nphb-features{
    width:min(
      var(--nphb-site-max-width),
      calc(100% - (var(--nphb-site-gutter) * 2))
    )!important;
    max-width:var(--nphb-site-max-width)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* Ruta de aprendizaje inferior con la misma alineación */
  body .nphb-learning-path .nphb-path-shell{
    width:min(
      var(--nphb-site-max-width),
      calc(100% - (var(--nphb-site-gutter) * 2))
    )!important;
    max-width:var(--nphb-site-max-width)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

/* Portátiles: margen coherente sin estrechar demasiado */
@media(min-width:761px) and (max-width:1180px){
  body .nphb-hero .nphb-inner,
  body .nphb-hero .nphb-features,
  body .nphb-learning-path .nphb-path-shell{
    width:calc(100% - 40px)!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

/* Móvil conserva la optimización de v9.3.0 */
@media(max-width:760px){
  body .nphb-hero .nphb-inner,
  body .nphb-hero .nphb-features,
  body .nphb-learning-path .nphb-path-shell{
    width:100%!important;
    max-width:none!important;
  }
}


/* =========================================================
   v9.5.0 — CONTENEDOR REAL Y VISIBLE DE LA HOME
   Corrige v9.4: 1500 px era mayor que el ancho original
   de 1440 px, por eso visualmente no se apreciaba el cambio.
   ========================================================= */

:root{
  --nphb-home-content-width:1280px;
  --nphb-home-gutter:clamp(22px,4vw,72px);
}

/* Escritorio: reducción real del ancho del contenido */
@media(min-width:1181px){

  body .nphb-hero{
    padding-left:0!important;
    padding-right:0!important;
  }

  body .nphb-hero .nphb-inner{
    width:calc(100% - (var(--nphb-home-gutter) * 2))!important;
    max-width:var(--nphb-home-content-width)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  body .nphb-hero .nphb-features{
    width:calc(100% - (var(--nphb-home-gutter) * 2))!important;
    max-width:var(--nphb-home-content-width)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  body .nphb-learning-path .nphb-path-shell{
    width:calc(100% - (var(--nphb-home-gutter) * 2))!important;
    max-width:var(--nphb-home-content-width)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* Ajusta la composición interna al nuevo ancho */
  body .nphb-hero .nphb-inner{
    grid-template-columns:minmax(0,.94fr) minmax(520px,1.06fr)!important;
    gap:34px!important;
  }

  body .nphb-hero .nphb-roadmap{
    transform:scale(.94);
    transform-origin:center center;
  }

  /* Las cinco tarjetas inferiores siguen entrando sin apelotonarse */
  body .nphb-learning-path .nphb-path-grid{
    gap:16px!important;
  }

  body .nphb-learning-path .nphb-path-card{
    min-width:0!important;
  }
}

/* Monitores muy grandes: márgenes claramente visibles */
@media(min-width:1600px){
  body .nphb-hero,
  body .nphb-learning-path{
    background-clip:border-box;
  }

  body .nphb-hero .nphb-inner,
  body .nphb-hero .nphb-features,
  body .nphb-learning-path .nphb-path-shell{
    max-width:1280px!important;
  }
}

/* Portátiles: contenedor contenido, pero sin romper la composición */
@media(min-width:761px) and (max-width:1180px){
  body .nphb-hero .nphb-inner,
  body .nphb-hero .nphb-features,
  body .nphb-learning-path .nphb-path-shell{
    width:calc(100% - 48px)!important;
    max-width:1040px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

/* Móvil conserva exactamente la restauración de v9.3 */
@media(max-width:760px){
  body .nphb-hero .nphb-inner,
  body .nphb-hero .nphb-features,
  body .nphb-learning-path .nphb-path-shell{
    width:100%!important;
    max-width:none!important;
  }

  body .nphb-hero .nphb-roadmap{
    transform:none!important;
  }
}


/* =========================================================
   v9.6.0 — HOME EN CONTENEDOR VISIBLE TIPO PÁGINA DE CURSO
   Fondo exterior gris + panel central blanco con borde.
   ========================================================= */

:root{
  --nphb-page-frame-width:1280px;
  --nphb-page-frame-border:#dfe7f2;
  --nphb-page-frame-shadow:0 18px 46px rgba(24,47,92,.08);
}

/* Fondo exterior similar al resto de páginas */
body.nphb-active,
body:has(.nphb-hero){
  background:#edf3f9!important;
}

/* El Hero completo pasa a ser el panel central visible */
body .nphb-hero{
  width:calc(100% - 32px)!important;
  max-width:var(--nphb-page-frame-width)!important;
  margin:18px auto 0!important;
  border:1px solid var(--nphb-page-frame-border)!important;
  border-bottom:0!important;
  border-radius:18px 18px 0 0!important;
  background:
    radial-gradient(circle at 78% 18%,rgba(42,97,245,.07),transparent 34%),
    linear-gradient(180deg,#fff 0%,#fbfdff 100%)!important;
  box-shadow:var(--nphb-page-frame-shadow)!important;
  overflow:hidden!important;
}

/* Dentro del panel ya no necesitamos otro límite estrecho */
@media(min-width:1181px){
  body .nphb-hero .nphb-inner,
  body .nphb-hero .nphb-features{
    width:100%!important;
    max-width:none!important;
    padding-left:44px!important;
    padding-right:44px!important;
  }
}

/* La ruta inferior continúa el mismo panel */
body .nphb-learning-path{
  width:calc(100% - 32px)!important;
  max-width:var(--nphb-page-frame-width)!important;
  margin:0 auto 24px!important;
  border:1px solid var(--nphb-page-frame-border)!important;
  border-top:0!important;
  border-radius:0 0 18px 18px!important;
  background:
    radial-gradient(circle at 50% 0%,rgba(42,97,245,.055),transparent 30%),
    linear-gradient(180deg,#fbfdff 0%,#fff 100%)!important;
  box-shadow:var(--nphb-page-frame-shadow)!important;
  overflow:hidden!important;
}

@media(min-width:1181px){
  body .nphb-learning-path .nphb-path-shell{
    width:100%!important;
    max-width:none!important;
    padding-left:44px!important;
    padding-right:44px!important;
  }
}

/* Línea sutil que separa visualmente Hero y ruta */
body .nphb-learning-path::before{
  content:"";
  display:block;
  width:calc(100% - 88px);
  height:1px;
  margin:0 auto;
  background:linear-gradient(90deg,transparent,#dce6f3,transparent);
}

/* Tablet */
@media(min-width:761px) and (max-width:1180px){
  body .nphb-hero,
  body .nphb-learning-path{
    width:calc(100% - 28px)!important;
  }

  body .nphb-hero .nphb-inner,
  body .nphb-hero .nphb-features,
  body .nphb-learning-path .nphb-path-shell{
    width:100%!important;
    max-width:none!important;
    padding-left:26px!important;
    padding-right:26px!important;
  }
}

/* Móvil: conserva el diseño optimizado, con marco mucho más ligero */
@media(max-width:760px){
  body .nphb-hero,
  body .nphb-learning-path{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    border-left:0!important;
    border-right:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }

  body .nphb-hero{
    margin-top:0!important;
  }

  body .nphb-learning-path{
    margin-bottom:0!important;
  }

  body .nphb-learning-path::before{
    width:calc(100% - 28px);
  }
}


/* =========================================================
   v9.7.0 — RUTA INFERIOR MÁS ANCHA Y EN ARMONÍA
   Las tarjetas aprovechan casi todo el ancho útil del panel.
   ========================================================= */

@media(min-width:1181px){

  /* Reduce el margen interior de la sección inferior */
  body .nphb-learning-path .nphb-path-shell{
    padding-left:22px!important;
    padding-right:22px!important;
  }

  /* La cabecera mantiene una lectura cómoda */
  body .nphb-learning-path .nphb-path-header{
    max-width:780px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* Las cinco tarjetas usan prácticamente todo el ancho disponible */
  body .nphb-learning-path .nphb-path-grid{
    width:100%!important;
    max-width:none!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:14px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  body .nphb-learning-path .nphb-path-card{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    padding-left:18px!important;
    padding-right:18px!important;
  }

  /* Texto ligeramente optimizado para conservar equilibrio */
  body .nphb-learning-path .nphb-path-card h3{
    font-size:clamp(20px,1.45vw,26px)!important;
  }

  body .nphb-learning-path .nphb-path-card > .nphb-path-content > p{
    font-size:14px!important;
  }

  body .nphb-learning-path .nphb-skill-list li{
    font-size:12.5px!important;
  }
}

/* Monitores grandes: aún más cerca de los márgenes del panel */
@media(min-width:1500px){
  body .nphb-learning-path .nphb-path-shell{
    padding-left:16px!important;
    padding-right:16px!important;
  }

  body .nphb-learning-path .nphb-path-grid{
    gap:16px!important;
  }

  body .nphb-learning-path .nphb-path-card{
    padding-left:20px!important;
    padding-right:20px!important;
  }
}

/* Portátiles: mayor aprovechamiento sin forzar el contenido */
@media(min-width:761px) and (max-width:1180px){
  body .nphb-learning-path .nphb-path-shell{
    padding-left:18px!important;
    padding-right:18px!important;
  }

  body .nphb-learning-path .nphb-path-grid{
    gap:14px!important;
  }
}

/* Móvil conserva exactamente la versión optimizada */
@media(max-width:760px){
  body .nphb-learning-path .nphb-path-shell{
    padding-left:0!important;
    padding-right:0!important;
  }
}


/* =========================================================
   v9.8.0 — RUTA INFERIOR CASI A TODO EL ANCHO
   Aprovecha el panel manteniendo proporción y armonía.
   ========================================================= */

@media(min-width:1181px){

  /* El contenido de la sección se acerca casi al borde del panel */
  body .nphb-learning-path .nphb-path-shell{
    padding-left:8px!important;
    padding-right:8px!important;
  }

  /* El encabezado conserva un ancho de lectura elegante */
  body .nphb-learning-path .nphb-path-header{
    max-width:800px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* Las tarjetas ocupan prácticamente todo el ancho útil */
  body .nphb-learning-path .nphb-path-grid{
    width:100%!important;
    max-width:none!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:10px!important;
    padding-left:0!important;
    padding-right:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  body .nphb-learning-path .nphb-path-card{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    padding-left:16px!important;
    padding-right:16px!important;
  }

  /* Ajustes internos para que el mayor ancho se vea equilibrado */
  body .nphb-learning-path .nphb-path-card h3{
    font-size:clamp(20px,1.38vw,25px)!important;
    line-height:1.12!important;
  }

  body .nphb-learning-path .nphb-path-card > .nphb-path-content > p{
    font-size:13.5px!important;
    line-height:1.5!important;
  }

  body .nphb-learning-path .nphb-skill-list li{
    font-size:12px!important;
  }

  body .nphb-learning-path .nphb-path-meta{
    gap:6px!important;
  }

  body .nphb-learning-path .nphb-path-meta span,
  body .nphb-learning-path .nphb-course-status{
    font-size:8.5px!important;
  }
}

/* Monitores grandes: prácticamente hasta el límite interior */
@media(min-width:1500px){
  body .nphb-learning-path .nphb-path-shell{
    padding-left:4px!important;
    padding-right:4px!important;
  }

  body .nphb-learning-path .nphb-path-grid{
    gap:12px!important;
  }

  body .nphb-learning-path .nphb-path-card{
    padding-left:18px!important;
    padding-right:18px!important;
  }
}

/* Portátiles: mejora visible sin comprometer legibilidad */
@media(min-width:761px) and (max-width:1180px){
  body .nphb-learning-path .nphb-path-shell{
    padding-left:10px!important;
    padding-right:10px!important;
  }

  body .nphb-learning-path .nphb-path-grid{
    gap:10px!important;
  }
}

/* Móvil no cambia */
@media(max-width:760px){
  body .nphb-learning-path .nphb-path-shell{
    padding-left:0!important;
    padding-right:0!important;
  }
}


/* =========================================================
   v9.9.0 — RUTA INFERIOR A ANCHO CASI COMPLETO REAL
   Corrige el espacio lateral heredado por la propia sección.
   ========================================================= */

@media(min-width:1181px){

  /* El problema restante estaba en el padding horizontal de la sección */
  body .nphb-learning-path{
    padding-left:10px!important;
    padding-right:10px!important;
  }

  body .nphb-learning-path .nphb-path-shell{
    width:100%!important;
    max-width:none!important;
    padding-left:0!important;
    padding-right:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* Encabezado centrado y tarjetas ocupando todo el resto */
  body .nphb-learning-path .nphb-path-header{
    max-width:820px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  body .nphb-learning-path .nphb-path-grid{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:12px!important;
  }

  body .nphb-learning-path .nphb-path-card{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    padding-left:18px!important;
    padding-right:18px!important;
  }

  body .nphb-learning-path .nphb-path-card h3{
    font-size:clamp(20px,1.42vw,26px)!important;
  }

  body .nphb-learning-path .nphb-path-card > .nphb-path-content > p{
    font-size:13.5px!important;
  }

  body .nphb-learning-path .nphb-skill-list li{
    font-size:12.25px!important;
  }
}

/* Monitores grandes: apenas 6 px de margen por lado */
@media(min-width:1500px){
  body .nphb-learning-path{
    padding-left:6px!important;
    padding-right:6px!important;
  }

  body .nphb-learning-path .nphb-path-grid{
    gap:14px!important;
  }

  body .nphb-learning-path .nphb-path-card{
    padding-left:20px!important;
    padding-right:20px!important;
  }
}

/* Tablet mantiene márgenes prudentes */
@media(min-width:761px) and (max-width:1180px){
  body .nphb-learning-path{
    padding-left:14px!important;
    padding-right:14px!important;
  }

  body .nphb-learning-path .nphb-path-shell{
    width:100%!important;
    max-width:none!important;
    padding-left:0!important;
    padding-right:0!important;
  }
}

/* Móvil no cambia */
@media(max-width:760px){
  body .nphb-learning-path{
    padding-left:14px!important;
    padding-right:14px!important;
  }
}


/* =========================================================
   v10.0.0 — CIERRE VISUAL DE LA RUTA DE APRENDIZAJE
   Línea premium, hover uniforme y CTA disponible refinado.
   ========================================================= */

/* Línea conectora más elegante y coherente con la paleta */
@media(min-width:1181px){
  body .nphb-learning-path .nphb-path-grid{
    position:relative!important;
    isolation:isolate;
  }

  body .nphb-learning-path .nphb-path-grid::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:7.5%!important;
    right:7.5%!important;
    top:51px!important;
    width:auto!important;
    height:3px!important;
    border-radius:999px!important;
    background:
      linear-gradient(
        90deg,
        rgba(22,170,164,.40) 0%,
        rgba(36,110,232,.36) 25%,
        rgba(123,63,196,.36) 50%,
        rgba(241,132,22,.36) 75%,
        rgba(200,142,0,.40) 100%
      )!important;
    box-shadow:
      0 0 12px rgba(36,87,245,.08),
      0 1px 0 rgba(255,255,255,.8) inset!important;
    opacity:.92!important;
    z-index:0!important;
  }

  body .nphb-learning-path .nphb-path-card{
    position:relative!important;
    z-index:1!important;
  }

  body .nphb-learning-path .nphb-path-card::before{
    content:"";
    position:absolute;
    left:50%;
    top:51px;
    width:11px;
    height:11px;
    border:3px solid #fff;
    border-radius:50%;
    background:var(--stage);
    box-shadow:
      0 0 0 3px color-mix(in srgb,var(--stage) 14%,transparent),
      0 5px 14px color-mix(in srgb,var(--stage) 24%,transparent);
    transform:translate(-50%,-50%) scale(.88);
    opacity:.9;
    pointer-events:none;
    transition:
      transform .24s cubic-bezier(.18,.89,.32,1.28),
      box-shadow .24s ease,
      opacity .24s ease;
    z-index:-1;
  }
}

/* Elevación homogénea en las cinco tarjetas */
body .nphb-learning-path .nphb-path-card{
  will-change:transform;
  transform:translate3d(0,0,0)!important;
  transition:
    transform .24s cubic-bezier(.22,.8,.3,1),
    box-shadow .24s ease,
    border-color .24s ease!important;
}

body .nphb-learning-path .nphb-path-card:hover{
  transform:translate3d(0,-8px,0)!important;
  box-shadow:
    0 26px 58px rgba(22,43,82,.16),
    0 0 0 1px color-mix(in srgb,var(--stage) 18%,transparent)!important;
}

@media(min-width:1181px){
  body .nphb-learning-path .nphb-path-card:hover::before{
    transform:translate(-50%,-50%) scale(1.12);
    opacity:1;
    box-shadow:
      0 0 0 5px color-mix(in srgb,var(--stage) 12%,transparent),
      0 0 18px color-mix(in srgb,var(--stage) 34%,transparent);
  }
}

/* CTA disponible: transición más clara y premium */
body .nphb-learning-path .nphb-path-card-ccst .nphb-path-link:not(.nphb-path-link-disabled),
body .nphb-learning-path .nphb-path-card-ccna .nphb-path-link:not(.nphb-path-link-disabled){
  position:relative;
  overflow:hidden;
  width:max-content;
  padding:8px 12px 8px 0!important;
  border-radius:10px;
  transition:
    padding .22s ease,
    background .22s ease,
    color .22s ease,
    transform .22s ease!important;
}

body .nphb-learning-path .nphb-path-card-ccst .nphb-path-link:not(.nphb-path-link-disabled)::before,
body .nphb-learning-path .nphb-path-card-ccna .nphb-path-link:not(.nphb-path-link-disabled)::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:color-mix(in srgb,var(--stage) 9%,transparent);
  opacity:0;
  transform:scale(.92);
  transition:opacity .22s ease,transform .22s ease;
  z-index:-1;
}

body .nphb-learning-path .nphb-path-card-ccst .nphb-path-link:not(.nphb-path-link-disabled):hover,
body .nphb-learning-path .nphb-path-card-ccna .nphb-path-link:not(.nphb-path-link-disabled):hover{
  padding-left:12px!important;
  transform:translateX(2px);
}

body .nphb-learning-path .nphb-path-card-ccst .nphb-path-link:not(.nphb-path-link-disabled):hover::before,
body .nphb-learning-path .nphb-path-card-ccna .nphb-path-link:not(.nphb-path-link-disabled):hover::before{
  opacity:1;
  transform:scale(1);
}

body .nphb-learning-path .nphb-path-card-ccst .nphb-path-link:not(.nphb-path-link-disabled):hover svg,
body .nphb-learning-path .nphb-path-card-ccna .nphb-path-link:not(.nphb-path-link-disabled):hover svg{
  transform:translateX(5px);
}

/* Próximamente se mantiene sereno y claramente no disponible */
body .nphb-learning-path .nphb-path-link-disabled{
  opacity:.58!important;
  transform:none!important;
  filter:saturate(.72);
}

/* Móvil: sin desplazamientos ni línea conectora */
@media(max-width:760px){
  body .nphb-learning-path .nphb-path-card,
  body .nphb-learning-path .nphb-path-card:hover{
    transform:none!important;
  }

  body .nphb-learning-path .nphb-path-grid::before,
  body .nphb-learning-path .nphb-path-card::before{
    display:none!important;
  }

  body .nphb-learning-path .nphb-path-card-ccst .nphb-path-link:not(.nphb-path-link-disabled),
  body .nphb-learning-path .nphb-path-card-ccna .nphb-path-link:not(.nphb-path-link-disabled){
    padding-left:0!important;
  }
}

/* Accesibilidad */
@media(prefers-reduced-motion:reduce){
  body .nphb-learning-path .nphb-path-card,
  body .nphb-learning-path .nphb-path-card::before,
  body .nphb-learning-path .nphb-path-link,
  body .nphb-learning-path .nphb-path-link::before,
  body .nphb-learning-path .nphb-path-link svg{
    transition:none!important;
  }

  body .nphb-learning-path .nphb-path-card:hover,
  body .nphb-learning-path .nphb-path-link:hover{
    transform:none!important;
  }
}


/* =========================================================
   v10.1.0 — MICROAJUSTES FINALES DE LA RUTA
   Más aire superior y hover premium más equilibrado.
   ========================================================= */

/* Un poco más de separación entre el subtítulo y las tarjetas */
@media(min-width:1181px){
  body .nphb-learning-path .nphb-path-header{
    margin-bottom:44px!important;
  }
}

/* Hover definitivo: 6 px, sombra suave y acento más vivo */
body .nphb-learning-path .nphb-path-card{
  transition:
    transform .28s cubic-bezier(.22,.8,.3,1),
    box-shadow .28s ease,
    border-color .28s ease!important;
}

body .nphb-learning-path .nphb-path-card:hover{
  transform:translate3d(0,-6px,0)!important;
  box-shadow:
    0 24px 52px rgba(22,43,82,.15),
    0 0 0 1px color-mix(in srgb,var(--stage) 20%,transparent)!important;
  border-color:color-mix(in srgb,var(--stage) 48%,white)!important;
}

/* La barra superior gana intensidad sin verse exagerada */
body .nphb-learning-path .nphb-path-card:hover .nphb-path-accent{
  filter:saturate(1.12) brightness(1.03);
  box-shadow:0 4px 14px color-mix(in srgb,var(--stage) 18%,transparent);
}

/* Nodo ligeramente más definido al hacer hover */
@media(min-width:1181px){
  body .nphb-learning-path .nphb-path-card:hover::before{
    transform:translate(-50%,-50%) scale(1.08);
  }
}

/* En móvil no cambia nada */
@media(max-width:760px){
  body .nphb-learning-path .nphb-path-header{
    margin-bottom:24px!important;
  }

  body .nphb-learning-path .nphb-path-card,
  body .nphb-learning-path .nphb-path-card:hover{
    transform:none!important;
  }
}

/* Respeta reducción de movimiento */
@media(prefers-reduced-motion:reduce){
  body .nphb-learning-path .nphb-path-card{
    transition:none!important;
  }

  body .nphb-learning-path .nphb-path-card:hover{
    transform:none!important;
  }
}


/* =========================================================
   v10.1.1 — CORRECCIÓN DEL TEXTO DE CONFIANZA DEL HERO
   Evita que la franja de ventajas tape la frase inferior.
   ========================================================= */

/* El problema pertenece al componente del Hero:
   la franja de ventajas conservaba un margen negativo y podía
   superponerse al bloque de estrellas y texto de confianza. */
@media(min-width:1181px){

  body .nphb-hero .nphb-inner{
    padding-bottom:26px!important;
  }

  body .nphb-hero .nphb-trust{
    position:relative!important;
    z-index:6!important;
    margin-bottom:18px!important;
  }

  body .nphb-hero .nphb-trust p,
  body .nphb-hero .nphb-trust-text{
    display:block!important;
    max-width:none!important;
    overflow:visible!important;
    white-space:normal!important;
    text-overflow:clip!important;
  }

  body .nphb-hero .nphb-features{
    margin-top:14px!important;
  }
}

/* Portátiles: deja una separación segura entre ambos bloques */
@media(min-width:761px) and (max-width:1180px){

  body .nphb-hero .nphb-inner{
    padding-bottom:20px!important;
  }

  body .nphb-hero .nphb-trust{
    margin-bottom:16px!important;
  }

  body .nphb-hero .nphb-features{
    margin-top:12px!important;
  }
}

/* Móvil ya usa composición vertical; solo garantizamos visibilidad */
@media(max-width:760px){

  body .nphb-hero .nphb-trust{
    margin-bottom:14px!important;
  }

  body .nphb-hero .nphb-trust p,
  body .nphb-hero .nphb-trust-text{
    overflow:visible!important;
    white-space:normal!important;
    text-overflow:clip!important;
  }

  body .nphb-hero .nphb-features{
    margin-top:18px!important;
  }
}


/* =========================================================
   v10.2.0 — JERARQUÍA DE MARCA DEL HERO
   Logo protagonista encima de FROM ZERO y firma al cierre.
   ========================================================= */

.nphb-hero-brand{
  display:flex!important;
  align-items:center!important;
  gap:18px!important;
  width:min(100%,430px)!important;
  min-height:96px!important;
  margin:22px 0 20px!important;
  padding:12px 20px!important;
  color:#102142!important;
  background:
    radial-gradient(circle at 12% 50%,rgba(36,87,245,.09),transparent 42%),
    linear-gradient(135deg,#fff 0%,#f7faff 100%)!important;
  border:1px solid #cfdcff!important;
  border-radius:18px!important;
  box-shadow:0 14px 34px rgba(20,52,113,.10)!important;
  text-decoration:none!important;
  box-sizing:border-box!important;
  transition:
    transform .26s ease,
    box-shadow .26s ease,
    border-color .26s ease!important;
}

.nphb-hero-brand:hover{
  transform:translateY(-4px)!important;
  border-color:#9db8ff!important;
  box-shadow:0 20px 42px rgba(20,52,113,.15)!important;
}

.nphb-hero-brand-logo{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 76px!important;
  width:76px!important;
  height:76px!important;
  padding:6px!important;
  background:#fff!important;
  border:1px solid #dce6f5!important;
  border-radius:15px!important;
  box-shadow:0 6px 18px rgba(20,52,113,.08)!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}

.nphb-hero-brand-logo img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
}

.nphb-hero-brand-logo > span{
  color:#2457f5!important;
  font-size:24px!important;
  font-weight:900!important;
}

.nphb-hero-brand-copy{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  line-height:1.1!important;
}

.nphb-hero-brand-copy strong{
  color:#102142!important;
  font-size:24px!important;
  font-weight:800!important;
  letter-spacing:-.025em!important;
}

.nphb-hero-brand-copy small{
  margin-top:7px!important;
  color:#667793!important;
  font-size:13px!important;
  font-weight:600!important;
}

/* Firma al cierre del Hero */
.nphb-hero-signature-wrap{
  display:flex!important;
  justify-content:flex-end!important;
  width:100%!important;
  max-width:1280px!important;
  margin:16px auto 0!important;
  padding:0 28px 20px!important;
  box-sizing:border-box!important;
}

.nphb-brand-signature-footer{
  margin:0!important;
  opacity:.88!important;
  transform:scale(.92);
  transform-origin:right center;
  transition:
    opacity .22s ease,
    transform .22s ease,
    box-shadow .22s ease!important;
}

.nphb-brand-signature-footer:hover{
  opacity:1!important;
  transform:scale(.96) translateY(-2px)!important;
}

/* El título conserva su protagonismo, pero ya queda asociado a la marca */
.nphb-hero-brand + .nphb-title{
  margin-top:0!important;
}

@media(min-width:1181px){
  .nphb-hero-brand{
    width:min(100%,430px)!important;
  }
}

@media(min-width:761px) and (max-width:1180px){
  .nphb-hero-brand{
    width:min(100%,390px)!important;
    min-height:88px!important;
  }

  .nphb-hero-brand-logo{
    flex-basis:68px!important;
    width:68px!important;
    height:68px!important;
  }

  .nphb-hero-brand-copy strong{
    font-size:21px!important;
  }

  .nphb-hero-signature-wrap{
    padding-left:22px!important;
    padding-right:22px!important;
  }
}

@media(max-width:760px){
  .nphb-hero-brand{
    justify-content:center!important;
    width:100%!important;
    min-height:86px!important;
    margin:18px 0 22px!important;
    padding:12px 16px!important;
  }

  .nphb-hero-brand-logo{
    flex-basis:64px!important;
    width:64px!important;
    height:64px!important;
  }

  .nphb-hero-brand-copy{
    text-align:left!important;
  }

  .nphb-hero-brand-copy strong{
    font-size:20px!important;
  }

  .nphb-hero-brand-copy small{
    font-size:12px!important;
  }

  .nphb-hero-signature-wrap{
    justify-content:center!important;
    margin-top:14px!important;
    padding:0 14px 18px!important;
  }

  .nphb-brand-signature-footer{
    transform:none!important;
  }

  .nphb-brand-signature-footer:hover{
    transform:none!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .nphb-hero-brand,
  .nphb-brand-signature-footer{
    transition:none!important;
  }

  .nphb-hero-brand:hover,
  .nphb-brand-signature-footer:hover{
    transform:none!important;
  }
}


/* =========================================================
   v10.3.0 — BRANDING FINAL
   Logo puro arriba y firma al final de la ruta de aprendizaje.
   ========================================================= */

/* Logo superior: solo la imagen, sin texto redundante */
.nphb-hero-brand-logo-only{
  justify-content:center!important;
  width:min(100%,430px)!important;
  min-height:106px!important;
  padding:14px 22px!important;
}

.nphb-hero-brand-logo-only .nphb-hero-brand-logo{
  flex:1 1 auto!important;
  width:100%!important;
  height:78px!important;
  max-width:100%!important;
  padding:4px!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

.nphb-hero-brand-logo-only .nphb-hero-brand-logo img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:left center!important;
}

/* Oculta cualquier texto heredado por seguridad */
.nphb-hero-brand-logo-only .nphb-hero-brand-copy{
  display:none!important;
}

/* Ya no existe firma dentro del Hero */
.nphb-hero-signature-wrap{
  display:none!important;
}

/* Firma ubicada al final de toda la ruta de aprendizaje */
.nphb-path-signature-wrap{
  display:flex!important;
  justify-content:flex-end!important;
  width:100%!important;
  margin:34px auto 0!important;
  padding:0 10px 18px!important;
  box-sizing:border-box!important;
}

.nphb-brand-signature-path{
  margin:0!important;
  opacity:.88!important;
  transform:scale(.92)!important;
  transform-origin:right center!important;
  transition:
    opacity .22s ease,
    transform .22s ease,
    box-shadow .22s ease!important;
}

.nphb-brand-signature-path:hover{
  opacity:1!important;
  transform:scale(.96) translateY(-2px)!important;
}

/* La sección reserva espacio suficiente para la firma */
.nphb-learning-path{
  padding-bottom:30px!important;
}

@media(min-width:1500px){
  .nphb-path-signature-wrap{
    padding-left:6px!important;
    padding-right:6px!important;
  }
}

@media(min-width:761px) and (max-width:1180px){
  .nphb-hero-brand-logo-only{
    width:min(100%,390px)!important;
    min-height:98px!important;
  }

  .nphb-hero-brand-logo-only .nphb-hero-brand-logo{
    height:72px!important;
  }

  .nphb-path-signature-wrap{
    padding-left:14px!important;
    padding-right:14px!important;
  }
}

@media(max-width:760px){
  .nphb-hero-brand-logo-only{
    width:100%!important;
    min-height:92px!important;
    padding:12px 16px!important;
  }

  .nphb-hero-brand-logo-only .nphb-hero-brand-logo{
    height:66px!important;
  }

  .nphb-hero-brand-logo-only .nphb-hero-brand-logo img{
    object-position:center!important;
  }

  .nphb-path-signature-wrap{
    justify-content:center!important;
    margin-top:26px!important;
    padding:0 14px 16px!important;
  }

  .nphb-brand-signature-path,
  .nphb-brand-signature-path:hover{
    transform:none!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .nphb-brand-signature-path{
    transition:none!important;
  }

  .nphb-brand-signature-path:hover{
    transform:none!important;
  }
}


/* =========================================================
   v10.3.1 — LOGO AMPLIADO Y FIRMA EN SU POSICIÓN CORRECTA
   ========================================================= */

/* El logo principal ocupa visualmente el recuadro.
   La imagen subida tiene margen blanco interno, por eso se amplía
   dentro de una ventana recortada sin deformarla. */
.nphb-hero-brand-logo-only{
  width:min(100%,430px)!important;
  min-height:120px!important;
  padding:6px 12px!important;
  overflow:hidden!important;
}

.nphb-hero-brand-logo-only .nphb-hero-brand-logo{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:100%!important;
  height:106px!important;
  overflow:hidden!important;
}

.nphb-hero-brand-logo-only .nphb-hero-brand-logo img{
  width:auto!important;
  height:100%!important;
  max-width:none!important;
  object-fit:contain!important;
  object-position:left center!important;
  transform:scale(1.72)!important;
  transform-origin:left center!important;
}

/* Firma únicamente después de las cinco tarjetas */
.nphb-path-signature-wrap{
  display:flex!important;
  justify-content:flex-end!important;
  width:100%!important;
  margin:36px 0 0!important;
  padding:0 0 8px!important;
  box-sizing:border-box!important;
}

.nphb-brand-signature-path{
  display:inline-flex!important;
  margin:0!important;
  opacity:.9!important;
  transform:scale(.94)!important;
  transform-origin:right center!important;
}

/* Nunca aparece en el panel de administración */
.wp-admin .nphb-path-signature-wrap,
.wp-admin .nphb-brand-signature-path{
  display:none!important;
}

@media(min-width:761px) and (max-width:1180px){
  .nphb-hero-brand-logo-only{
    min-height:110px!important;
  }

  .nphb-hero-brand-logo-only .nphb-hero-brand-logo{
    height:96px!important;
  }

  .nphb-hero-brand-logo-only .nphb-hero-brand-logo img{
    transform:scale(1.6)!important;
  }
}

@media(max-width:760px){
  .nphb-hero-brand-logo-only{
    min-height:104px!important;
    padding:8px 12px!important;
  }

  .nphb-hero-brand-logo-only .nphb-hero-brand-logo{
    justify-content:center!important;
    height:88px!important;
  }

  .nphb-hero-brand-logo-only .nphb-hero-brand-logo img{
    transform:scale(1.5)!important;
    transform-origin:center!important;
  }

  .nphb-path-signature-wrap{
    justify-content:center!important;
    margin-top:28px!important;
  }

  .nphb-brand-signature-path{
    transform:none!important;
  }
}


/* =========================================================
   v10.3.2 — LOGO LIMPIO, JERARQUÍA EQUILIBRADA Y CIERRE COMPACTO
   ========================================================= */

/* Logo principal sin aspecto de botón */
.nphb-hero-brand-logo-only{
  display:block!important;
  width:min(100%,500px)!important;
  min-height:136px!important;
  margin:20px 0 16px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  text-decoration:none!important;
  transform:none!important;
}

.nphb-hero-brand-logo-only:hover{
  transform:none!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

.nphb-hero-brand-logo-only .nphb-hero-brand-logo{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:100%!important;
  height:136px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}

.nphb-hero-brand-logo-only .nphb-hero-brand-logo img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  object-fit:contain!important;
  object-position:left center!important;
  transform:none!important;
  image-rendering:auto!important;
}

/* Reduce ligeramente FROM ZERO para equilibrar la marca */
@media(min-width:1181px){
  .nphb-title .nphb-from{
    font-size:clamp(64px,5.2vw,92px)!important;
    line-height:.92!important;
  }

  .nphb-title .nphb-to{
    font-size:clamp(39px,3.05vw,55px)!important;
    line-height:.98!important;
  }
}

/* Firma final más larga y legible */
.nphb-path-signature-wrap{
  margin-top:22px!important;
  padding-bottom:0!important;
}

.nphb-brand-signature-path{
  min-width:300px!important;
  min-height:72px!important;
  padding:10px 18px!important;
  opacity:.94!important;
  transform:none!important;
  border-radius:16px!important;
}

.nphb-brand-signature-path .nphb-brand-mark{
  flex:0 0 54px!important;
  width:54px!important;
  height:54px!important;
}

.nphb-brand-signature-path .nphb-brand-identity strong{
  font-size:17px!important;
}

.nphb-brand-signature-path .nphb-brand-identity small{
  font-size:12px!important;
}

/* Reduce el espacio vacío al final de la ruta */
.nphb-learning-path{
  padding-bottom:10px!important;
}

.nphb-learning-path .nphb-path-shell{
  padding-bottom:4px!important;
}

/* Tablet */
@media(min-width:761px) and (max-width:1180px){
  .nphb-hero-brand-logo-only{
    width:min(100%,450px)!important;
    min-height:122px!important;
  }

  .nphb-hero-brand-logo-only .nphb-hero-brand-logo{
    height:122px!important;
  }

  .nphb-brand-signature-path{
    min-width:270px!important;
  }
}

/* Móvil */
@media(max-width:760px){
  .nphb-hero-brand-logo-only{
    width:100%!important;
    min-height:104px!important;
    margin:16px 0 18px!important;
  }

  .nphb-hero-brand-logo-only .nphb-hero-brand-logo{
    justify-content:center!important;
    height:104px!important;
  }

  .nphb-hero-brand-logo-only .nphb-hero-brand-logo img{
    object-position:center!important;
  }

  .nphb-brand-signature-path{
    min-width:0!important;
    width:min(100%,300px)!important;
  }

  .nphb-learning-path{
    padding-bottom:14px!important;
  }
}

.nphb-hero-brand-logo-only:focus-visible,
.nphb-brand-signature-path:focus-visible{
  outline:3px solid rgba(36,87,245,.35)!important;
  outline-offset:4px!important;
}


/* =========================================================
   v10.3.3 — LOGO SUPERIOR MÁS DISCRETO Y NO CLICABLE
   ========================================================= */

/* El logo deja de competir con FROM ZERO */
.nphb-hero-brand-logo-only{
  width:min(100%,360px)!important;
  min-height:92px!important;
  margin:18px 0 14px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  cursor:default!important;
  pointer-events:none!important;
}

.nphb-hero-brand-logo-only .nphb-hero-brand-logo{
  width:100%!important;
  height:92px!important;
  justify-content:flex-start!important;
  overflow:visible!important;
}

.nphb-hero-brand-logo-only .nphb-hero-brand-logo img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  object-fit:contain!important;
  object-position:left center!important;
  transform:none!important;
}

/* FROM ZERO recupera una escala más equilibrada */
@media(min-width:1181px){
  .nphb-title .nphb-from{
    font-size:clamp(58px,4.7vw,82px)!important;
    line-height:.94!important;
  }

  .nphb-title .nphb-to{
    font-size:clamp(36px,2.8vw,50px)!important;
    line-height:1!important;
  }
}

/* Tablet */
@media(min-width:761px) and (max-width:1180px){
  .nphb-hero-brand-logo-only{
    width:min(100%,330px)!important;
    min-height:84px!important;
  }

  .nphb-hero-brand-logo-only .nphb-hero-brand-logo{
    height:84px!important;
  }
}

/* Móvil */
@media(max-width:760px){
  .nphb-hero-brand-logo-only{
    width:min(100%,300px)!important;
    min-height:76px!important;
    margin:16px auto 16px!important;
  }

  .nphb-hero-brand-logo-only .nphb-hero-brand-logo{
    height:76px!important;
    justify-content:center!important;
  }

  .nphb-hero-brand-logo-only .nphb-hero-brand-logo img{
    object-position:center!important;
  }
}


/* =========================================================
   v10.4.0 — LOGOS INDEPENDIENTES Y MÓVIL REDONDEADO
   ========================================================= */

/* El logo del Hero usa todo su espacio sin ser clicable.
   object-fit:cover compensa las imágenes con demasiado margen blanco. */
.nphb-hero-brand-logo-only{
  width:min(100%,410px)!important;
  height:110px!important;
  min-height:110px!important;
  margin:18px 0 14px!important;
  padding:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

.nphb-hero-brand-logo-only .nphb-hero-brand-logo{
  width:100%!important;
  height:100%!important;
  justify-content:flex-start!important;
  overflow:hidden!important;
}

.nphb-hero-brand-logo-only .nphb-hero-brand-logo img{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  transform:none!important;
  image-rendering:auto!important;
}

/* Firma independiente, más ancha y clara en escritorio */
.nphb-path-signature-wrap{
  margin-top:18px!important;
  padding-bottom:0!important;
}

.nphb-brand-signature-path{
  min-width:330px!important;
  min-height:76px!important;
  padding:10px 18px!important;
  transform:none!important;
}

.nphb-brand-signature-path .nphb-brand-mark{
  flex:0 0 58px!important;
  width:58px!important;
  height:58px!important;
}

.nphb-brand-signature-path .nphb-brand-mark img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
}

/* Cierre más compacto */
.nphb-learning-path{
  padding-bottom:8px!important;
}

.nphb-learning-path .nphb-path-shell{
  padding-bottom:0!important;
}

@media(min-width:761px) and (max-width:1180px){
  .nphb-hero-brand-logo-only{
    width:min(100%,370px)!important;
    height:100px!important;
    min-height:100px!important;
  }

  .nphb-brand-signature-path{
    min-width:290px!important;
  }
}

/* Móvil: mismas esquinas redondeadas que escritorio */
@media(max-width:760px){
  body .nphb-hero,
  body .nphb-learning-path{
    border-radius:20px!important;
    overflow:hidden!important;
  }

  body .nphb-hero,
  body .nphb-learning-path{
    width:calc(100% - 20px)!important;
    margin-left:10px!important;
    margin-right:10px!important;
  }

  .nphb-hero-brand-logo-only{
    width:min(100%,330px)!important;
    height:90px!important;
    min-height:90px!important;
    margin:16px auto!important;
  }

  .nphb-hero-brand-logo-only .nphb-hero-brand-logo{
    justify-content:center!important;
  }

  .nphb-brand-signature-path{
    width:min(100%,310px)!important;
    min-width:0!important;
  }

  .nphb-learning-path{
    padding-bottom:12px!important;
  }
}


/* =========================================================
   v10.4.1 — PULIDO FINAL DE LA VERSIÓN MÓVIL
   ========================================================= */

/* 1. Logo del Hero más panorámico y menos alto en móvil */
@media(max-width:760px){
  .nphb-hero-brand-logo-only{
    width:min(100%,350px)!important;
    height:94px!important;
    min-height:94px!important;
    margin:14px auto 4px!important;
  }

  .nphb-hero-brand-logo-only .nphb-hero-brand-logo{
    width:100%!important;
    height:94px!important;
  }

  .nphb-hero-brand-logo-only .nphb-hero-brand-logo img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
  }

  /* 2. Menos separación entre logo y FROM ZERO */
  .nphb-hero-brand-logo-only + .nphb-title{
    margin-top:-8px!important;
  }

  /* 3. FROM ZERO ligeramente más pequeño y equilibrado */
  .nphb-title .nphb-from{
    font-size:clamp(48px,13vw,62px)!important;
    line-height:.92!important;
  }

  .nphb-title .nphb-to{
    font-size:clamp(29px,7.6vw,38px)!important;
    line-height:1!important;
  }

  /* 4. Título de la ruta un 10 % más pequeño */
  .nphb-learning-path .nphb-path-title,
  .nphb-learning-path h2{
    font-size:clamp(42px,11vw,58px)!important;
    line-height:1.04!important;
    letter-spacing:-.03em!important;
  }

  /* 5. Botón flotante de subida más pequeño y menos invasivo */
  #ast-scroll-top,
  .ast-scroll-top-icon,
  .scroll-to-top,
  .nphb-scroll-top{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    min-height:48px!important;
    right:14px!important;
    bottom:14px!important;
    border-radius:12px!important;
  }

  #ast-scroll-top svg,
  .ast-scroll-top-icon svg,
  .scroll-to-top svg,
  .nphb-scroll-top svg{
    width:20px!important;
    height:20px!important;
  }
}

/* 6. Firma final más corporativa y menos parecida a una tarjeta */
.nphb-path-signature-wrap{
  margin-top:20px!important;
  padding:16px 0 2px!important;
  border-top:1px solid rgba(36,87,245,.10)!important;
}

.nphb-brand-signature-path{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:16px!important;
  min-width:360px!important;
  min-height:78px!important;
  padding:6px 4px!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  text-decoration:none!important;
}

.nphb-brand-signature-path:hover{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  transform:none!important;
}

.nphb-brand-signature-path::before,
.nphb-brand-signature-path::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(36,87,245,.22),transparent)!important;
}

.nphb-brand-signature-path::before{
  top:0!important;
}

.nphb-brand-signature-path::after{
  bottom:0!important;
}

.nphb-brand-signature-path .nphb-brand-mark{
  flex:0 0 64px!important;
  width:64px!important;
  height:64px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

.nphb-brand-signature-path .nphb-brand-mark img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
}

.nphb-brand-signature-path .nphb-brand-identity strong{
  font-size:19px!important;
  line-height:1.1!important;
}

.nphb-brand-signature-path .nphb-brand-identity small{
  margin-top:5px!important;
  font-size:12px!important;
  letter-spacing:.02em!important;
}

/* 7. Cierre más compacto, eliminando vacío innecesario */
.nphb-learning-path{
  padding-bottom:4px!important;
}

.nphb-learning-path .nphb-path-shell{
  padding-bottom:0!important;
}

@media(max-width:760px){
  .nphb-path-signature-wrap{
    justify-content:center!important;
    margin-top:18px!important;
    padding:14px 12px 0!important;
  }

  .nphb-brand-signature-path{
    width:min(100%,340px)!important;
    min-width:0!important;
    min-height:74px!important;
    gap:14px!important;
    padding:5px 2px!important;
  }

  .nphb-brand-signature-path .nphb-brand-mark{
    flex-basis:58px!important;
    width:58px!important;
    height:58px!important;
  }

  .nphb-brand-signature-path .nphb-brand-identity strong{
    font-size:18px!important;
  }

  .nphb-learning-path{
    padding-bottom:6px!important;
  }
}

/* 8. Mantener bordes redondeados consistentes en móvil */
@media(max-width:760px){
  body .nphb-hero,
  body .nphb-learning-path,
  body .nphb-features,
  body .nphb-path-card{
    border-radius:22px!important;
  }
}


/* =========================================================
   v10.4.2 — CORRECCIÓN REAL DEL LOGO EN MÓVIL
   Evita recortes, desbordamientos y escalado excesivo.
   ========================================================= */

@media(max-width:760px){

  /* El bloque deja de forzar una altura fija */
  .nphb-hero-brand-logo-only{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    max-width:330px!important;
    height:auto!important;
    min-height:0!important;
    margin:14px auto 10px!important;
    padding:0 10px!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }

  .nphb-hero-brand-logo-only .nphb-hero-brand-logo{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
  }

  /* El logo siempre se muestra completo */
  .nphb-hero-brand-logo-only .nphb-hero-brand-logo img{
    display:block!important;
    width:auto!important;
    max-width:100%!important;
    height:auto!important;
    max-height:82px!important;
    object-fit:contain!important;
    object-position:center!important;
    transform:none!important;
    clip-path:none!important;
  }

  /* Evita que el título quede pegado o se solape */
  .nphb-hero-brand-logo-only + .nphb-title{
    margin-top:8px!important;
  }

  /* Ajuste fino del titular en pantallas estrechas */
  .nphb-title .nphb-from{
    font-size:clamp(44px,12vw,58px)!important;
    line-height:.94!important;
    white-space:nowrap!important;
  }

  .nphb-title .nphb-to{
    font-size:clamp(27px,7vw,34px)!important;
    line-height:1.02!important;
  }

  /* Más respiración lateral dentro del Hero */
  .nphb-hero .nphb-hero-copy{
    padding-left:18px!important;
    padding-right:18px!important;
    box-sizing:border-box!important;
  }
}

/* Pantallas muy estrechas */
@media(max-width:390px){
  .nphb-hero-brand-logo-only{
    max-width:290px!important;
  }

  .nphb-hero-brand-logo-only .nphb-hero-brand-logo img{
    max-height:72px!important;
  }

  .nphb-title .nphb-from{
    font-size:clamp(40px,11.3vw,50px)!important;
  }

  .nphb-title .nphb-to{
    font-size:clamp(24px,6.5vw,30px)!important;
  }
}


/* =========================================================
   v10.4.3 — CIERRE DEFINITIVO DE LA PÁGINA DE INICIO
   Ajustes finos para móvil sin alterar la versión de escritorio.
   ========================================================= */

@media (max-width:760px){

  /* Título de la ruta más proporcionado */
  body .nphb-learning-path #nphb-path-title{
    max-width:620px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    font-size:clamp(38px,9.8vw,50px)!important;
    line-height:1.06!important;
    letter-spacing:-.035em!important;
  }

  /* Descripción algo más compacta */
  body .nphb-learning-path .nphb-path-header > p{
    max-width:590px!important;
    margin-top:20px!important;
    font-size:clamp(20px,5.2vw,27px)!important;
    line-height:1.48!important;
  }

  /* La primera tarjeta aparece antes */
  body .nphb-learning-path .nphb-path-header{
    margin-bottom:24px!important;
    padding-bottom:0!important;
  }

  body .nphb-learning-path .nphb-path-grid{
    margin-top:0!important;
  }

  /* Botón de volver arriba realmente compacto y menos invasivo */
  body #ast-scroll-top,
  body .ast-scroll-top-icon,
  body .scroll-to-top,
  body .nphb-scroll-top{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    max-width:44px!important;
    max-height:44px!important;
    right:12px!important;
    bottom:12px!important;
    padding:0!important;
    border-radius:11px!important;
    opacity:.84!important;
    transform:none!important;
  }

  body #ast-scroll-top:hover,
  body .ast-scroll-top-icon:hover,
  body .scroll-to-top:hover,
  body .nphb-scroll-top:hover{
    opacity:1!important;
  }

  body #ast-scroll-top svg,
  body .ast-scroll-top-icon svg,
  body .scroll-to-top svg,
  body .nphb-scroll-top svg{
    width:18px!important;
    height:18px!important;
  }

  /* Firma final ligeramente más cerca del final de las tarjetas */
  body .nphb-path-signature-wrap{
    margin-top:10px!important;
    padding-top:10px!important;
    padding-bottom:0!important;
  }

  body .nphb-brand-signature-path{
    min-height:68px!important;
    padding-top:4px!important;
    padding-bottom:4px!important;
  }

  /* Menos espacio inferior sobrante */
  body .nphb-learning-path,
  body .nphb-learning-path .nphb-path-shell{
    padding-bottom:0!important;
  }
}

@media (max-width:390px){
  body .nphb-learning-path #nphb-path-title{
    font-size:clamp(35px,9.4vw,44px)!important;
  }

  body .nphb-learning-path .nphb-path-header > p{
    font-size:clamp(18px,4.9vw,23px)!important;
  }
}


/* =========================================================
   v10.5.0 — CONTROLES DE TAMAÑO DEL HERO DESDE EL PANEL
   ========================================================= */

/* Ordenador */
.nphb-hero .nphb-title .nphb-from{
  font-size:var(--nphb-first-desktop,82px)!important;
}

.nphb-hero .nphb-title .nphb-to{
  font-size:var(--nphb-second-desktop,46px)!important;
}

.nphb-hero .nphb-hero-brand-logo-only{
  width:min(100%,var(--nphb-logo-desktop,390px))!important;
  max-width:var(--nphb-logo-desktop,390px)!important;
}

/* Móvil */
@media(max-width:760px){
  .nphb-hero .nphb-title .nphb-from{
    font-size:var(--nphb-first-mobile,58px)!important;
  }

  .nphb-hero .nphb-title .nphb-to{
    font-size:var(--nphb-second-mobile,34px)!important;
  }

  .nphb-hero .nphb-hero-brand-logo-only{
    width:min(100%,var(--nphb-logo-mobile,330px))!important;
    max-width:var(--nphb-logo-mobile,330px)!important;
  }
}

/* Evita que una elección excesiva rompa el ancho del móvil */
@media(max-width:390px){
  .nphb-hero .nphb-title .nphb-from{
    max-width:100%!important;
    overflow-wrap:anywhere!important;
  }

  .nphb-hero .nphb-title .nphb-to{
    max-width:100%!important;
  }

  .nphb-hero .nphb-hero-brand-logo-only{
    width:min(calc(100vw - 64px),var(--nphb-logo-mobile,330px))!important;
  }
}


/* =========================================================
   v10.5.1 — TAMAÑO EDITABLE DEL TÍTULO DE LA RUTA
   ========================================================= */

.nphb-learning-path #nphb-path-title,
.nphb-learning-path .nphb-path-title,
.nphb-learning-path h2{
  font-size:var(--nphb-path-title-desktop,62px)!important;
}

@media(max-width:760px){
  body .nphb-learning-path #nphb-path-title,
  body .nphb-learning-path .nphb-path-title,
  body .nphb-learning-path h2{
    font-size:var(--nphb-path-title-mobile,46px)!important;
  }
}

/* =========================================================
   v10.5.4 — MARCO MÓVIL LIMPIO Y DEFINIDO
   Mantiene la Home ancha, elimina el halo excesivo de Safari
   y delimita Hero + Ruta con borde y sombra muy discretos.
   ========================================================= */

@media (max-width:760px){
  /* Primera mitad del marco: Hero */
  body.nphb-home-active .nphb-hero,
  body.nphb-active .nphb-hero,
  body:has(.nphb-hero) .nphb-hero{
    width:calc(100% - 16px)!important;
    max-width:none!important;
    margin:16px 8px 0!important;
    padding-left:0!important;
    padding-right:0!important;
    box-sizing:border-box!important;

    border:1px solid #d7e2ef!important;
    border-bottom:0!important;
    border-radius:28px 28px 0 0!important;

    /* Conserva el fondo original sin crear una neblina translúcida */
    background:#fff!important;
    box-shadow:0 10px 24px rgba(24,47,92,.085)!important;
    overflow:hidden!important;
  }

  /* Segunda mitad del mismo marco: Ruta */
  body.nphb-home-active .nphb-learning-path,
  body.nphb-active .nphb-learning-path,
  body:has(.nphb-hero) .nphb-learning-path{
    width:calc(100% - 16px)!important;
    max-width:none!important;
    margin:0 8px 18px!important;
    box-sizing:border-box!important;

    border:1px solid #d7e2ef!important;
    border-top:0!important;
    border-radius:0 0 28px 28px!important;
    background:#fff!important;
    box-shadow:0 12px 26px rgba(24,47,92,.085)!important;
    overflow:hidden!important;
  }

  body.nphb-home-active .nphb-hero .nphb-inner,
  body.nphb-home-active .nphb-hero .nphb-features,
  body.nphb-home-active .nphb-learning-path .nphb-path-shell,
  body.nphb-active .nphb-hero .nphb-inner,
  body.nphb-active .nphb-hero .nphb-features,
  body.nphb-active .nphb-learning-path .nphb-path-shell{
    width:100%!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* Separación casi imperceptible entre Hero y Ruta */
  body .nphb-learning-path::before{
    width:calc(100% - 40px)!important;
    background:linear-gradient(90deg,transparent,#dce6f3,transparent)!important;
  }
}

@media (max-width:390px){
  body.nphb-home-active .nphb-hero,
  body.nphb-active .nphb-hero,
  body:has(.nphb-hero) .nphb-hero{
    width:calc(100% - 12px)!important;
    margin-left:6px!important;
    margin-right:6px!important;
    border-radius:25px 25px 0 0!important;
    box-shadow:0 8px 20px rgba(24,47,92,.08)!important;
  }

  body.nphb-home-active .nphb-learning-path,
  body.nphb-active .nphb-learning-path,
  body:has(.nphb-hero) .nphb-learning-path{
    width:calc(100% - 12px)!important;
    margin-left:6px!important;
    margin-right:6px!important;
    border-radius:0 0 25px 25px!important;
    box-shadow:0 10px 22px rgba(24,47,92,.08)!important;
  }
}

/* =========================================================
   v10.5.5 — HOME MÓVIL REALMENTE A ANCHO DE PANTALLA
   Rompe únicamente el límite del contenedor de Astra en móvil.
   Deja 12 px de margen real por cada lado, similar a LearnDash.
   ========================================================= */
@media (max-width:760px){
  body.nphb-home-active .nphb-hero,
  body.nphb-active .nphb-hero,
  body:has(.nphb-hero) .nphb-hero{
    width:calc(100vw - 24px)!important;
    max-width:calc(100vw - 24px)!important;
    margin-top:16px!important;
    margin-right:0!important;
    margin-bottom:0!important;
    margin-left:50%!important;
    position:relative!important;
    left:0!important;
    transform:translateX(-50%)!important;
    box-sizing:border-box!important;
  }

  body.nphb-home-active .nphb-learning-path,
  body.nphb-active .nphb-learning-path,
  body:has(.nphb-hero) .nphb-learning-path{
    width:calc(100vw - 24px)!important;
    max-width:calc(100vw - 24px)!important;
    margin-top:0!important;
    margin-right:0!important;
    margin-bottom:18px!important;
    margin-left:50%!important;
    position:relative!important;
    left:0!important;
    transform:translateX(-50%)!important;
    box-sizing:border-box!important;
  }

  /* El contenido interno aprovecha todo el nuevo ancho sin crear otro marco. */
  body:has(.nphb-hero) .nphb-hero > *,
  body:has(.nphb-hero) .nphb-learning-path > *{
    max-width:100%!important;
    box-sizing:border-box!important;
  }
}

@media (max-width:390px){
  body.nphb-home-active .nphb-hero,
  body.nphb-active .nphb-hero,
  body:has(.nphb-hero) .nphb-hero,
  body.nphb-home-active .nphb-learning-path,
  body.nphb-active .nphb-learning-path,
  body:has(.nphb-hero) .nphb-learning-path{
    width:calc(100vw - 16px)!important;
    max-width:calc(100vw - 16px)!important;
  }
}


/* =========================================================
   v10.6.0 — HOME MÓVIL PREMIUM COMPACTA
   Mantiene el diseño aprobado, pero reduce altura, aire excesivo
   y tarjetas gigantes en iPhone/Android. Solo afecta <= 760 px.
   ========================================================= */
@media (max-width:760px){
  /* Marco global: ancho real con margen cómodo y sin desbordes */
  body.nphb-home-active .nphb-hero,
  body.nphb-active .nphb-hero,
  body:has(.nphb-hero) .nphb-hero,
  body.nphb-home-active .nphb-learning-path,
  body.nphb-active .nphb-learning-path,
  body:has(.nphb-hero) .nphb-learning-path{
    width:calc(100vw - 20px)!important;
    max-width:calc(100vw - 20px)!important;
  }

  /* HERO: más compacto, sin perder protagonismo */
  body .nphb-hero .nphb-inner{
    padding:28px 18px 18px!important;
    gap:24px!important;
  }
  body .nphb-hero .nphb-copy{
    gap:14px!important;
  }
  body .nphb-hero .nphb-eyebrow{
    margin-bottom:2px!important;
    padding:8px 14px!important;
    font-size:13px!important;
    letter-spacing:.08em!important;
  }
  body .nphb-hero .nphb-hero-brand-logo-only{
    width:min(78vw,270px)!important;
    max-width:270px!important;
    margin:4px auto 2px!important;
  }
  body .nphb-hero .nphb-title{
    margin:2px 0 0!important;
    gap:2px!important;
  }
  body .nphb-hero .nphb-title .nphb-from{
    font-size:clamp(43px,12vw,56px)!important;
    line-height:.98!important;
  }
  body .nphb-hero .nphb-title .nphb-to{
    font-size:clamp(28px,7.7vw,36px)!important;
    line-height:1.02!important;
    white-space:normal!important;
  }
  body .nphb-hero .nphb-brand-phrase{
    margin:3px 0 6px!important;
    font-size:13px!important;
  }
  body .nphb-hero .nphb-description{
    margin:4px auto 8px!important;
    font-size:18px!important;
    line-height:1.48!important;
    max-width:34ch!important;
  }
  body .nphb-hero .nphb-actions{
    gap:10px!important;
    margin-top:6px!important;
  }
  body .nphb-hero .nphb-button{
    min-height:72px!important;
    padding:14px 18px!important;
    border-radius:18px!important;
  }
  body .nphb-hero .nphb-button strong{font-size:18px!important;}
  body .nphb-hero .nphb-button small{font-size:14px!important;}
  body .nphb-hero .nphb-trust{
    margin-top:10px!important;
    padding:12px 6px 2px!important;
    gap:10px!important;
  }
  body .nphb-hero .nphb-trust-icons span{
    width:38px!important;height:38px!important;font-size:19px!important;
  }
  body .nphb-hero .nphb-trust p{font-size:14px!important;line-height:1.35!important;}

  /* Ruta resumen del hero: tarjetas más bajas y elegantes */
  body .nphb-hero .nphb-roadmap{
    gap:10px!important;
    padding:14px 0 4px!important;
  }
  body .nphb-roadmap .nphb-level{
    min-height:112px!important;
    padding:16px 58px 16px 82px!important;
    border-radius:20px!important;
  }
  body .nphb-roadmap .nphb-level-icon{
    width:56px!important;height:56px!important;left:14px!important;
  }
  body .nphb-roadmap .nphb-level-tag{font-size:12px!important;margin-bottom:4px!important;}
  body .nphb-roadmap .nphb-level h2{font-size:23px!important;line-height:1.08!important;}
  body .nphb-roadmap .nphb-level p{font-size:15px!important;line-height:1.35!important;margin-top:5px!important;}
  body .nphb-roadmap .nphb-level-arrow{right:14px!important;width:40px!important;height:40px!important;}

  /* Beneficios: compactos, sin ocupar una pantalla entera */
  body .nphb-features{
    margin:16px 14px 22px!important;
    padding:8px 16px!important;
    border-radius:22px!important;
  }
  body .nphb-features > div{
    min-height:74px!important;
    padding:12px 0!important;
    grid-template-columns:50px 1fr!important;
    column-gap:12px!important;
  }
  body .nphb-features > div > span{width:46px!important;height:46px!important;font-size:22px!important;}
  body .nphb-features strong{font-size:17px!important;}
  body .nphb-features small{font-size:14px!important;margin-top:2px!important;}

  /* Cabecera de la ruta completa */
  body .nphb-learning-path .nphb-path-shell{padding:42px 14px 18px!important;}
  body .nphb-learning-path .nphb-path-header{margin-bottom:24px!important;}
  body .nphb-learning-path .nphb-path-eyebrow{font-size:13px!important;}
  body .nphb-learning-path #nphb-path-title,
  body .nphb-learning-path .nphb-path-title,
  body .nphb-learning-path h2{
    font-size:clamp(34px,9.4vw,44px)!important;
    line-height:1.04!important;
    margin:8px 0 12px!important;
  }
  body .nphb-learning-path .nphb-path-header > p{
    font-size:17px!important;
    line-height:1.5!important;
  }
  body .nphb-learning-path .nphb-path-grid{gap:14px!important;}

  /* Tarjetas de la ruta completa: compactas pero con toda la información */
  body .nphb-learning-path .nphb-path-card{
    min-height:0!important;
    padding:18px!important;
    border-radius:22px!important;
  }
  body .nphb-learning-path .nphb-path-top{
    margin-bottom:12px!important;
  }
  body .nphb-learning-path .nphb-path-icon{
    width:64px!important;height:64px!important;border-radius:18px!important;
  }
  body .nphb-learning-path .nphb-path-number{
    width:52px!important;height:52px!important;font-size:22px!important;
  }
  body .nphb-learning-path .nphb-path-meta{gap:8px!important;margin-bottom:10px!important;}
  body .nphb-learning-path .nphb-path-meta span,
  body .nphb-learning-path .nphb-course-status{
    min-height:30px!important;padding:6px 11px!important;font-size:12px!important;
  }
  body .nphb-learning-path .nphb-path-card h3{
    font-size:32px!important;
    line-height:1.05!important;
    margin:10px 0 8px!important;
  }
  body .nphb-learning-path .nphb-path-card > .nphb-path-content > p{
    font-size:17px!important;
    line-height:1.42!important;
    margin:0 0 14px!important;
  }
  body .nphb-learning-path .nphb-path-difficulty{
    padding:12px 0!important;
    margin:0 0 10px!important;
  }
  body .nphb-learning-path .nphb-skill-list{
    gap:8px!important;
    margin:8px 0 12px!important;
  }
  body .nphb-learning-path .nphb-skill-list li{
    min-height:44px!important;
    font-size:16px!important;
    gap:10px!important;
  }
  body .nphb-learning-path .nphb-skill-icon{
    width:38px!important;height:38px!important;border-radius:11px!important;
  }
  body .nphb-learning-path .nphb-path-link{
    min-height:48px!important;
    margin-top:8px!important;
    font-size:16px!important;
  }
}

@media (max-width:390px){
  body .nphb-hero .nphb-inner{padding-left:14px!important;padding-right:14px!important;}
  body .nphb-roadmap .nphb-level{padding-left:76px!important;padding-right:52px!important;}
  body .nphb-learning-path .nphb-path-card{padding:16px!important;}
  body .nphb-learning-path .nphb-path-card h3{font-size:29px!important;}
}

/* =========================================================
   v10.6.1 — CORRECCIÓN REAL DE RUTA EN MÓVIL
   - Recompone las tarjetas compactas de la ruta superior.
   - Ensancha ligeramente las tarjetas grandes de la ruta completa.
   - Evita textos comprimidos, saltos raros y tarjetas demasiado altas.
   ========================================================= */
@media (max-width:760px){
  /* La columna visual del roadmap usa prácticamente todo el ancho útil */
  body .nphb-hero .nphb-roadmap{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:10px 0 2px!important;
    gap:12px!important;
  }

  /* Tarjetas superiores: composición horizontal clara y estable */
  body .nphb-hero .nphb-roadmap .nphb-level{
    display:grid!important;
    grid-template-columns:58px minmax(0,1fr) 42px!important;
    align-items:center!important;
    column-gap:14px!important;
    width:100%!important;
    min-height:124px!important;
    padding:16px 14px!important;
    border-radius:21px!important;
    overflow:hidden!important;
  }

  body .nphb-hero .nphb-roadmap .nphb-level-icon{
    position:static!important;
    grid-column:1!important;
    grid-row:1!important;
    width:58px!important;
    height:58px!important;
    min-width:58px!important;
    margin:0!important;
    border-radius:17px!important;
    align-self:center!important;
  }

  body .nphb-hero .nphb-roadmap .nphb-level-content,
  body .nphb-hero .nphb-roadmap .nphb-level > div:not(.nphb-level-icon):not(.nphb-level-arrow){
    grid-column:2!important;
    min-width:0!important;
    width:auto!important;
    text-align:left!important;
  }

  body .nphb-hero .nphb-roadmap .nphb-level-tag{
    display:block!important;
    margin:0 0 5px!important;
    font-size:12px!important;
    line-height:1.15!important;
    letter-spacing:.055em!important;
    white-space:normal!important;
  }

  body .nphb-hero .nphb-roadmap .nphb-level h2{
    margin:0 0 5px!important;
    font-size:23px!important;
    line-height:1.04!important;
    letter-spacing:-.025em!important;
    overflow-wrap:anywhere!important;
  }

  body .nphb-hero .nphb-roadmap .nphb-level p{
    margin:0!important;
    font-size:15px!important;
    line-height:1.28!important;
    overflow-wrap:anywhere!important;
  }

  body .nphb-hero .nphb-roadmap .nphb-level-arrow{
    position:static!important;
    grid-column:3!important;
    grid-row:1!important;
    justify-self:end!important;
    align-self:center!important;
    width:40px!important;
    height:40px!important;
    margin:0!important;
  }

  /* Beneficios inferiores un poco más anchos */
  body .nphb-features{
    width:calc(100% + 8px)!important;
    max-width:calc(100% + 8px)!important;
    margin:18px -4px 24px!important;
  }

  /* Ruta completa: gana ancho sin pegarse al borde */
  body .nphb-learning-path{
    width:calc(100vw - 12px)!important;
    max-width:calc(100vw - 12px)!important;
    margin-left:50%!important;
    margin-right:0!important;
    transform:translateX(-50%)!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }

  body .nphb-learning-path .nphb-path-shell{
    width:100%!important;
    max-width:none!important;
    padding-left:0!important;
    padding-right:0!important;
  }

  body .nphb-learning-path .nphb-path-grid{
    width:100%!important;
    gap:16px!important;
  }

  body .nphb-learning-path .nphb-path-card{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:20px 18px 20px!important;
    border-radius:23px!important;
  }

  body .nphb-learning-path .nphb-path-top{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    min-height:66px!important;
    margin-bottom:14px!important;
  }

  body .nphb-learning-path .nphb-path-icon{
    width:62px!important;
    height:62px!important;
    min-width:62px!important;
    margin:0!important;
  }

  body .nphb-learning-path .nphb-path-number{
    position:static!important;
    width:52px!important;
    height:52px!important;
    min-width:52px!important;
    margin:0!important;
    font-size:22px!important;
  }

  body .nphb-learning-path .nphb-path-meta{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:8px!important;
    margin-bottom:10px!important;
  }

  body .nphb-learning-path .nphb-path-card h3{
    font-size:clamp(29px,8.5vw,36px)!important;
    line-height:1.04!important;
    overflow-wrap:anywhere!important;
  }

  body .nphb-learning-path .nphb-path-card > .nphb-path-content > p{
    font-size:17px!important;
    line-height:1.42!important;
  }

  body .nphb-learning-path .nphb-skill-list{
    grid-template-columns:1fr!important;
    gap:6px!important;
  }

  body .nphb-learning-path .nphb-skill-list li{
    min-height:42px!important;
    font-size:16px!important;
    line-height:1.3!important;
  }
}

@media (max-width:390px){
  body .nphb-hero .nphb-roadmap .nphb-level{
    grid-template-columns:54px minmax(0,1fr) 38px!important;
    column-gap:11px!important;
    min-height:116px!important;
    padding:14px 12px!important;
  }
  body .nphb-hero .nphb-roadmap .nphb-level-icon{
    width:54px!important;height:54px!important;min-width:54px!important;
  }
  body .nphb-hero .nphb-roadmap .nphb-level h2{font-size:21px!important;}
  body .nphb-hero .nphb-roadmap .nphb-level p{font-size:14px!important;}
  body .nphb-learning-path{width:calc(100vw - 8px)!important;max-width:calc(100vw - 8px)!important;padding-left:8px!important;padding-right:8px!important;}
  body .nphb-learning-path .nphb-path-card{padding:18px 16px 19px!important;}
}

/* =========================================================
   v10.6.2 — PULIDO PREMIUM MÓVIL FINAL
   - Tarjetas compactas con mejor lectura y menos altura.
   - Tarjetas grandes algo más anchas y compactas.
   - Iconos/listas más ligeros y CTA con mayor presencia.
   - Microinteracciones táctiles suaves.
   ========================================================= */
@media (max-width:760px){
  /* Ruta superior: más aire para el texto y menos volumen visual */
  body .nphb-hero .nphb-roadmap{
    gap:11px!important;
  }

  body .nphb-hero .nphb-roadmap .nphb-level{
    grid-template-columns:50px minmax(0,1fr) 34px!important;
    column-gap:12px!important;
    min-height:108px!important;
    padding:13px 12px!important;
    border-radius:20px!important;
    transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important;
  }

  body .nphb-hero .nphb-roadmap .nphb-level-icon{
    width:50px!important;
    height:50px!important;
    min-width:50px!important;
    border-radius:15px!important;
    font-size:25px!important;
  }

  body .nphb-hero .nphb-roadmap .nphb-level-tag{
    margin-bottom:4px!important;
    font-size:11px!important;
    line-height:1.1!important;
    letter-spacing:.05em!important;
  }

  body .nphb-hero .nphb-roadmap .nphb-level h2{
    margin-bottom:4px!important;
    font-size:21px!important;
    line-height:1.02!important;
    white-space:nowrap!important;
    overflow:visible!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }

  body .nphb-hero .nphb-roadmap .nphb-level p{
    font-size:14px!important;
    line-height:1.24!important;
  }

  body .nphb-hero .nphb-roadmap .nphb-level-arrow{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
  }

  body .nphb-hero .nphb-roadmap .nphb-level-arrow svg{
    width:17px!important;
    height:17px!important;
  }

  body .nphb-hero .nphb-roadmap .nphb-level:active{
    transform:translateY(-2px) scale(.995)!important;
    box-shadow:0 14px 30px rgba(24,55,110,.13)!important;
  }

  /* Beneficios: un poco más anchos y compactos */
  body .nphb-features{
    width:calc(100% + 14px)!important;
    max-width:calc(100% + 14px)!important;
    margin-left:-7px!important;
    margin-right:-7px!important;
  }

  body .nphb-features .nphb-feature{
    padding-top:13px!important;
    padding-bottom:13px!important;
  }

  /* Ruta completa casi a ancho total, conservando borde de seguridad */
  body .nphb-learning-path{
    width:calc(100vw - 6px)!important;
    max-width:calc(100vw - 6px)!important;
    padding-left:7px!important;
    padding-right:7px!important;
  }

  body .nphb-learning-path .nphb-path-grid{
    gap:14px!important;
  }

  body .nphb-learning-path .nphb-path-card{
    padding:18px 16px 17px!important;
    border-radius:22px!important;
    transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important;
  }

  body .nphb-learning-path .nphb-path-card:active{
    transform:translateY(-2px) scale(.997)!important;
    box-shadow:0 18px 38px rgba(24,55,110,.13)!important;
  }

  body .nphb-learning-path .nphb-path-top{
    min-height:58px!important;
    margin-bottom:11px!important;
  }

  body .nphb-learning-path .nphb-path-icon{
    width:56px!important;
    height:56px!important;
    min-width:56px!important;
    border-radius:17px!important;
  }

  body .nphb-learning-path .nphb-path-icon svg{
    width:29px!important;
    height:29px!important;
  }

  body .nphb-learning-path .nphb-path-number{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    font-size:20px!important;
  }

  body .nphb-learning-path .nphb-path-meta{
    gap:7px!important;
    margin-bottom:8px!important;
  }

  body .nphb-learning-path .nphb-path-meta span,
  body .nphb-learning-path .nphb-course-status{
    min-height:31px!important;
    padding:6px 11px!important;
    font-size:12px!important;
  }

  body .nphb-learning-path .nphb-path-card h3{
    margin-top:11px!important;
    margin-bottom:7px!important;
    font-size:clamp(28px,7.7vw,34px)!important;
    line-height:1.03!important;
  }

  body .nphb-learning-path .nphb-path-card > .nphb-path-content > p{
    margin-bottom:12px!important;
    font-size:16px!important;
    line-height:1.36!important;
  }

  body .nphb-learning-path .nphb-path-difficulty{
    padding:10px 0!important;
    margin:0 0 9px!important;
  }

  body .nphb-learning-path .nphb-skill-list{
    gap:3px!important;
    margin:5px 0 10px!important;
  }

  body .nphb-learning-path .nphb-skill-list li{
    min-height:37px!important;
    gap:9px!important;
    font-size:15px!important;
    line-height:1.22!important;
  }

  body .nphb-learning-path .nphb-skill-icon{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    border-radius:10px!important;
  }

  body .nphb-learning-path .nphb-skill-icon svg{
    width:18px!important;
    height:18px!important;
  }

  /* CTA más reconocible sin convertirlo en un bloque pesado */
  body .nphb-learning-path .nphb-path-link{
    min-height:46px!important;
    margin-top:8px!important;
    padding:11px 13px!important;
    border-radius:12px!important;
    font-size:15px!important;
    font-weight:850!important;
    background:color-mix(in srgb,currentColor 7%,#fff)!important;
    border-width:1px!important;
  }

  body .nphb-learning-path .nphb-path-link svg{
    width:18px!important;
    height:18px!important;
  }
}

@media (max-width:390px){
  body .nphb-hero .nphb-roadmap .nphb-level{
    grid-template-columns:47px minmax(0,1fr) 32px!important;
    column-gap:10px!important;
    min-height:104px!important;
    padding:12px 10px!important;
  }
  body .nphb-hero .nphb-roadmap .nphb-level-icon{
    width:47px!important;height:47px!important;min-width:47px!important;
  }
  body .nphb-hero .nphb-roadmap .nphb-level h2{
    font-size:19px!important;
  }
  body .nphb-hero .nphb-roadmap .nphb-level p{
    font-size:13px!important;
  }
  body .nphb-learning-path{
    width:calc(100vw - 4px)!important;
    max-width:calc(100vw - 4px)!important;
    padding-left:6px!important;
    padding-right:6px!important;
  }
  body .nphb-learning-path .nphb-path-card{
    padding:17px 14px 16px!important;
  }
}


/* =========================================================
   v10.6.3 — ACABADO PREMIUM FINAL
   Pulido de altura, CTA, ventajas y cierre de la Home.
   Mantiene intacto el escritorio y la configuración existente.
   ========================================================= */

@media (max-width:760px){

  /* Tarjetas grandes: entre un 8 % y un 12 % más compactas */
  body .nphb-learning-path .nphb-path-grid{
    gap:12px!important;
  }

  body .nphb-learning-path .nphb-path-card{
    padding:15px 15px 14px!important;
    border-radius:21px!important;
  }

  body .nphb-learning-path .nphb-path-accent{
    top:14px!important;
    left:15px!important;
    right:15px!important;
    height:5px!important;
    border-radius:999px!important;
  }

  body .nphb-learning-path .nphb-path-top{
    min-height:51px!important;
    margin-bottom:8px!important;
  }

  body .nphb-learning-path .nphb-path-icon{
    width:50px!important;
    height:50px!important;
    min-width:50px!important;
    border-radius:15px!important;
  }

  body .nphb-learning-path .nphb-path-icon svg{
    width:25px!important;
    height:25px!important;
  }

  body .nphb-learning-path .nphb-path-number{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    font-size:19px!important;
    box-shadow:0 7px 17px rgba(20,55,110,.10)!important;
  }

  body .nphb-learning-path .nphb-path-meta{
    gap:6px!important;
    margin-bottom:6px!important;
  }

  body .nphb-learning-path .nphb-path-meta span,
  body .nphb-learning-path .nphb-course-status{
    min-height:28px!important;
    padding:5px 10px!important;
    font-size:11px!important;
    line-height:1.1!important;
  }

  body .nphb-learning-path .nphb-path-card h3{
    margin-top:8px!important;
    margin-bottom:5px!important;
    font-size:clamp(27px,7.4vw,32px)!important;
    line-height:1.02!important;
  }

  body .nphb-learning-path .nphb-path-card > .nphb-path-content > p{
    margin-bottom:9px!important;
    font-size:15px!important;
    line-height:1.32!important;
  }

  body .nphb-learning-path .nphb-path-difficulty{
    min-height:38px!important;
    padding:7px 0!important;
    margin:0 0 6px!important;
  }

  body .nphb-learning-path .nphb-path-difficulty > span:first-child{
    font-size:11px!important;
  }

  body .nphb-learning-path .nphb-dots{
    gap:7px!important;
  }

  body .nphb-learning-path .nphb-dots i{
    width:9px!important;
    height:9px!important;
  }

  body .nphb-learning-path .nphb-skill-list{
    gap:1px!important;
    margin:3px 0 7px!important;
  }

  body .nphb-learning-path .nphb-skill-list li{
    min-height:34px!important;
    gap:8px!important;
    font-size:14px!important;
    line-height:1.18!important;
  }

  body .nphb-learning-path .nphb-skill-icon{
    width:31px!important;
    height:31px!important;
    min-width:31px!important;
    border-radius:9px!important;
  }

  body .nphb-learning-path .nphb-skill-icon svg{
    width:16px!important;
    height:16px!important;
  }

  /* CTA con mayor presencia pero sin convertirse en botón pesado */
  body .nphb-learning-path .nphb-path-link{
    width:max-content!important;
    max-width:100%!important;
    min-height:43px!important;
    margin-top:6px!important;
    padding:10px 14px!important;
    border:1px solid color-mix(in srgb,currentColor 16%,transparent)!important;
    border-radius:13px!important;
    background:
      linear-gradient(135deg,
        color-mix(in srgb,currentColor 10%,#fff),
        color-mix(in srgb,currentColor 4%,#fff)
      )!important;
    box-shadow:0 8px 20px color-mix(in srgb,currentColor 8%,transparent)!important;
  }

  body .nphb-learning-path .nphb-path-link:not(.nphb-path-link-disabled):active{
    transform:translateY(-1px) scale(.985)!important;
  }

  body .nphb-learning-path .nphb-path-link svg{
    transition:transform .2s ease!important;
  }

  body .nphb-learning-path .nphb-path-link:not(.nphb-path-link-disabled):active svg{
    transform:translateX(3px)!important;
  }

  /* Ventajas: mini tarjetas premium en lugar de una lista plana */
  body .nphb-features{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
    padding:12px!important;
    border-radius:24px!important;
    background:rgba(255,255,255,.84)!important;
    box-shadow:0 18px 42px rgba(22,49,93,.08)!important;
  }

  body .nphb-features .nphb-feature{
    min-height:68px!important;
    padding:11px 12px!important;
    border:1px solid rgba(34,88,190,.08)!important;
    border-radius:16px!important;
    background:linear-gradient(145deg,#fff,rgba(244,248,255,.72))!important;
    box-shadow:0 7px 18px rgba(22,49,93,.045)!important;
  }

  body .nphb-features .nphb-feature + .nphb-feature{
    border-top:1px solid rgba(34,88,190,.08)!important;
  }

  body .nphb-features .nphb-feature-icon{
    width:43px!important;
    height:43px!important;
    min-width:43px!important;
    border-radius:13px!important;
    font-size:21px!important;
    box-shadow:0 6px 15px rgba(22,49,93,.07)!important;
  }

  body .nphb-features .nphb-feature strong{
    font-size:16px!important;
    line-height:1.18!important;
  }

  body .nphb-features .nphb-feature p{
    margin-top:3px!important;
    font-size:13px!important;
    line-height:1.25!important;
  }

  /* Cierre de la ruta y firma algo más compacto */
  body .nphb-learning-path .nphb-path-signature-wrap{
    margin-top:12px!important;
    padding-top:12px!important;
  }

  body .nphb-learning-path .nphb-brand-signature-path{
    min-height:66px!important;
    padding:10px 12px!important;
    border-radius:16px!important;
  }

  /* Footer de Astra: cierre más limpio sin modificar su contenido */
  body.home .site-footer,
  body.home .site-primary-footer-wrap,
  body.home .site-below-footer-wrap{
    background:linear-gradient(180deg,#fff 0%,#f6f9ff 100%)!important;
  }

  body.home .site-below-footer-wrap{
    padding-top:20px!important;
    padding-bottom:20px!important;
    border-top:1px solid rgba(31,94,218,.10)!important;
  }

  body.home .site-below-footer-wrap,
  body.home .site-below-footer-wrap a,
  body.home .ast-footer-copyright{
    color:#40506d!important;
    font-size:13px!important;
    line-height:1.45!important;
  }
}

@media (max-width:390px){
  body .nphb-learning-path .nphb-path-card{
    padding:14px 13px 13px!important;
  }

  body .nphb-learning-path .nphb-path-card h3{
    font-size:clamp(25px,7.2vw,29px)!important;
  }

  body .nphb-learning-path .nphb-path-meta span,
  body .nphb-learning-path .nphb-course-status{
    padding-left:9px!important;
    padding-right:9px!important;
  }
}


/* =========================================================
   v10.6.4 — WEB + MÓVIL EQUILIBRADO
   Compactación de las tarjetas grandes en escritorio y tablet.
   Conserva el acabado móvil de v10.6.3.
   ========================================================= */

/* Escritorio amplio */
@media (min-width:1101px){

  body .nphb-learning-path .nphb-path-grid{
    align-items:stretch!important;
    gap:12px!important;
  }

  body .nphb-learning-path .nphb-path-card{
    min-height:560px!important;
    padding:17px 16px 15px!important;
    border-radius:19px!important;
  }

  body .nphb-learning-path .nphb-path-accent{
    top:14px!important;
    left:16px!important;
    right:16px!important;
    height:5px!important;
  }

  body .nphb-learning-path .nphb-path-top{
    min-height:50px!important;
    margin-bottom:7px!important;
  }

  body .nphb-learning-path .nphb-path-icon{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    border-radius:14px!important;
  }

  body .nphb-learning-path .nphb-path-icon svg{
    width:24px!important;
    height:24px!important;
  }

  body .nphb-learning-path .nphb-path-number{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    font-size:17px!important;
  }

  body .nphb-learning-path .nphb-path-meta{
    gap:5px!important;
    margin-bottom:5px!important;
  }

  body .nphb-learning-path .nphb-path-meta span,
  body .nphb-learning-path .nphb-course-status{
    min-height:24px!important;
    padding:4px 8px!important;
    font-size:9px!important;
    line-height:1.05!important;
  }

  body .nphb-learning-path .nphb-path-card h3{
    margin-top:6px!important;
    margin-bottom:4px!important;
    font-size:22px!important;
    line-height:1.04!important;
  }

  body .nphb-learning-path .nphb-path-card > .nphb-path-content > p{
    min-height:48px!important;
    margin-bottom:7px!important;
    font-size:12px!important;
    line-height:1.32!important;
  }

  body .nphb-learning-path .nphb-path-difficulty{
    min-height:32px!important;
    margin:0 0 4px!important;
    padding:5px 0!important;
  }

  body .nphb-learning-path .nphb-path-difficulty > span:first-child{
    font-size:9px!important;
  }

  body .nphb-learning-path .nphb-dots{
    gap:5px!important;
  }

  body .nphb-learning-path .nphb-dots i{
    width:7px!important;
    height:7px!important;
  }

  body .nphb-learning-path .nphb-skill-list{
    gap:0!important;
    margin:2px 0 5px!important;
  }

  body .nphb-learning-path .nphb-skill-list li{
    min-height:30px!important;
    gap:7px!important;
    font-size:11px!important;
    line-height:1.18!important;
  }

  body .nphb-learning-path .nphb-skill-icon{
    width:25px!important;
    height:25px!important;
    min-width:25px!important;
    border-radius:7px!important;
  }

  body .nphb-learning-path .nphb-skill-icon svg{
    width:13px!important;
    height:13px!important;
  }

  body .nphb-learning-path .nphb-path-link{
    min-height:34px!important;
    margin-top:auto!important;
    padding:7px 10px!important;
    border-radius:10px!important;
    font-size:11px!important;
  }

  body .nphb-learning-path .nphb-path-link svg{
    width:14px!important;
    height:14px!important;
  }

  body .nphb-learning-path .nphb-path-content{
    display:flex!important;
    flex-direction:column!important;
    height:100%!important;
  }

  body .nphb-learning-path .nphb-path-signature-wrap{
    margin-top:18px!important;
    padding-top:14px!important;
  }
}

/* Portátiles y tablets horizontales */
@media (min-width:761px) and (max-width:1100px){

  body .nphb-learning-path .nphb-path-grid{
    gap:10px!important;
  }

  body .nphb-learning-path .nphb-path-card{
    min-height:540px!important;
    padding:15px 14px 14px!important;
  }

  body .nphb-learning-path .nphb-path-icon{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
  }

  body .nphb-learning-path .nphb-path-number{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
  }

  body .nphb-learning-path .nphb-path-card h3{
    font-size:20px!important;
  }

  body .nphb-learning-path .nphb-path-card > .nphb-path-content > p{
    min-height:46px!important;
    font-size:12px!important;
  }

  body .nphb-learning-path .nphb-skill-list li{
    min-height:29px!important;
    font-size:11px!important;
  }

  body .nphb-learning-path .nphb-path-link{
    margin-top:auto!important;
  }

  body .nphb-learning-path .nphb-path-content{
    display:flex!important;
    flex-direction:column!important;
    height:100%!important;
  }
}

/* Ajuste adicional móvil: mantiene lo logrado y evita exceso de hueco inferior */
@media (max-width:760px){

  body .nphb-learning-path .nphb-path-card{
    min-height:auto!important;
  }

  body .nphb-learning-path .nphb-path-content{
    display:flex!important;
    flex-direction:column!important;
  }

  body .nphb-learning-path .nphb-path-link{
    margin-top:7px!important;
  }

  body .nphb-learning-path .nphb-path-card > .nphb-path-content > p{
    min-height:auto!important;
  }
}


/* =========================================================
   v10.6.5 — TARJETAS WEB PREMIUM COMPACTAS
   Elimina el espacio vacío inferior y acerca el CTA al contenido.
   ========================================================= */

@media (min-width:1101px){

  body .nphb-learning-path .nphb-path-grid{
    align-items:stretch!important;
  }

  body .nphb-learning-path .nphb-path-card{
    min-height:0!important;
    height:auto!important;
    padding-bottom:14px!important;
  }

  body .nphb-learning-path .nphb-path-content{
    display:block!important;
    height:auto!important;
  }

  body .nphb-learning-path .nphb-path-card > .nphb-path-content > p{
    min-height:0!important;
  }

  body .nphb-learning-path .nphb-path-link{
    margin-top:8px!important;
    margin-bottom:0!important;
  }

  body .nphb-learning-path .nphb-skill-list{
    margin-bottom:4px!important;
  }

  /* Altura visual común más compacta sin empujar el CTA al fondo */
  body .nphb-learning-path .nphb-path-card{
    min-height:500px!important;
  }
}

/* Ajuste intermedio para portátiles */
@media (min-width:761px) and (max-width:1100px){

  body .nphb-learning-path .nphb-path-card{
    min-height:500px!important;
    height:auto!important;
    padding-bottom:14px!important;
  }

  body .nphb-learning-path .nphb-path-content{
    display:block!important;
    height:auto!important;
  }

  body .nphb-learning-path .nphb-path-card > .nphb-path-content > p{
    min-height:0!important;
  }

  body .nphb-learning-path .nphb-path-link{
    margin-top:8px!important;
  }
}


/* =========================================================
   v10.6.6 — TARJETAS WEB SIN ESPACIO VACÍO
   Anula las alturas forzadas anteriores y usa altura real.
   ========================================================= */

@media (min-width:1101px){

  body .nphb-learning-path .nphb-path-grid{
    align-items:start!important;
  }

  body .nphb-learning-path .nphb-path-card{
    min-height:0!important;
    height:auto!important;
    align-self:start!important;
    padding-bottom:15px!important;
  }

  body .nphb-learning-path .nphb-path-content{
    display:block!important;
    height:auto!important;
    min-height:0!important;
  }

  body .nphb-learning-path .nphb-path-card > .nphb-path-content > p{
    min-height:0!important;
    height:auto!important;
  }

  body .nphb-learning-path .nphb-skill-list{
    margin-bottom:5px!important;
  }

  body .nphb-learning-path .nphb-path-link{
    position:static!important;
    margin:8px 0 0!important;
    align-self:flex-start!important;
  }

  /* Evita que reglas flex anteriores empujen el CTA al fondo */
  body .nphb-learning-path .nphb-path-card,
  body .nphb-learning-path .nphb-path-content{
    justify-content:flex-start!important;
  }

  /* Pequeño refinamiento premium */
  body .nphb-learning-path .nphb-path-card{
    box-shadow:0 14px 34px rgba(24,58,108,.07)!important;
    transition:transform .22s ease, box-shadow .22s ease!important;
  }

  body .nphb-learning-path .nphb-path-card:hover{
    transform:translateY(-3px)!important;
    box-shadow:0 20px 44px rgba(24,58,108,.11)!important;
  }

  body .nphb-learning-path .nphb-path-grid{
    margin-bottom:18px!important;
  }

  body .nphb-learning-path .nphb-path-signature-wrap{
    margin-top:8px!important;
    padding-top:14px!important;
  }
}


/* =========================================================
   v10.6.7 — CTA MÓVIL CON MARGEN
   Más aire para el texto y la flecha dentro de los botones.
   ========================================================= */

@media (max-width:760px){

  body .nphb-learning-path .nphb-path-link{
    padding-left:18px!important;
    padding-right:18px!important;
    gap:12px!important;
  }

  body .nphb-learning-path .nphb-path-link span,
  body .nphb-learning-path .nphb-path-link strong{
    display:inline-block!important;
  }

  body .nphb-learning-path .nphb-path-link svg{
    flex:0 0 auto!important;
    margin-left:2px!important;
  }
}

@media (max-width:390px){

  body .nphb-learning-path .nphb-path-link{
    padding-left:16px!important;
    padding-right:16px!important;
    gap:10px!important;
  }
}


/* =========================================================
   v10.6.8 — CORRECCIÓN REAL DEL CTA MÓVIL
   La regla antigua de CCST/CCNA tenía mayor especificidad y
   anulaba el margen izquierdo hasta que Safari activaba :hover.
   ========================================================= */

@media (max-width:760px){

  body .nphb-learning-path .nphb-path-card-ccst
  .nphb-path-link:not(.nphb-path-link-disabled),
  body .nphb-learning-path .nphb-path-card-ccna
  .nphb-path-link:not(.nphb-path-link-disabled){
    padding:10px 18px!important;
    gap:12px!important;
    transform:none!important;
  }

  body .nphb-learning-path .nphb-path-card-ccst
  .nphb-path-link:not(.nphb-path-link-disabled):hover,
  body .nphb-learning-path .nphb-path-card-ccna
  .nphb-path-link:not(.nphb-path-link-disabled):hover,
  body .nphb-learning-path .nphb-path-card-ccst
  .nphb-path-link:not(.nphb-path-link-disabled):focus,
  body .nphb-learning-path .nphb-path-card-ccna
  .nphb-path-link:not(.nphb-path-link-disabled):focus,
  body .nphb-learning-path .nphb-path-card-ccst
  .nphb-path-link:not(.nphb-path-link-disabled):active,
  body .nphb-learning-path .nphb-path-card-ccna
  .nphb-path-link:not(.nphb-path-link-disabled):active{
    padding:10px 18px!important;
    transform:none!important;
  }

  body .nphb-learning-path .nphb-path-card-ccst
  .nphb-path-link:not(.nphb-path-link-disabled) svg,
  body .nphb-learning-path .nphb-path-card-ccna
  .nphb-path-link:not(.nphb-path-link-disabled) svg{
    margin-left:2px!important;
    transform:none!important;
  }
}

/* Safari/iPhone puede mantener :hover tras tocar.
   En pantallas táctiles se anula completamente ese efecto. */
@media (hover:none) and (pointer:coarse){

  body .nphb-learning-path .nphb-path-card-ccst
  .nphb-path-link:not(.nphb-path-link-disabled):hover,
  body .nphb-learning-path .nphb-path-card-ccna
  .nphb-path-link:not(.nphb-path-link-disabled):hover{
    padding:10px 18px!important;
    transform:none!important;
  }

  body .nphb-learning-path .nphb-path-card-ccst
  .nphb-path-link:not(.nphb-path-link-disabled):hover::before,
  body .nphb-learning-path .nphb-path-card-ccna
  .nphb-path-link:not(.nphb-path-link-disabled):hover::before{
    opacity:0!important;
    transform:scale(.92)!important;
  }

  body .nphb-learning-path .nphb-path-card-ccst
  .nphb-path-link:not(.nphb-path-link-disabled):hover svg,
  body .nphb-learning-path .nphb-path-card-ccna
  .nphb-path-link:not(.nphb-path-link-disabled):hover svg{
    transform:none!important;
  }
}

@media (max-width:390px){

  body .nphb-learning-path .nphb-path-card-ccst
  .nphb-path-link:not(.nphb-path-link-disabled),
  body .nphb-learning-path .nphb-path-card-ccna
  .nphb-path-link:not(.nphb-path-link-disabled),
  body .nphb-learning-path .nphb-path-card-ccst
  .nphb-path-link:not(.nphb-path-link-disabled):hover,
  body .nphb-learning-path .nphb-path-card-ccna
  .nphb-path-link:not(.nphb-path-link-disabled):hover,
  body .nphb-learning-path .nphb-path-card-ccst
  .nphb-path-link:not(.nphb-path-link-disabled):active,
  body .nphb-learning-path .nphb-path-card-ccna
  .nphb-path-link:not(.nphb-path-link-disabled):active{
    padding-left:16px!important;
    padding-right:16px!important;
    gap:10px!important;
  }
}

/* =========================================================
   NEXTPING HOME BUILDER — RESPONSIVE CONTROLS v10.7.1
   Los valores proceden del panel y solo afectan a esta Home.
   ========================================================= */
body .nphb-hero{padding-top:var(--nphb-section-desktop,68px);padding-left:var(--nphb-pad-desktop,24px);padding-right:var(--nphb-pad-desktop,24px)}
body .nphb-hero .nphb-inner,body .nphb-hero .nphb-features{width:min(var(--nphb-layout-desktop-width,1380px),100%);max-width:var(--nphb-layout-desktop-width,1380px);gap:var(--nphb-gap-desktop,28px)}
body .nphb-learning-path{padding-top:var(--nphb-section-desktop,68px);padding-left:var(--nphb-pad-desktop,24px);padding-right:var(--nphb-pad-desktop,24px)}
body .nphb-learning-path .nphb-path-shell{width:min(var(--nphb-layout-desktop-width,1380px),100%);max-width:var(--nphb-layout-desktop-width,1380px)}
body .nphb-learning-path .nphb-path-grid{grid-template-columns:repeat(var(--nphb-cols-desktop,5),minmax(0,1fr));gap:var(--nphb-gap-desktop,28px)}
@media(max-width:1024px){
  body .nphb-hero{padding-top:var(--nphb-section-tablet,56px);padding-left:var(--nphb-pad-tablet,22px);padding-right:var(--nphb-pad-tablet,22px)}
  body .nphb-hero .nphb-inner,body .nphb-hero .nphb-features{width:min(var(--nphb-layout-tablet-width,960px),100%);max-width:var(--nphb-layout-tablet-width,960px);gap:var(--nphb-gap-tablet,22px)}
  body .nphb-learning-path{padding-top:var(--nphb-section-tablet,56px);padding-left:var(--nphb-pad-tablet,22px);padding-right:var(--nphb-pad-tablet,22px)}
  body .nphb-learning-path .nphb-path-shell{width:min(var(--nphb-layout-tablet-width,960px),100%);max-width:var(--nphb-layout-tablet-width,960px)}
  body .nphb-learning-path .nphb-path-grid{grid-template-columns:repeat(var(--nphb-cols-tablet,2),minmax(0,1fr));gap:var(--nphb-gap-tablet,22px)}
}
@media(max-width:760px){
  body .nphb-hero{padding-top:var(--nphb-section-mobile,38px);padding-left:var(--nphb-pad-mobile,15px);padding-right:var(--nphb-pad-mobile,15px)}
  body .nphb-hero .nphb-inner,body .nphb-hero .nphb-features{width:min(var(--nphb-layout-mobile-width,430px),100%);max-width:var(--nphb-layout-mobile-width,430px);gap:var(--nphb-gap-mobile,14px)}
  body .nphb-learning-path{padding-top:var(--nphb-section-mobile,38px);padding-left:var(--nphb-pad-mobile,15px);padding-right:var(--nphb-pad-mobile,15px)}
  body .nphb-learning-path .nphb-path-shell{width:min(var(--nphb-layout-mobile-width,430px),100%);max-width:var(--nphb-layout-mobile-width,430px)}
  body .nphb-learning-path .nphb-path-grid{grid-template-columns:repeat(var(--nphb-cols-mobile,1),minmax(0,1fr));gap:var(--nphb-gap-mobile,14px)}
}

/* =========================================================
   v10.7.5 — CONTROLES DE TAMAÑO DE LA RUTA VISUAL DEL HERO
   ========================================================= */
@media (min-width:1181px){
  body .nphb-hero .nphb-roadmap{
    width:min(var(--nphb-roadmap-width-desktop,780px),100%)!important;
    min-height:var(--nphb-roadmap-height-desktop,610px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  body .nphb-hero .nphb-level{
    width:var(--nphb-roadmap-card-width-desktop,250px)!important;
    min-height:var(--nphb-roadmap-card-height-desktop,104px)!important;
    padding:var(--nphb-roadmap-card-padding-desktop,17px)!important;
  }
  body .nphb-hero .nphb-level-icon{
    flex-basis:var(--nphb-roadmap-icon-desktop,48px)!important;
    width:var(--nphb-roadmap-icon-desktop,48px)!important;
    height:var(--nphb-roadmap-icon-desktop,48px)!important;
  }
}

@media (min-width:761px) and (max-width:1180px){
  body .nphb-hero .nphb-roadmap{
    width:min(var(--nphb-roadmap-width-tablet,720px),100%)!important;
    min-height:var(--nphb-roadmap-height-tablet,570px)!important;
  }
  body .nphb-hero .nphb-level{
    width:var(--nphb-roadmap-card-width-tablet,230px)!important;
    min-height:var(--nphb-roadmap-card-height-tablet,98px)!important;
    padding:var(--nphb-roadmap-card-padding-tablet,15px)!important;
  }
  body .nphb-hero .nphb-level-icon{
    flex-basis:var(--nphb-roadmap-icon-tablet,46px)!important;
    width:var(--nphb-roadmap-icon-tablet,46px)!important;
    height:var(--nphb-roadmap-icon-tablet,46px)!important;
  }
}

@media (max-width:760px){
  body .nphb-hero .nphb-level{
    min-height:var(--nphb-roadmap-card-height-mobile,82px)!important;
    padding:var(--nphb-roadmap-card-padding-mobile,14px)!important;
  }
  body .nphb-hero .nphb-level-icon{
    flex-basis:var(--nphb-roadmap-icon-mobile,45px)!important;
    width:var(--nphb-roadmap-icon-mobile,45px)!important;
    height:var(--nphb-roadmap-icon-mobile,45px)!important;
  }
}

/* =========================================================
   v10.7.7 — TAMAÑO Y POSICIÓN INDIVIDUAL DE CADA NIVEL
   ========================================================= */
@media (min-width:1181px){
  body .nphb-hero .nphb-roadmap .nphb-level-ccst{width:var(--nphb-ccst-width-desktop,250px)!important;min-height:var(--nphb-ccst-height-desktop,104px)!important;transform:translate(var(--nphb-ccst-x-desktop,0),var(--nphb-ccst-y-desktop,0))!important}
  body .nphb-hero .nphb-roadmap .nphb-level-ccna{width:var(--nphb-ccna-width-desktop,250px)!important;min-height:var(--nphb-ccna-height-desktop,104px)!important;transform:translate(var(--nphb-ccna-x-desktop,0),var(--nphb-ccna-y-desktop,0))!important}
  body .nphb-hero .nphb-roadmap .nphb-level-encor{width:var(--nphb-encor-width-desktop,250px)!important;min-height:var(--nphb-encor-height-desktop,104px)!important;transform:translate(var(--nphb-encor-x-desktop,0),var(--nphb-encor-y-desktop,0))!important}
  body .nphb-hero .nphb-roadmap .nphb-level-enarsi{width:var(--nphb-enarsi-width-desktop,250px)!important;min-height:var(--nphb-enarsi-height-desktop,104px)!important;transform:translate(var(--nphb-enarsi-x-desktop,0),var(--nphb-enarsi-y-desktop,0))!important}
  body .nphb-hero .nphb-roadmap .nphb-level-ccie{width:var(--nphb-ccie-width-desktop,250px)!important;min-height:var(--nphb-ccie-height-desktop,104px)!important;transform:translate(var(--nphb-ccie-x-desktop,0),var(--nphb-ccie-y-desktop,0))!important}
}
@media (min-width:761px) and (max-width:1180px){
  body .nphb-hero .nphb-roadmap .nphb-level-ccst{width:var(--nphb-ccst-width-tablet,230px)!important;min-height:var(--nphb-ccst-height-tablet,98px)!important;transform:translate(var(--nphb-ccst-x-tablet,0),var(--nphb-ccst-y-tablet,0))!important}
  body .nphb-hero .nphb-roadmap .nphb-level-ccna{width:var(--nphb-ccna-width-tablet,230px)!important;min-height:var(--nphb-ccna-height-tablet,98px)!important;transform:translate(var(--nphb-ccna-x-tablet,0),var(--nphb-ccna-y-tablet,0))!important}
  body .nphb-hero .nphb-roadmap .nphb-level-encor{width:var(--nphb-encor-width-tablet,230px)!important;min-height:var(--nphb-encor-height-tablet,98px)!important;transform:translate(var(--nphb-encor-x-tablet,0),var(--nphb-encor-y-tablet,0))!important}
  body .nphb-hero .nphb-roadmap .nphb-level-enarsi{width:var(--nphb-enarsi-width-tablet,230px)!important;min-height:var(--nphb-enarsi-height-tablet,98px)!important;transform:translate(var(--nphb-enarsi-x-tablet,0),var(--nphb-enarsi-y-tablet,0))!important}
  body .nphb-hero .nphb-roadmap .nphb-level-ccie{width:var(--nphb-ccie-width-tablet,230px)!important;min-height:var(--nphb-ccie-height-tablet,98px)!important;transform:translate(var(--nphb-ccie-x-tablet,0),var(--nphb-ccie-y-tablet,0))!important}
}
@media (max-width:760px){
  body .nphb-hero .nphb-roadmap .nphb-level-ccst{min-height:var(--nphb-ccst-height-mobile,82px)!important}
  body .nphb-hero .nphb-roadmap .nphb-level-ccna{min-height:var(--nphb-ccna-height-mobile,82px)!important}
  body .nphb-hero .nphb-roadmap .nphb-level-encor{min-height:var(--nphb-encor-height-mobile,82px)!important}
  body .nphb-hero .nphb-roadmap .nphb-level-enarsi{min-height:var(--nphb-enarsi-height-mobile,82px)!important}
  body .nphb-hero .nphb-roadmap .nphb-level-ccie{min-height:var(--nphb-ccie-height-mobile,82px)!important}
}
body .nphb-hero .nphb-level.nphb-admin-highlight{outline:4px solid rgba(36,87,245,.42)!important;outline-offset:5px!important;transition:outline-color .2s ease!important}


/* =========================================================
   v10.7.8 — CORRECCIÓN DE ALINEACIÓN DEL BLOQUE DE CONFIANZA EN TABLET
   En el breakpoint tablet la regla general centraba el conjunto.
   Se mantiene a la izquierda, igual que el texto, sin afectar móvil.
   ========================================================= */
@media (min-width: 761px) and (max-width: 1180px) {
  .nphb-copy .nphb-trust {
    justify-content: flex-start !important;
    width: 100%;
    text-align: left !important;
  }

  .nphb-copy .nphb-trust > div:last-child {
    display: flex;
    flex-direction: column;
    align-items: flex-start !important;
    text-align: left !important;
  }

  .nphb-copy .nphb-stars {
    align-self: flex-start !important;
    width: auto;
    margin-left: 0 !important;
    margin-right: auto !important;
    text-align: left !important;
  }

  .nphb-copy .nphb-trust p {
    text-align: left !important;
  }
}


/* v10.7.9 · Control responsive independiente del logo principal */
.nphb-hero-brand-logo-only{
  width:min(100%,var(--nphb-logo-desktop,390px))!important;
  max-width:none!important;
  transform:translate(var(--nphb-logo-x-desktop,0px),var(--nphb-logo-y-desktop,0px))!important;
}
.nphb-hero-brand-logo-only .nphb-hero-brand-logo,
.nphb-hero-brand-logo-only .nphb-hero-brand-logo img{
  width:100%!important;
}
@media(min-width:761px) and (max-width:1180px){
  .nphb-hero-brand-logo-only{
    width:min(100%,var(--nphb-logo-tablet,370px))!important;
    transform:translate(var(--nphb-logo-x-tablet,0px),var(--nphb-logo-y-tablet,0px))!important;
  }
}
@media(max-width:760px){
  .nphb-hero-brand-logo-only{
    width:min(100%,var(--nphb-logo-mobile,330px))!important;
    transform:translate(var(--nphb-logo-x-mobile,0px),var(--nphb-logo-y-mobile,0px))!important;
  }
}