/* NDM One — header.css */

.nm-topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;
  padding:8px 32px;border-bottom:1px solid var(--nm-linea);
  font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--nm-gris)}
.nm-topbar .nm-slogan{color:var(--nm-principal);font-weight:600}

.nm-cabezal{text-align:center;padding:30px 32px 20px;border-bottom:1px solid var(--nm-linea);
  background:linear-gradient(180deg,rgba(179,154,85,.10),transparent 55%),var(--nm-negro)}
.nm-cabezal-flex{display:flex;align-items:center;justify-content:center;gap:26px;flex-wrap:wrap}
.nm-logo img{width:184px;height:184px;border-radius:50%;object-fit:cover}
.nm-masthead{margin:0;font-family:var(--f-display);font-weight:400;
  font-size:clamp(36px,6vw,68px);line-height:.95;letter-spacing:.01em;text-transform:uppercase}
.nm-masthead a{color:var(--nm-blanco)}
.nm-masthead .nm-de{color:var(--nm-principal)}
.nm-bajada{margin:10px 0 0;font-size:13px;letter-spacing:.28em;text-transform:uppercase;color:var(--nm-gris)}
.nm-directora{margin:14px auto 0;display:inline-block;
  font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--nm-blanco);
  border-top:1px solid var(--nm-principal);border-bottom:1px solid var(--nm-principal);padding:5px 22px;
  transition:color .3s ease,border-color .3s ease,text-shadow .3s ease,background .3s ease;cursor:default}
.nm-directora strong{color:var(--nm-principal);font-weight:700;transition:color .3s ease,text-shadow .3s ease}
.nm-directora:hover{border-color:#D9BC6B;background:rgba(179,154,85,.08);
  text-shadow:0 0 14px rgba(217,188,107,.55)}
.nm-directora:hover strong{color:#D9BC6B;text-shadow:0 0 16px rgba(217,188,107,.8)}

/* Navegación */
.nm-nav{border-bottom:3px solid var(--nm-principal);background:var(--nm-carbon);position:sticky;top:0;z-index:50}
.nm-nav-int{display:flex;align-items:center;justify-content:center;gap:8px;padding:0 16px}
.nm-nav-toggle{display:none;background:none;border:1px solid var(--nm-linea);color:var(--nm-blanco);
  padding:8px 14px;margin:8px 0;font-family:var(--f-ui);font-size:12px;font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
.nm-nav-menu ul{list-style:none;margin:0;padding:0;display:flex;justify-content:center;flex-wrap:wrap}
.nm-nav-menu a{display:block;padding:14px 18px;font-size:13px;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;color:var(--nm-blanco);
  border-bottom:3px solid transparent;margin-bottom:-3px}
.nm-nav-menu a:hover{opacity:1}
.nm-nav .c-principal>a:hover,.nm-nav .c-principal.actual>a{border-color:var(--nm-principal);color:var(--nm-principal)}
.nm-nav .c-nacional>a:hover,.nm-nav .c-nacional.actual>a{border-color:var(--nm-nacional);color:var(--nm-nacional)}
.nm-nav .c-estados>a:hover,.nm-nav .c-estados.actual>a{border-color:var(--nm-estados);color:var(--nm-estados)}
.nm-nav .c-cdmx>a:hover,.nm-nav .c-cdmx.actual>a{border-color:var(--nm-cdmx);color:var(--nm-cdmx)}
.nm-nav .c-legislativo>a:hover,.nm-nav .c-legislativo.actual>a{border-color:var(--nm-legislativo);color:var(--nm-legislativo)}
.nm-nav .c-opinion>a:hover,.nm-nav .c-opinion.actual>a{border-color:var(--nm-opinion);color:var(--nm-opinion)}
.nm-nav .c-economia>a:hover,.nm-nav .c-economia.actual>a{border-color:var(--nm-economia);color:var(--nm-economia)}
.nm-nav .c-turismo>a:hover,.nm-nav .c-turismo.actual>a{border-color:var(--nm-turismo);color:var(--nm-turismo)}
.nm-nav .c-cultura>a:hover,.nm-nav .c-cultura.actual>a{border-color:var(--nm-cultura);color:var(--nm-cultura)}
.nm-nav .c-deportes>a:hover,.nm-nav .c-deportes.actual>a{border-color:var(--nm-deportes);color:var(--nm-deportes)}
.nm-nav .c-internacional>a:hover,.nm-nav .c-internacional.actual>a{border-color:var(--nm-internacional);color:var(--nm-internacional)}

/* Buscador del nav */
.nm-nav-buscador{display:flex;align-items:center;margin-left:8px}
.nm-nav-buscador input[type=search]{width:150px;background:var(--nm-panel);border:1px solid var(--nm-linea);
  color:var(--nm-blanco);padding:7px 10px;font-family:var(--f-ui);font-size:13px}
.nm-nav-buscador button{background:var(--nm-principal);color:#111;border:0;padding:7px 12px;
  font-size:15px;font-weight:800;cursor:pointer;line-height:1.2}