/* Metro CD México · blog (archivo y entradas) · v1.3.1 */
.mb{--tinta:#1b1f4b;--tinta-2:#45526b;--fondo:#f7f5f1;--papel:#fff;--linea:#e6e1d8;--acento:#b5226e;--acento-osc:#8f1a57;--grad:linear-gradient(90deg,#4a0f2e,#b5226e);--sombra:0 1px 2px rgba(19,33,58,.06),0 8px 24px rgba(19,33,58,.08);
  font-family:Inter,system-ui,sans-serif;color:var(--tinta);background:var(--fondo);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
.mb *{box-sizing:border-box}
.mb a{color:inherit;text-decoration:none}
.mb .w{max-width:1120px;margin:0 auto;padding:0 20px}
.mb .kicker{font:700 .8rem/1.2 Archivo,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#b23a2c;margin:0 0 10px}
.mb .chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:#fbe9f1;color:var(--acento-osc);font:700 .78rem Archivo,sans-serif;letter-spacing:.02em}
.mb .chip.lin{background:var(--b);color:#fff}

/* Cabecera del archivo */
.mb-hero{position:relative;overflow:hidden;background:radial-gradient(900px 400px at 85% -20%,rgba(181,34,110,.35),transparent 60%),var(--tinta);color:#fff;padding:56px 0 44px}
.mb-hero .kicker{color:#ffa98d}
.mb-hero h1{font:800 clamp(1.9rem,4.6vw,3.1rem)/1.08 Archivo,sans-serif;letter-spacing:-.02em;margin:0 0 12px;max-width:22ch;color:#fff}
.mb-hero p{color:#c9d2e3;max-width:60ch;margin:0}
.mb-buscar{display:flex;gap:8px;margin-top:22px;max-width:520px}
.mb-buscar input{flex:1;min-width:0;padding:13px 16px;border-radius:999px;border:0;font:500 1rem Inter,sans-serif;color:var(--tinta)}
.mb-buscar button{border:0;border-radius:999px;padding:0 20px;background:var(--grad);color:#fff;font:700 .95rem Archivo,sans-serif;cursor:pointer}
.mb-cats{display:flex;gap:8px;overflow-x:auto;padding:18px 0 2px;scrollbar-width:none}
.mb-cats::-webkit-scrollbar{display:none}
.mb-cats a{flex:0 0 auto;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.2);color:#fff;font:600 .88rem Inter,sans-serif;background:rgba(255,255,255,.05);transition:background .2s}
.mb-cats a:hover,.mb-cats a[aria-current]{background:#fff;color:var(--tinta)}

/* Rejilla de entradas */
.mb-lista{padding:40px 0 56px}
.mb-dest{display:grid;grid-template-columns:1.25fr 1fr;gap:0;background:var(--papel);border-radius:22px;overflow:hidden;box-shadow:var(--sombra);margin-bottom:28px;transition:transform .25s,box-shadow .25s}
.mb-dest:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(19,33,58,.14)}
.mb-dest .img{aspect-ratio:16/10;background:#e9e5dd;overflow:hidden}
.mb-dest .img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}
.mb-dest:hover .img img{transform:scale(1.04)}
.mb-dest .txt{padding:28px 30px;display:flex;flex-direction:column;justify-content:center;gap:10px}
.mb-dest h2{margin:0;font:800 clamp(1.35rem,2.4vw,1.8rem)/1.2 Archivo,sans-serif;letter-spacing:-.01em}
.mb-dest p{margin:0;color:var(--tinta-2)}
.mb-meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.84rem;color:var(--tinta-2)}
.mb-meta span{display:inline-flex;align-items:center;gap:5px}
.mb-meta svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2}
.mb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.mb-card{display:flex;flex-direction:column;background:var(--papel);border-radius:18px;overflow:hidden;box-shadow:var(--sombra);transition:transform .25s,box-shadow .25s}
.mb-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(19,33,58,.14)}
.mb-card .img{aspect-ratio:3/2;background:#e9e5dd;overflow:hidden;position:relative}
.mb-card .img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}
.mb-card:hover .img img{transform:scale(1.05)}
.mb-card .img .chip{position:absolute;left:12px;top:12px;background:rgba(255,255,255,.94)}
.mb-card .txt{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1}
.mb-card h3{margin:0;font:700 1.08rem/1.3 Archivo,sans-serif}
.mb-card p{margin:0;color:var(--tinta-2);font-size:.93rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mb-card .mb-meta{margin-top:auto;padding-top:6px}
.mb-ad-fila{grid-column:1/-1}
.mb-pag{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:40px}
.mb-pag a,.mb-pag span{min-width:44px;height:44px;padding:0 14px;display:grid;place-items:center;border-radius:12px;background:var(--papel);box-shadow:var(--sombra);font:700 .95rem Archivo,sans-serif}
.mb-pag .current{background:var(--grad);color:#fff}
.mb-pag .dots{background:none;box-shadow:none}

/* Entrada */
.mb-entrada{padding:28px 0 56px}
.mb-migas{font-size:.84rem;color:var(--tinta-2);margin:0 0 18px}
.mb-migas a{font-weight:600}
.mb-migas a:hover{color:var(--acento)}
.mb-migas span[aria-hidden]{margin:0 6px;opacity:.5}
.mb-art{max-width:760px;margin:0 auto}
.mb-art-head h1{font:800 clamp(1.9rem,4.4vw,2.8rem)/1.12 Archivo,sans-serif;letter-spacing:-.02em;margin:14px 0 14px}
.mb-art-head .mb-meta{font-size:.9rem}
.mb-autor{display:flex;align-items:center;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid var(--linea)}
.mb-autor .av{width:40px;height:40px;border-radius:50%;background:var(--grad);display:grid;place-items:center;color:#fff;font:800 .95rem Archivo,sans-serif;flex:0 0 40px}
.mb-autor b{display:block;font:700 .92rem Archivo,sans-serif}
.mb-autor small{color:var(--tinta-2);font-size:.82rem}
.mb-portada{margin:26px 0 8px;border-radius:20px;overflow:hidden;background:#e9e5dd;aspect-ratio:16/9}
.mb-portada img{width:100%;height:100%;object-fit:cover;display:block}
.mb-indice{margin:24px 0;background:var(--papel);border-radius:16px;box-shadow:var(--sombra)}
.mb-indice summary{list-style:none;cursor:pointer;padding:16px 20px;font:700 .98rem Archivo,sans-serif;display:flex;justify-content:space-between;align-items:center}
.mb-indice summary::-webkit-details-marker{display:none}
.mb-indice summary::after{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s}
.mb-indice[open] summary::after{transform:rotate(-135deg)}
.mb-indice ol{margin:0;padding:0 20px 18px 40px;display:grid;gap:6px;font-size:.95rem}
.mb-indice a{font-weight:600;color:var(--tinta-2)}
.mb-indice a:hover{color:var(--acento)}

/* Contenido */
.mb-cont{font-size:1.06rem;line-height:1.75}
.mb-cont>*{max-width:100%}
.mb-cont h2{font:800 clamp(1.4rem,3vw,1.75rem)/1.25 Archivo,sans-serif;letter-spacing:-.01em;margin:2.2em 0 .6em;scroll-margin-top:110px}
.mb-cont h3{font:700 1.2rem/1.3 Archivo,sans-serif;margin:1.8em 0 .5em;scroll-margin-top:110px}
.mb-cont p{margin:0 0 1.15em}
.mb-cont a{font-weight:700;color:var(--acento-osc);border-bottom:2px solid rgba(181,34,110,.25);transition:border-color .2s}
.mb-cont a:hover{border-color:var(--acento)}
.mb-cont strong{font-weight:700}
.mb-cont ul,.mb-cont ol{margin:0 0 1.3em;padding-left:1.4em}
.mb-cont li{margin:.35em 0}
.mb-cont ul li::marker{color:var(--acento)}
.mb-cont img{border-radius:14px;height:auto}
.mb-cont figure{margin:1.6em 0}
.mb-cont figcaption{font-size:.85rem;color:var(--tinta-2);text-align:center;margin-top:8px}
.mb-cont blockquote{margin:1.6em 0;padding:18px 22px;border-left:5px solid var(--acento);background:var(--papel);border-radius:0 14px 14px 0;box-shadow:var(--sombra);font-size:1.02rem}
.mb-cont blockquote p:last-child{margin:0}
.mb-cont table{width:100%;border-collapse:collapse;margin:1.4em 0;font-size:.95rem;background:var(--papel);border-radius:14px;overflow:hidden;box-shadow:var(--sombra);display:table}
.mb-cont th,.mb-cont td{padding:12px 14px;border-bottom:1px solid var(--linea);text-align:left}
.mb-cont th{background:var(--fondo);font:700 .82rem Archivo,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--tinta-2)}
.mb-cont .mcd-ad{margin:2em 0}
.mb-dato{display:flex;gap:14px;align-items:flex-start;margin:1.6em 0;padding:18px 20px;border-radius:16px;background:#fff7e6;color:#5b3a00}
.mb-dato b{font-family:Archivo,sans-serif}

/* Caja final: herramienta */
.mb-cta{margin:40px 0 0;padding:26px;border-radius:20px;background:var(--tinta);color:#fff;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;position:relative;overflow:hidden}
.mb-cta::before{content:"";position:absolute;inset:auto -40px -60px auto;width:220px;height:220px;border-radius:50%;background:conic-gradient(#e9468f 0 25%,#0071c1 0 50%,#ad9b0c 0 75%,#f28e1c 0);opacity:.18}
.mb-cta b{display:block;font:800 1.25rem Archivo,sans-serif;position:relative}
.mb-cta p{margin:4px 0 0;color:#c9d2e3;position:relative}
.mb-cta a{position:relative;display:inline-flex;align-items:center;height:48px;padding:0 22px;border-radius:999px;background:var(--grad);color:#fff;font:700 .95rem Archivo,sans-serif;white-space:nowrap}
.mb-lineas{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 0}
.mb-lineas a{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--b);color:#fff;font:800 .82rem Archivo,sans-serif;transition:transform .2s}
.mb-lineas a:hover{transform:scale(1.12)}
.mb-lineas a.osc{color:var(--tinta)}
.mb-rel{margin-top:56px}
.mb-rel h2{font:800 1.5rem Archivo,sans-serif;margin:0 0 18px}

/* Barra de progreso de lectura */
.mb-progreso{position:fixed;left:0;top:0;height:3px;width:100%;background:var(--grad);transform-origin:0 50%;transform:scaleX(0);z-index:1001}

@media (max-width:900px){
  .mb-dest{grid-template-columns:1fr}
  .mb-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:600px){
  .mb-grid{grid-template-columns:1fr}
  .mb-cta{grid-template-columns:1fr}
  .mb-dest .txt{padding:20px}
  .mb .w{padding:0 16px}
}

/* v1.2 · Entrada: título + imagen a la derecha, índice en barra lateral */
.mb-art-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;margin:4px 0 36px}
.mb-art-hero h1{font:800 clamp(1.9rem,4vw,2.7rem)/1.12 Archivo,sans-serif;letter-spacing:-.02em;margin:14px 0 14px}
.mb-art-hero .entrada{color:var(--tinta-2);font-size:1.08rem;margin:0 0 16px;max-width:52ch}
.mb-art-hero .mb-portada{margin:0;aspect-ratio:4/3;border-radius:22px;box-shadow:0 18px 40px rgba(19,33,58,.16);transform:rotate(1.2deg)}
.mb-cuerpo{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:48px;align-items:start}
.mb-lado{position:sticky;top:110px;display:grid;gap:16px}
.mb-lado .mb-indice{margin:0}
.mb-lado .mb-indice ol{max-height:calc(100vh - 330px);overflow:auto}
.mb-indice a.activo{color:var(--acento)}
.mb-indice li{list-style:none;position:relative;padding-left:14px}
.mb-indice ol{padding-left:20px}
.mb-indice li::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--linea)}
.mb-indice li:has(a.activo)::before{background:var(--acento)}
.mb-mini-cta{background:var(--tinta);color:#fff;border-radius:16px;padding:18px}
.mb-mini-cta b{display:block;font:800 1rem Archivo,sans-serif}
.mb-mini-cta p{margin:4px 0 12px;color:#c9d2e3;font-size:.88rem;line-height:1.45}
.mb-mini-cta a{display:inline-flex;height:40px;align-items:center;padding:0 16px;border-radius:999px;background:var(--grad);color:#fff;font:700 .88rem Archivo,sans-serif}
.mb-indice-movil{display:none}
@media (max-width:980px){
  .mb-art-hero{grid-template-columns:1fr;gap:22px}
  .mb-art-hero .mb-portada{order:-1;transform:none;aspect-ratio:16/9}
  .mb-cuerpo{grid-template-columns:1fr}
  .mb-lado{display:none}
  .mb-indice-movil{display:block;margin:0 0 24px}
}
@media (max-width:600px){.mb-cont table{display:block;overflow-x:auto;white-space:nowrap}}

/* v1.2 · Banda de cabecera de la entrada */
.mb-banda{position:relative;overflow:hidden;background:radial-gradient(900px 420px at 90% -10%,rgba(181,34,110,.38),transparent 60%),var(--tinta);color:#fff;padding:26px 0 54px;margin-bottom:44px}
.mb-banda .mb-migas{color:#c9d2e3}
.mb-banda .mb-migas a:hover{color:#ffa98d}
.mb-banda .mb-art-hero{margin:8px 0 0}
.mb-banda h1{color:#fff}
.mb-banda .entrada{color:#c9d2e3}
.mb-banda .mb-meta{color:#c9d2e3}
.mb-banda .chip{background:rgba(255,255,255,.12);color:#ffa98d}
.mb-banda .mb-portada{transform:none;box-shadow:0 22px 50px rgba(0,0,0,.35);position:relative;overflow:visible;background:none}
.mb-banda .mb-portada::before{content:"";position:absolute;inset:16px -16px -16px 16px;border-radius:22px;background:linear-gradient(135deg,#ff7a59,#b5226e);z-index:0}
.mb-banda .mb-portada>*{position:relative;z-index:1;border-radius:22px;overflow:hidden;width:100%;height:100%;display:block}
.mb-banda .mb-portada img{border-radius:22px}
@media (max-width:980px){.mb-banda{padding-bottom:36px}.mb-banda .mb-portada::before{inset:10px -10px -10px 10px}}

/* Integración con GeneratePress */
body.mcd-blog{background:#f7f5f1}
body.mcd-blog .site.grid-container,body.mcd-blog .grid-container.container{max-width:none;padding:0}
body.mcd-blog .site-content{display:block;padding:0}
.mb .mcd-ad{max-width:100%;margin:8px 0;min-height:280px;text-align:center}
.mb .mcd-ad::before{content:"Publicidad";display:block;font:600 .68rem/1 Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#9a907f;margin-bottom:6px}
.mb .mcd-ad:has(ins[data-ad-status="unfilled"]){display:none}
@media (min-width:768px){.mb .mcd-ad{min-height:120px}}
.mb-vacio{background:var(--papel);border-radius:18px;padding:32px;text-align:center;box-shadow:var(--sombra)}
.mb-cont .wp-block-image,.mb-cont .wp-caption{max-width:100%}
.mb-cont iframe{max-width:100%}
.mb-art-hero.sin-img{grid-template-columns:1fr}.mb-art-hero.sin-img h1{max-width:24ch}

/* ===== Componentes de contenido para los artículos (v1.2.1) ===== */
/* Círculo de línea: <span class="mb-l l7">7</span> */
.mb-l{display:inline-grid;place-items:center;min-width:1.7em;height:1.7em;padding:0 .3em;border-radius:999px;background:var(--b,#1b1f4b);color:#fff;font:800 .8em/1 Archivo,sans-serif;vertical-align:.12em;margin:0 .1em}
.mb-l.l1{--b:#e9468f}.mb-l.l2{--b:#0071c1}.mb-l.l3{--b:#ad9b0c}.mb-l.l4{--b:#6fb8b0}.mb-l.l5{--b:#f5c400;color:#1b1f4b}.mb-l.l6{--b:#e20613}.mb-l.l7{--b:#f28e1c}.mb-l.l8{--b:#009b48}.mb-l.l9{--b:#6b3a1f}.mb-l.la{--b:#9e1a81}.mb-l.lb{--b:#4a8f5a}.mb-l.l12{--b:#c49a5b}.mb-l.ltl{--b:#2f8f83}
/* Respuesta rápida (pensada para el fragmento destacado de Google) */
.mb-resp{margin:0 0 1.6em;padding:22px 24px 20px;border-radius:18px;box-shadow:var(--sombra);background:linear-gradient(var(--papel),var(--papel)) padding-box,var(--grad) border-box;border:2px solid transparent}
.mb-resp .kicker{margin-bottom:8px}
.mb-resp p{margin:0;font-size:1.08rem}
.mb-resp p+p{margin-top:.7em}
/* Datos clave en rejilla */
.mb-datos{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:0 0 1.6em;padding:0;list-style:none}
.mb-cont ul.mb-datos{padding:0}
.mb-datos li{margin:0;background:var(--papel);border-radius:14px;padding:14px 16px;box-shadow:var(--sombra);font-size:.95rem;line-height:1.4}
.mb-datos li::marker{content:none}
.mb-datos b{display:block;font:700 .72rem/1.2 Archivo,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#b23a2c;margin-bottom:6px}
/* Ruta paso a paso: <ol class="mb-ruta"><li><span class="mb-l l2">2</span><div>…</div></li></ol> */
.mb-cont ol.mb-ruta{list-style:none;padding:0;margin:0 0 1.5em;display:grid;gap:0}
.mb-ruta li{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;margin:0;padding:0 0 18px;position:relative}
.mb-ruta li::before{content:"";position:absolute;left:calc(.85em + 1px);top:2em;bottom:2px;width:3px;border-radius:3px;background:var(--linea)}
.mb-ruta li:last-child{padding-bottom:0}.mb-ruta li:last-child::before{display:none}
.mb-ruta .mb-l{font-size:1rem;margin:0;position:relative;z-index:1}
.mb-ruta .mb-pie{--b:#1b1f4b;font-size:.85rem}
/* Tabla de rutas */
.mb-cont td .mb-l{font-size:.78rem}
.mb-cont td small{display:block;color:var(--tinta-2);font-size:.82rem;margin-top:2px}
/* Aviso o consejo */
.mb-aviso{margin:1.4em 0;padding:16px 20px;border-radius:14px;background:#fff6e8;border:1px solid #f3dfbd;font-size:.98rem}
.mb-aviso p{margin:0}
.mb-aviso b:first-child{color:#8a4b00}
/* Botón dentro del contenido */
.mb-cont a.mb-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:999px;background:var(--grad);color:#fff;border:0;font:700 .95rem Archivo,sans-serif}
.mb-cont a.mb-btn:hover{filter:brightness(1.08)}
/* Imagen con marco */
.mb-cont figure.mb-fig{margin:1.4em 0 1.8em}
.mb-cont figure.mb-fig img{display:block;width:100%;border-radius:18px;box-shadow:var(--sombra)}
/* Preguntas frecuentes */
.mb-cont .mb-faq h3{margin-top:1.3em}
@media (max-width:600px){.mb-resp{padding:18px}.mb-datos{grid-template-columns:1fr 1fr}}
.mb-cuerpo>*{min-width:0}
.mb-ruta .mb-pie{--b:#fff;color:inherit;border:2px solid var(--linea);font-size:.95rem}
@media (max-width:600px){.mb-cont table{display:table;white-space:normal;font-size:.9rem}.mb-cont th,.mb-cont td{padding:10px 10px}}

/* ===== Páginas de texto (legales, sobre la guía, contacto) · v1.3.1 ===== */
.mb-pagina .mb-banda{padding-bottom:44px}
.mb-pagina .mb-art-hero h1{max-width:20ch}
.mb-texto{max-width:760px;margin:48px auto 88px;background:var(--papel);border-radius:22px;box-shadow:var(--sombra);padding:44px 52px}
.mb-texto>:first-child{margin-top:0}
.mb-texto h2{font-size:clamp(1.25rem,2.6vw,1.5rem);margin-top:1.8em}
.mb-texto h2:first-child{margin-top:0}
.mb-texto table{box-shadow:none;border:1px solid var(--linea);font-size:.9rem}
@media (max-width:700px){.mb-texto{padding:26px 20px;margin:28px auto 56px;border-radius:18px}}
.mb-pagina .mb-banda .w{max-width:800px}
.mb-pagina .mb-banda .w>*{padding-left:52px;padding-right:52px}
.mb-pagina .mb-art-hero{padding-top:18px}
@media (max-width:700px){.mb-pagina .mb-banda .w>*{padding-left:20px;padding-right:20px}}