/* Menú del celular por niveles (2026-11-13) · lo arma /js/marca/menu-niveles.js */
.menu-movil[data-niveles]{display:block}
.mn-panel[hidden]{display:none!important}
.mn-panel{padding-bottom:28px}
.mn-entra{animation:mn-entra .28s cubic-bezier(.2,.7,.2,1)}
.mn-vuelve{animation:mn-vuelve .28s cubic-bezier(.2,.7,.2,1)}
@keyframes mn-entra{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:none}}
@keyframes mn-vuelve{from{opacity:0;transform:translateX(-28px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.mn-entra,.mn-vuelve{animation:none}}

/* las filas: todo el ancho, con su flecha a la derecha */
.mn-fila{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:52px;padding:12px 2px;margin:0;border:0;background:none;
  font:500 16px/1.3 var(--sans,'Publica Sans',sans-serif);color:var(--tinta,#323232);text-align:left;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
.mn-fila:active{background:rgba(252,111,32,.07)}
.mn-chev{flex:none;color:var(--tinta,#323232);opacity:.7}
.mn-grande{font-weight:600;font-size:18px;min-height:56px}
.mn-txt{flex:1;min-width:0}
/* línea o etapa: ícono + nombre + su frase chiquita */
.mn-con-ic{display:flex;align-items:center;gap:12px}
.mn-con-ic > span:not(.ic){display:grid;gap:2px}
.mn-con-ic b{font:600 16px/1.25 var(--sans,'Publica Sans',sans-serif)}
.mn-con-ic small{font:400 13px/1.35 var(--sans,'Publica Sans',sans-serif);color:var(--muted,#6b6b6b)}
.mn-linea{min-height:64px}

.mn-sep{border:0;border-top:1px solid var(--linea,rgba(50,50,50,.12));margin:12px 0}
.mn-cta.mn-cta{display:flex;width:100%;margin:6px 0;justify-content:center}
.mn-idioma{font-weight:500}

/* cabecera de los paneles 2 y 3 */
.mn-volver{display:inline-flex;align-items:center;gap:8px;padding:10px 0;margin:4px 0 6px;border:0;background:none;cursor:pointer;
  font:600 15px var(--sans,'Publica Sans',sans-serif);color:var(--tinta,#323232)}
.mn-volver span{border-bottom:2px solid var(--naranja,#fc6f20);padding-bottom:2px}
.mn-titulo{margin:10px 0 4px;font:700 22px/1.2 var(--sans,'Publica Sans',sans-serif);letter-spacing:-.02em;color:var(--tinta,#323232)}
.mn-bajada{margin:0 0 10px;font:400 14px/1.45 var(--sans,'Publica Sans',sans-serif);color:var(--muted,#6b6b6b)}
.mn-titulo + .mn-bajada,.mn-panel > .mn-titulo:last-of-type{padding-bottom:12px;border-bottom:1px solid var(--linea,rgba(50,50,50,.12))}
.mn-conoce{display:inline-flex;align-items:center;margin:4px 0 8px;padding:10px 18px;border-radius:999px;border:1.5px solid rgba(50,50,50,.28);
  font:600 14px var(--sans,'Publica Sans',sans-serif);color:var(--tinta,#323232);text-decoration:none}
.mn-lista{border-top:1px solid var(--linea,rgba(50,50,50,.12));margin-top:6px}

/* etapa: por línea, con su rótulo en mayúsculas */
.mn-grupo-et{padding:10px 0;border-bottom:1px solid var(--linea,rgba(50,50,50,.12))}
.mn-rot{margin:6px 0 2px;font:700 12px var(--sans,'Publica Sans',sans-serif);letter-spacing:.06em;text-transform:uppercase;color:var(--naranja-hondo,#d4520a)}
.mn-grupo-et .mn-fila{min-height:46px;font-size:15.5px}
.mn-panel .mm-et-logras{margin-top:16px}
