:root{--smv26-blue:#2560AB;--smv26-blue-dark:#16447E;--smv26-green-a:#C6DBAE;--smv26-green-b:#497A41;--smv26-font:'Roboto Condensed','Arial Narrow',Arial,sans-serif;--smv26-shell:1260px}
.smv-nav26{width:min(var(--smv26-shell),100%)!important;max-width:var(--smv26-shell)!important;margin-inline:auto!important;font-family:var(--smv26-font)!important;position:relative;z-index:150;color:#111;overflow:visible}.smv-nav26 *{box-sizing:border-box}.smv-nav26 a{text-decoration:none!important;font-family:inherit!important}
/* Nivel 1: tags azules. Inactivos azul/blanco; hover y activo verde. */
.smv-nav26-tags{display:grid;grid-template-columns:72px repeat(6,minmax(0,1fr));gap:8px;align-items:end;width:100%;padding:0 0 8px;border-bottom:0;background:linear-gradient(180deg,#595858 0%,#8E8E8E 48%,#2B2929 100%) bottom/100% 8px no-repeat}.smv-nav26-primary-wrap{min-width:0}.smv-nav26-tag{height:66px;position:relative;display:flex;align-items:center;justify-content:center;padding:10px 16px 15px;background:linear-gradient(180deg,#2d6cb9 0%,var(--smv26-blue) 58%,#1d5ca8 100%)!important;border:0;border-radius:0 13px 0 0;color:#fff!important;text-transform:uppercase;font-weight:800!important;font-size:17px;letter-spacing:-.01em;line-height:1.02;text-align:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.16);transition:background .18s ease,color .18s ease,filter .18s ease}.smv-nav26-tag:visited,.smv-nav26-tag:link{color:#fff!important}.smv-nav26-tag:hover,.smv-nav26-tag:focus-visible,.smv-nav26-primary-wrap.is-active>.smv-nav26-tag{background:linear-gradient(180deg,var(--smv26-green-a) 0%,#78a963 38%,var(--smv26-green-b) 100%)!important;color:#fff!important}.smv-nav26-tag:focus-visible{outline:2px solid #fff;outline-offset:-4px}.smv-nav26-tag-label{display:block;max-width:100%;white-space:normal;overflow-wrap:normal;word-break:normal}.smv-nav26-tag-rule{position:absolute;left:14px;right:14px;bottom:10px;height:2px;background:#fff;opacity:.96}.smv-nav26-corner-indicator{position:absolute;right:7px;top:6px;width:17px;height:17px;border:2px solid currentColor;border-radius:50%;display:grid;place-items:center;color:inherit;font-size:10px;font-weight:900;line-height:1}.smv-nav26-tag.is-home{padding:0}.smv-nav26-home-icon{font-family:Arial,sans-serif!important;font-size:40px;line-height:1;transform:translateY(-1px);color:#fff!important}
/* Nivel 2: barra gris. Inactivo oscuro; hover/abierto verde. */
.smv-nav26-sections{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;height:40px;min-height:40px;background:linear-gradient(180deg,#D4D4D4 0%,#EDEDED 48%,#B5B5B5 100%);box-shadow:inset 0 1px rgba(255,255,255,.72),0 2px 5px rgba(0,0,0,.12)}.smv-nav26-section{min-width:0;height:40px;min-height:40px;padding:7px 10px;display:flex;align-items:center;justify-content:center;border-right:1px solid rgba(149,149,149,.62);color:#111!important;text-transform:uppercase;font-size:12.5px;font-weight:700!important;letter-spacing:-.01em;line-height:1.05;text-align:center;background:transparent!important;transition:background .15s ease,color .15s ease}.smv-nav26-section:visited,.smv-nav26-section:link{color:#111!important}.smv-nav26-primary-wrap--section:last-child .smv-nav26-section{border-right:0}.smv-nav26-section:hover,.smv-nav26-section:focus-visible,.smv-nav26-primary-wrap--section.is-active>.smv-nav26-section{background:linear-gradient(180deg,var(--smv26-green-a) 0%,#78a963 38%,var(--smv26-green-b) 100%)!important;color:#fff!important}.smv-nav26-section:focus-visible{outline:2px solid #fff;outline-offset:-3px}
/* Nivel 3: barra azul de titulo + botones con icono. */
.smv-nav26-secondary[hidden]{display:none!important}.smv-nav26-secondary{position:absolute;left:0;right:0;top:100%;display:block;width:100%;background:#fff;box-shadow:0 8px 16px rgba(0,0,0,.18);z-index:220}.smv-nav26-secondary-title{min-height:38px;padding:6px 18px;background:linear-gradient(180deg,#2d6cb9,var(--smv26-blue));color:#fff!important;display:flex;align-items:center;justify-content:center;text-transform:uppercase;font-weight:800!important;font-size:19px;line-height:1;letter-spacing:.01em}.smv-nav26-secondary-buttons{background:linear-gradient(180deg,#f7f7f7 0%,#dedede 50%,#c8c8c8 100%)}.smv-nav26-secondary-group{display:none;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));min-height:56px}.smv-nav26-secondary-group.is-visible{display:grid}.smv-nav26-subsection{min-width:0;min-height:56px;padding:7px 10px;display:flex;align-items:center;justify-content:center;gap:8px;border-right:1px solid #b5b5b5;color:#111!important;text-transform:uppercase;font-size:11.5px;font-weight:700!important;line-height:1.05;text-align:center;background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,.05))!important;transition:background .15s ease,color .15s ease}.smv-nav26-subsection:visited,.smv-nav26-subsection:link{color:#111!important}.smv-nav26-subsection:last-child{border-right:0}.smv-nav26-subsection:hover,.smv-nav26-subsection:focus-visible,.smv-nav26-subsection.is-current{background:linear-gradient(180deg,var(--smv26-green-a) 0%,#78a963 38%,var(--smv26-green-b) 100%)!important;color:#fff!important}.smv-nav26-icon{width:24px;height:24px;object-fit:contain;flex:0 0 24px}.smv-nav26-icon-fallback{width:22px;height:22px;border:2px solid currentColor;border-radius:5px;position:relative;flex:0 0 22px;opacity:.72}.smv-nav26-icon-fallback:before,.smv-nav26-icon-fallback:after{content:'';position:absolute;background:currentColor;left:4px;right:4px;height:2px}.smv-nav26-icon-fallback:before{top:6px}.smv-nav26-icon-fallback:after{top:12px}.smv-nav26-empty{width:min(var(--smv26-shell),100%);margin-inline:auto;padding:10px;background:#fff7cf;border:1px solid #ecd36b;color:#554600;font:600 13px Arial,sans-serif}.smv-nav26-mobile{display:none}
/* Tablet: conserva el ancho institucional sin desbordar. */
@media(max-width:1180px) and (min-width:901px){.smv-nav26{width:100%!important;max-width:100%!important}.smv-nav26-tags{gap:5px;grid-template-columns:62px repeat(6,minmax(0,1fr))}.smv-nav26-tag{font-size:13.5px;padding-inline:8px}.smv-nav26-section{font-size:10.8px;padding-inline:6px}.smv-nav26-secondary-title{font-size:16px}.smv-nav26-subsection{font-size:10px;padding-inline:7px}}
/* Movil */
@media(max-width:900px){.smv-nav26{width:100%!important;max-width:none!important;margin:0!important}.smv-nav26-tags,.smv-nav26-sections,.smv-nav26-secondary{display:none!important}.smv-nav26-mobile{display:block;background:#fff}.smv-nav26-mobile-item{border-bottom:1px solid rgba(255,255,255,.22)}.smv-nav26-mobile-primary{min-height:70px;display:flex;align-items:center;justify-content:flex-start;text-align:left;padding:17px 64px 17px 28px;background:linear-gradient(180deg,#2d6cb9,var(--smv26-blue))!important;color:#fff!important;text-transform:uppercase;font-weight:800!important;font-size:18px;line-height:1.08;position:relative}.smv-nav26-mobile-primary:visited,.smv-nav26-mobile-primary:link{color:#fff!important}.smv-nav26-mobile-item.is-section .smv-nav26-mobile-primary{min-height:56px;background:linear-gradient(180deg,#f7f7f7 0%,#dedede 48%,#c6c6c6 100%)!important;color:#111!important;font-size:15px;border-bottom:1px solid #b7b7b7}.smv-nav26-mobile-primary:hover,.smv-nav26-mobile-primary:focus-visible,.smv-nav26-mobile-item.is-open>.smv-nav26-mobile-primary{background:linear-gradient(180deg,var(--smv26-green-a),var(--smv26-green-b))!important;color:#fff!important}.smv-nav26-mobile-plus{position:absolute;right:22px;top:50%;transform:translateY(-50%);width:38px;height:38px;border:2px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:29px;font-weight:400;line-height:1}.smv-nav26-home-icon{font-size:38px}.smv-nav26-mobile-children{display:none;background:#f1f1f1}.smv-nav26-mobile-item.is-open .smv-nav26-mobile-children{display:block}.smv-nav26-mobile-children a{min-height:56px;display:flex;align-items:center;gap:12px;padding:12px 24px 12px 38px;border-bottom:1px solid #d0d0d0;color:#123d6e!important;text-transform:uppercase;font-weight:800!important;font-size:14px;line-height:1.1}.smv-nav26-mobile-children a:hover,.smv-nav26-mobile-children a:focus-visible{background:linear-gradient(180deg,var(--smv26-green-a),var(--smv26-green-b))!important;color:#fff!important}.smv-nav26-mobile-section-title{display:none}.smv-nav26-mobile-item.is-open>.smv-nav26-mobile-section-title{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 14px;background:linear-gradient(180deg,#2d6cb9,var(--smv26-blue));color:#fff!important;text-transform:uppercase;font-weight:800!important;font-size:16px;line-height:1.05;text-align:center}.smv-nav26-mobile-item.is-tag .smv-nav26-mobile-primary{background:linear-gradient(180deg,#2d6cb9,var(--smv26-blue))!important;color:#fff!important}}

/* v1.2.2 - Nivel 1 = tags + barra gris; Nivel 2 = panel azul + iconos */
.smv-nav26-icon--builtin{filter:brightness(0);transition:filter .15s ease}
.smv-nav26-subsection:hover .smv-nav26-icon--builtin,.smv-nav26-subsection:focus-visible .smv-nav26-icon--builtin,.smv-nav26-subsection.is-current .smv-nav26-icon--builtin,.smv-nav26-mobile-children a:hover .smv-nav26-icon--builtin,.smv-nav26-mobile-children a:focus-visible .smv-nav26-icon--builtin{filter:brightness(0) invert(1)}


/* v1.2.3 - hover de un solo elemento + preview de tags sobre la barra gris */
@media(min-width:901px){
  /* Solo un verde a la vez durante la previsualizacion. La seleccion real vuelve al salir. */
  .smv-nav26.is-previewing .smv-nav26-primary-wrap.is-active:not(.is-preview-hover)>.smv-nav26-tag{
    background:linear-gradient(180deg,#2d6cb9,var(--smv26-blue))!important;
    color:#fff!important;
  }
  .smv-nav26.is-previewing .smv-nav26-primary-wrap.is-active:not(.is-preview-hover)>.smv-nav26-section{
    background:transparent!important;
    color:#111!important;
  }
  .smv-nav26-primary-wrap.is-preview-hover>.smv-nav26-tag,
  .smv-nav26-primary-wrap.is-preview-hover>.smv-nav26-section{
    background:linear-gradient(180deg,var(--smv26-green-a) 0%,#78a963 38%,var(--smv26-green-b) 100%)!important;
    color:#fff!important;
  }

  /* Hover de los tags: el Nivel 2 se convierte en una capa y tapa la barra gris. */
  .smv-nav26-secondary.is-preview{
    z-index:280;
    box-shadow:0 8px 18px rgba(0,0,0,.22);
  }

  /* Seleccion persistente: barra gris visible + Nivel 2 debajo. */
  .smv-nav26-secondary:not(.is-preview){
    z-index:220;
  }
}

/* v1.2.4 - Gradientes exactos de Figma para separador y barra gris */

/* v1.2.5 - ancho institucional 1260 px + sombra lateral coordinada con SMV Portal */
:root{--smv26-shell:1260px;--smv26-side-shadow:-12px 0 18px -14px rgba(0,0,0,.34),12px 0 18px -14px rgba(0,0,0,.34)}
@media(min-width:901px){
  .smv-nav26{
    width:min(var(--smv26-shell),calc(100% - 32px))!important;
    max-width:var(--smv26-shell)!important;
    box-shadow:var(--smv26-side-shadow);
  }
}
@media(max-width:1292px) and (min-width:901px){
  .smv-nav26{width:calc(100% - 32px)!important;max-width:1260px!important}
}
@media(max-width:900px){
  .smv-nav26{width:100%!important;max-width:none!important;box-shadow:none!important}
}

/* v1.2.6 - El menu no lleva sombra lateral; la sombra inicia con el contenido. */
@media(min-width:901px){
  .smv-nav26{box-shadow:none!important}
}


/* v1.2.7 - Ajuste Figma de los tags superiores: sin raya, proporciones y hover sutil. */
@media (min-width:901px){
  .smv-nav26-tags{
    grid-template-columns:72px repeat(6,minmax(0,1fr));
    gap:8px;
    align-items:end;
    padding-bottom:8px;
  }
  .smv-nav26-tag{
    height:58px!important;
    min-height:58px!important;
    padding:8px 14px!important;
    border-radius:0 13px 0 0!important;
    font-family:var(--smv26-font)!important;
    font-size:16px!important;
    font-weight:700!important;
    line-height:1.05!important;
    letter-spacing:0!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.14)!important;
    transform:translateY(0);
    transition:background .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease,filter .16s ease!important;
  }
  .smv-nav26-tag-rule{display:none!important}
  .smv-nav26-tag:hover,
  .smv-nav26-tag:focus-visible{
    transform:translateY(-1px);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 4px 8px rgba(0,0,0,.16)!important;
    filter:brightness(1.02);
    z-index:2;
  }
  .smv-nav26-primary-wrap.is-active>.smv-nav26-tag{
    transform:none;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.20)!important;
  }
  .smv-nav26-tag-label{font-weight:700!important}
  .smv-nav26-home-icon{font-size:34px!important}
}
@media(max-width:1180px) and (min-width:901px){
  .smv-nav26-tags{grid-template-columns:62px repeat(6,minmax(0,1fr));gap:6px}
  .smv-nav26-tag{height:56px!important;min-height:56px!important;font-size:13.5px!important;padding-inline:8px!important}
  .smv-nav26-home-icon{font-size:32px!important}
}

/* v1.2.9 - Contexto persistente en páginas hijas + cierre explícito. */
@media(min-width:901px){
  .smv-nav26.is-secondary-pinned .smv-nav26-sections{display:none!important}
  .smv-nav26.is-secondary-pinned .smv-nav26-secondary{
    position:relative!important;
    left:auto!important;right:auto!important;top:auto!important;
    width:100%!important;
    box-shadow:none!important;
    z-index:220;
  }
  .smv-nav26-secondary-title{position:relative;padding-left:52px;padding-right:52px}
  .smv-nav26-secondary-title>span{display:block;width:100%;text-align:center}
  .smv-nav26-secondary-close{
    position:absolute;right:10px;top:50%;transform:translateY(-50%);
    width:28px;height:28px;border:1px solid rgba(255,255,255,.78);border-radius:50%;
    background:rgba(0,0,0,.12);color:#fff;font:700 20px/24px Arial,sans-serif;
    display:grid;place-items:center;cursor:pointer;padding:0;transition:background .15s ease,transform .15s ease
  }
  .smv-nav26-secondary-close:hover,.smv-nav26-secondary-close:focus-visible{background:rgba(0,0,0,.28);outline:2px solid #fff;outline-offset:1px}
  .smv-nav26-secondary.is-preview .smv-nav26-secondary-close{display:none}
}
@media(max-width:900px){.smv-nav26-secondary-close{display:none!important}}

/* v1.3.1 - La X contrae solo la barra azul; barra gris y botones con iconos permanecen visibles */
@media(min-width:901px){
  .smv-nav26.is-secondary-pinned .smv-nav26-sections{display:grid!important}
  .smv-nav26-secondary:not(.is-preview){top:100%!important}
  .smv-nav26-secondary.is-title-collapsed .smv-nav26-secondary-title{display:none!important}
  .smv-nav26-secondary.is-title-collapsed{box-shadow:0 6px 12px rgba(0,0,0,.14)!important}
  .smv-nav26-secondary.is-title-collapsed .smv-nav26-secondary-buttons{border-top:1px solid #b8b8b8}
}


/* v1.3.2 - Estado activo claro en móvil */
@media(max-width:900px){
  .smv-nav26-mobile-item.is-current-parent>.smv-nav26-mobile-primary{
    background:linear-gradient(180deg,var(--smv26-green-a) 0%,#78a963 38%,var(--smv26-green-b) 100%)!important;
    color:#fff!important;
    box-shadow:inset 5px 0 0 #2f6330,inset 0 -1px 0 rgba(0,0,0,.12);
  }
  .smv-nav26-mobile-item.is-current-parent.is-section>.smv-nav26-mobile-primary{
    background:linear-gradient(180deg,var(--smv26-green-a) 0%,#78a963 38%,var(--smv26-green-b) 100%)!important;
    color:#fff!important;
  }
  .smv-nav26-mobile-item.is-current-parent>.smv-nav26-mobile-primary::before{
    content:'SECCIÓN ACTUAL';
    position:absolute;right:68px;top:8px;
    padding:2px 6px;border-radius:999px;
    background:rgba(255,255,255,.9);color:#315f30;
    font-size:8px;font-weight:800;letter-spacing:.05em;line-height:1.2;
  }
  .smv-nav26-mobile-children a.is-current{
    background:linear-gradient(180deg,#dcebd0 0%,#bfd9ad 100%)!important;
    color:#163f18!important;
    box-shadow:inset 5px 0 0 var(--smv26-green-b);
  }
  .smv-nav26-mobile-children a.is-current .smv-nav26-icon--builtin{filter:none!important}
  .smv-nav26-mobile-children a.is-current::after{
    content:'ACTUAL';
    margin-left:auto;flex:0 0 auto;
    padding:3px 7px;border-radius:999px;
    background:var(--smv26-green-b);color:#fff;
    font-size:9px;font-weight:800;letter-spacing:.04em;line-height:1;
  }
  .smv-nav26-mobile-item.is-current-parent.is-open>.smv-nav26-mobile-section-title{
    background:linear-gradient(180deg,#2d6cb9,var(--smv26-blue))!important;
  }
}

/* v1.3.5 - Al cerrar la barra azul se conserva siempre el Nivel 2 con iconos. */
@media(min-width:901px){
  .smv-nav26-secondary.is-context-collapsed{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    width:100%!important;
    display:block!important;
    visibility:visible!important;
    overflow:visible!important;
    box-shadow:none!important;
  }
  .smv-nav26-secondary.is-context-collapsed .smv-nav26-secondary-title{
    display:none!important;
  }
  .smv-nav26-secondary.is-context-collapsed .smv-nav26-secondary-buttons{
    display:block!important;
    min-height:56px!important;
    border-top:1px solid #b8b8b8!important;
  }
  .smv-nav26-secondary.is-context-collapsed .smv-nav26-secondary-group.is-visible{
    display:grid!important;
    min-height:56px!important;
    visibility:visible!important;
    opacity:1!important;
  }
  .smv-nav26-secondary.is-context-collapsed .smv-nav26-subsection.is-current{
    background:linear-gradient(180deg,var(--smv26-green-a) 0%,#78a963 38%,var(--smv26-green-b) 100%)!important;
    color:#fff!important;
  }
}

/* v1.3.6 - Contexto correcto del Nivel 1 / Nivel 2.
   Abierto: la barra azul de titulo sustituye temporalmente la barra gris.
   X: se oculta SOLO la barra azul, reaparece la barra gris y el Nivel 2 con iconos permanece visible. */
@media(min-width:901px){
  /* Mientras el panel azul esta abierto y fijado, la barra gris queda cubierta/sustituida. */
  .smv-nav26.is-secondary-pinned:not(.is-secondary-collapsed) .smv-nav26-sections{
    display:none!important;
  }

  /* Al pulsar X reaparece el Nivel 1 gris. */
  .smv-nav26.is-secondary-pinned.is-secondary-collapsed .smv-nav26-sections{
    display:grid!important;
  }

  /* El panel fijado siempre forma parte del flujo para no saltar sobre el contenido. */
  .smv-nav26.is-secondary-pinned .smv-nav26-secondary{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    width:100%!important;
    box-shadow:none!important;
  }

  /* X: desaparece solamente el titulo azul. */
  .smv-nav26.is-secondary-pinned.is-secondary-collapsed .smv-nav26-secondary-title{
    display:none!important;
  }

  /* El Nivel 2 (iconos) nunca se pierde al cerrar el titulo. */
  .smv-nav26.is-secondary-pinned.is-secondary-collapsed .smv-nav26-secondary-buttons,
  .smv-nav26.is-secondary-pinned.is-secondary-collapsed .smv-nav26-secondary-group.is-visible{
    display:grid!important;
    visibility:visible!important;
    opacity:1!important;
  }

  .smv-nav26.is-secondary-pinned.is-secondary-collapsed .smv-nav26-secondary-buttons{
    background:linear-gradient(180deg,#f7f7f7 0%,#dedede 50%,#c8c8c8 100%)!important;
    border-top:1px solid #b8b8b8!important;
  }

  /* Al elegir otra seccion de la barra gris, JS quita is-secondary-collapsed:
     vuelve la barra azul y se oculta de nuevo la barra gris. */
}
