/* Metro CD México · cabecera y pie · v1.2.0 */
:root{--tinta:#1b1f4b;--tinta-2:#45526b;--fondo:#f7f5f1;--papel:#fff;--linea:#e6e1d8;--grad:linear-gradient(90deg,#4a0f2e,#b5226e);--acento:#b5226e;
--l1:#e9468f;--l2:#0071c1;--l3:#ad9b0c;--l4:#6fb8b0;--l5:#f5c400;--l6:#e20613;--l7:#f28e1c;--l8:#009b48;--l9:#6b3a1f;--la:#9e1a81;--lb:#4a8f5a;--l12:#c49a5b;--tl:#2f8f83}
.mh *,.mf *,.mh-cajon *{box-sizing:border-box}
.mh a,.mf a,.mh-cajon a{text-decoration:none;color:inherit}
.mh-cajon{font-family:Inter,system-ui,sans-serif;color:var(--tinta)}

/* Barra de estado */
.mh-estado{display:block;background:var(--tinta);color:#c9d2e3!important;font:600 .8rem/1.3 Inter,sans-serif;text-align:center;padding:9px 16px;text-decoration:none}
.mh-estado u{text-decoration:none;color:#ffa98d}
.mh-estado:hover u{text-decoration:underline}
.mh-estado b{color:#fff;font-weight:600}
.mh-estado i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#14874f;margin-right:6px;vertical-align:1px;box-shadow:0 0 0 0 rgba(20,135,79,.6);animation:mhP 1.8s infinite}
.mh-estado i.no{background:#c62828;animation:none}
@keyframes mhP{70%{box-shadow:0 0 0 8px rgba(20,135,79,0)}100%{box-shadow:0 0 0 0 rgba(20,135,79,0)}}

/* Cabecera */
.mh{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.96);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--linea);transition:box-shadow .25s}
.mh.sombra{box-shadow:0 6px 24px rgba(19,33,58,.08)}
.mh-in{max-width:1180px;margin:0 auto;padding:0 20px;height:84px;display:flex;align-items:center;gap:22px}
.mh-logo{display:flex;align-items:center;flex:0 0 auto}
.mh-logo img{height:44px;width:auto;display:block}
.mh-nav{display:flex;align-items:center;gap:2px;margin-left:auto}
.mh-nav>li{list-style:none;position:relative}
.mh-nav ul{margin:0;padding:0}
.mh-nav>li>a,.mh-nav>li>button{display:flex;align-items:center;gap:6px;height:84px;padding:0 13px;font:700 .95rem/1 Archivo,sans-serif;color:var(--tinta);background:none;border:0;cursor:pointer;position:relative}
.mh-nav>li>a::after,.mh-nav>li>button::after{content:"";position:absolute;left:12px;right:12px;bottom:22px;height:3px;border-radius:3px;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.mh-nav>li>a:hover::after,.mh-nav>li>button:hover::after,.mh-nav>li>a[aria-current]::after,.mh-nav>li.abierto>button::after{transform:scaleX(1)}
.mh-nav .flecha{width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s}
.mh-nav li.abierto .flecha{transform:translateY(2px) rotate(-135deg)}
.mh-cta{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 20px;line-height:1;border-radius:999px;background:var(--grad);color:#fff!important;font:700 .9rem Archivo,sans-serif;margin-left:8px;transition:filter .2s,transform .2s;white-space:nowrap}
.mh-cta:hover{filter:brightness(1.12);transform:translateY(-1px)}
.mh-cta svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2.2}

/* Desplegables */
.mh-panel{position:absolute;top:calc(100% - 6px);left:50%;transform:translate(-50%,8px);opacity:0;visibility:hidden;transition:.22s;background:#fff;border-radius:18px;box-shadow:0 20px 50px rgba(19,33,58,.18);padding:18px;z-index:10}
.mh-nav li.abierto .mh-panel{opacity:1;visibility:visible;transform:translate(-50%,0)}
.mh-nav>li:nth-child(2) .mh-panel{left:0;transform:translate(0,8px)}
.mh-nav>li:nth-child(2).abierto .mh-panel{transform:none}
.mh-lineas{width:640px;display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
.mh-lin{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:12px;transition:background .2s}
.mh-lin:hover{background:var(--fondo)}
.mh-num{flex:0 0 34px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--c);color:#fff;font:800 .9rem Archivo,sans-serif}
.mh-num.osc{color:var(--tinta)}
.mh-lin b{display:block;font:700 .92rem/1.2 Archivo,sans-serif}
.mh-lin small{display:block;font-size:.76rem;color:var(--tinta-2);line-height:1.3}
.mh-panel-pie{grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap;margin-top:8px;padding-top:12px;border-top:1px solid var(--linea)}
.mh-panel-pie a{font:700 .86rem Inter,sans-serif;color:var(--acento)!important;padding:6px 10px;border-radius:999px;background:#fbe9f1}
.mh-destinos{width:360px}
.mh-destinos a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;font:600 .93rem Inter,sans-serif}
.mh-destinos a:hover{background:var(--fondo)}
.mh-destinos .pin{width:30px;height:30px;border-radius:10px;background:var(--fondo);display:grid;place-items:center;flex:0 0 30px}
.mh-destinos .pin svg{width:16px;height:16px;stroke:var(--acento);fill:none;stroke-width:2}
.mh-destinos a.dest-cta{margin-top:6px;background:var(--grad);color:#fff!important;justify-content:center;font-weight:700}

/* Botones móvil */
.mh-mov{display:none;margin-left:auto;align-items:center;gap:8px}
.mh-ico{width:44px;height:44px;border-radius:12px;border:1px solid var(--linea);background:#fff;display:grid;place-items:center;cursor:pointer;color:var(--tinta)}
.mh-ico svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2}
.mh-ico.ruta{background:var(--grad);border:0;color:#fff}

/* Cajón móvil */
.mh-cajon{position:fixed;inset:0;z-index:2000;visibility:hidden}
.mh-cajon.abierto{visibility:visible}
.mh-velo{position:absolute;inset:0;background:rgba(15,18,48,.5);opacity:0;transition:opacity .25s}
.mh-cajon.abierto .mh-velo{opacity:1}
.mh-hoja{position:absolute;top:0;right:0;bottom:0;width:min(88vw,380px);background:#fff;transform:translateX(100%);transition:transform .3s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;overflow:auto}
.mh-cajon.abierto .mh-hoja{transform:none}
.mh-hoja-top{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--linea);position:sticky;top:0;background:#fff;z-index:1}
.mh-hoja-top img{height:32px}
.mh-hoja h2{margin:18px 16px 10px;font:700 .74rem Archivo,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--tinta-2)}
.mh-hoja .rejilla{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:0 16px}
.mh-hoja .rejilla a{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 0;border-radius:12px;font:600 .72rem Inter,sans-serif;color:var(--tinta-2)}
.mh-hoja .rejilla a:active{background:var(--fondo)}
.mh-hoja .rejilla .mh-num{width:42px;height:42px;flex-basis:42px;font-size:1rem}
.mh-hoja .lista a{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--linea);font:700 1rem Archivo,sans-serif}
.mh-hoja .lista a::after{content:"";width:8px;height:8px;border-right:2px solid var(--tinta-2);border-top:2px solid var(--tinta-2);transform:rotate(45deg)}
.mh-mapa{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 16px 0;padding:16px;border-radius:16px;background:var(--tinta);color:#fff!important}
.mh-mapa b{display:block;font:800 1.05rem Archivo,sans-serif}
.mh-mapa small{display:block;color:#c9d2e3;font-size:.8rem;margin-top:2px}
.mh-mapa-ico{flex:0 0 52px;height:52px;border-radius:50%;background:conic-gradient(var(--l1) 0 25%,var(--l2) 0 50%,var(--l3) 0 75%,var(--l7) 0);box-shadow:inset 0 0 0 12px var(--tinta)}
.mh-hoja .mh-cta{margin:20px 16px;justify-content:center;height:50px}

/* Pie */
.mf{background:var(--tinta);color:#c9d2e3;margin-top:0}
.mf-lineas{background:linear-gradient(90deg,var(--l1) 0 8.33%,var(--l2) 0 16.66%,var(--l3) 0 25%,var(--l4) 0 33.33%,var(--l5) 0 41.66%,var(--l6) 0 50%,var(--l7) 0 58.33%,var(--l8) 0 66.66%,var(--l9) 0 75%,var(--la) 0 83.33%,var(--lb) 0 91.66%,var(--l12) 0);height:6px}
.mf-in{max-width:1180px;margin:0 auto;padding:52px 20px 28px}
.mf-top{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:36px}
.mf-marca p{margin:14px 0 18px;font-size:.93rem;line-height:1.6;max-width:34ch}
.mf-marca .logo-pie{display:inline-flex;align-items:center;background:#fff;border-radius:12px;padding:8px 12px}
.mf-marca .logo-pie img{height:30px;display:block}
.mf h3{margin:0 0 14px;font:700 .76rem Archivo,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#fff}
.mf ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.mf ul a{font-size:.93rem;color:#c9d2e3;transition:color .2s}
.mf ul a:hover{color:#fff}
.mf-circulos{display:grid;grid-template-columns:repeat(6,32px);gap:8px}
.mf-circulos a{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--c);color:#fff;font:800 .78rem Archivo,sans-serif;transition:transform .2s}
.mf-circulos a:hover{transform:scale(1.12)}
.mf-circulos a.osc{color:var(--tinta)}
.mf-boton{display:inline-flex;align-items:center;gap:8px;margin-top:4px;padding:10px 16px;border-radius:999px;background:var(--grad);color:#fff!important;font:700 .88rem Archivo,sans-serif}
.mf-bajo{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:40px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);font-size:.82rem}
.mf-bajo nav{display:flex;flex-wrap:wrap;gap:6px 18px}
.mf-bajo a:hover{color:#fff}
.mf-aviso{color:#8f98b3}

@media (max-width:1140px){.mh-nav,.mh-in>.mh-cta{display:none}.mh-mov{display:flex}.mh-in{height:68px}.mh-logo img{height:36px}}
@media (max-width:860px){.mf-top{grid-template-columns:1fr 1fr}.mf-marca{grid-column:1/-1}}
@media (max-width:480px){.mf-top{grid-template-columns:1fr}.mf-in{padding:40px 16px 24px}}
@media (prefers-reduced-motion:reduce){.mh *,.mf *,.mh-cajon *{transition:none!important;animation:none!important}}


/* Integración con GeneratePress */
body .site-header,body .main-navigation:not(.mh-nav),body .top-bar,body .site-footer .site-info,body .footer-widgets{display:none!important}
body .site-footer{background:none;padding:0;margin:0;border:0}
.mh,.mh-estado,.mf,.mh-cajon{font-family:Inter,system-ui,sans-serif}

/* Blindaje frente a estilos del tema padre */
.mh ul,.mh li,.mh-cajon ul,.mh-cajon li,.mf ul,.mf li{margin:0;padding:0;list-style:none}
.mh nav,.mh-nav{margin:0;padding:0}
@media (min-width:1141px){.mh-nav{display:flex;align-items:center}}
.mh button,.mh-cajon button{font-family:inherit;text-transform:none;letter-spacing:normal;box-shadow:none;margin:0;line-height:1}
.mh-nav>li>button,.mh-nav>li>button:hover,.mh-nav>li>button:focus{background:none!important;color:var(--tinta)!important;border:0}
.mh-ico,.mh-ico:hover,.mh-ico:focus{background:#fff!important;color:var(--tinta)!important;padding:0}
.mh-ico.ruta,.mh-ico.ruta:hover{background:var(--grad)!important;color:#fff!important}
.mh img,.mf img,.mh-cajon img{max-width:none}
.mh a:hover,.mh a:focus,.mf a:focus{text-decoration:none}
.mh-nav>li>a,.mh-nav>li>button,.mh-cta{white-space:nowrap}
.mh-in{flex-wrap:nowrap}