/* Metales · tarjetas alineadas (oro protagonista; plata y cobre debajo), noticias con chips y tarjeta privada de bancos centrales. Sin desbordes; sin animaciones infinitas ni backdrop-filter. */
/* Escala de espaciado de 8 px: 4 · 8 · 16 · 24. Sin animaciones infinitas ni backdrop-filter. */
#metales-pagina .mt-cuerpo > .mt2-grid, #metales-pagina .mt-cuerpo > .mt-ctx, #metales-pagina .mt-cuerpo > .mt-ctx-pie { grid-column: 1 / -1; }
.mt2-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; margin-bottom: 8px; min-width: 0; }
.mt2-fila { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 16px; align-items: stretch; min-width: 0; outline: none; }
@media (min-width: 1100px) { .mt2-fila { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.mt2-card { --mt-borde: var(--t-borde-suave, rgba(255,255,255,.14)); display: flex; flex-direction: column; gap: 8px; min-width: 0; padding: 16px; border: 1px solid var(--t-borde-suave, rgba(255,255,255,.08)); border-left: 3px solid var(--mt-borde); border-radius: 12px; background: var(--t-panel, #131314); transition: transform .15s ease, border-color .2s ease; }
.mt2-card.sube { --mt-borde: var(--good-text, #4fcf6b); } .mt2-card.baja { --mt-borde: var(--critical-text, #e0584f); }
.mt2-hero { padding: 24px; gap: 16px; }
.mt2-cab { display: flex; align-items: baseline; gap: 8px; min-width: 0; } .mt2-cab b { font-size: 16px; } .mt2-hero .mt2-cab b { font-size: 22px; }
.mt2-fila-p { display: flex; align-items: baseline; gap: 8px 16px; flex-wrap: wrap; }
.mt2-precio { font-size: 28px; font-weight: 600; letter-spacing: -.02em; line-height: 1.1; font-variant-numeric: tabular-nums; } .mt2-hero .mt2-precio { font-size: 44px; }
.mt2-dia { display: inline-flex; align-items: baseline; gap: 4px; padding: 4px 8px; border-radius: 999px; background: rgba(255,255,255,.06); font-size: 13px; white-space: nowrap; }
.mt2-dia.sube { background: rgba(52,191,160,.14); } .mt2-dia.baja { background: rgba(224,88,79,.14); } .mt2-dia small { color: var(--text-muted); font-size: 12px; }
.mt2-spark { width: 100%; height: 48px; display: block; } .mt2-hero .mt2-spark { height: 72px; } .mt2-spark.sube { color: var(--good-text, #4fcf6b); } .mt2-spark.baja { color: var(--critical-text, #e0584f); }
.mt2-spark-vacio { border-bottom: 1px dashed var(--t-borde-suave, rgba(255,255,255,.12)); }
.mt2-vars { display: flex; gap: 8px; flex-wrap: wrap; }
.mt2-vchip { display: inline-flex; align-items: baseline; gap: 4px; padding: 4px 8px; border-radius: 8px; background: rgba(255,255,255,.06); font-size: 12.5px; color: var(--text-secondary); }
.mt2-vchip small { font-size: 12px; color: var(--text-muted); } .mt2-vchip.sube { background: rgba(52,191,160,.14); color: var(--good-text, #4fcf6b); } .mt2-vchip.baja { background: rgba(224,88,79,.14); color: var(--critical-text, #e0584f); }
.mt2-cot-slot { min-height: 28px; display: flex; align-items: center; min-width: 0; }
.mt2-cot { display: inline-block; max-width: 100%; padding: 4px 8px; border: 1px solid var(--t-borde, rgba(255,255,255,.18)); border-radius: 999px; font-size: 12px; font-weight: 600; color: var(--text-secondary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mt2-cot-nd { border-color: transparent; color: var(--text-muted); font-weight: 400; padding-left: 0; }
.mt2-lectura { margin: 0; font-size: 13px; line-height: 1.5; color: var(--text-secondary); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 3em; overflow-wrap: anywhere; }
.mt2-hero .mt2-lectura { min-height: 0; -webkit-line-clamp: 3; font-size: 14px; }
.mt2-card > .mt2-lectura { flex: 1 1 auto; }
.mt2-det { margin-top: auto; border-top: 1px solid var(--t-borde-suave, rgba(255,255,255,.08)); }
.mt2-det > summary { display: flex; align-items: center; min-height: 44px; cursor: pointer; font-size: 13px; font-weight: 600; color: var(--t-naranja-2, #ff9a5c); list-style: none; -webkit-tap-highlight-color: transparent; }
.mt2-det > summary::-webkit-details-marker { display: none; } .mt2-det > summary::after { content: "▾"; margin-left: 8px; transition: transform .2s ease; } .mt2-det[open] > summary::after { transform: rotate(180deg); }
.mt2-lista { list-style: none; margin: 0; padding: 0 0 8px; display: grid; gap: 8px; }
.mt2-lista li { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 8px; align-items: start; }
.mt2-lista li > div { display: grid; gap: 4px; min-width: 0; } .mt2-lista b { font-size: 12.5px; display: inline-flex; align-items: center; gap: 4px; flex-wrap: wrap; } .mt2-lista span { font-size: 12.5px; line-height: 1.45; color: var(--text-secondary); overflow-wrap: anywhere; }
.mt2-ico { width: 20px; height: 20px; color: var(--t-naranja-2, #ff9a5c); margin-top: 2px; }
.mt2-lista .gl-q, .mt2-medidor .gl-q { position: relative; margin-left: 4px; } .mt2-lista .gl-q::after, .mt2-medidor .gl-q::after { content: ""; position: absolute; inset: -10px; }
.mt2-rango, .mt2-medidor { display: grid; gap: 8px; max-width: 560px; }
.mt2-rango-t { display: flex; justify-content: space-between; gap: 8px; font-size: 12px; color: var(--text-secondary); align-items: center; }
.mt2-rango-b, .mt2-med-b { position: relative; height: 8px; border-radius: 4px; background: rgba(255,255,255,.1); }
.mt2-med-b { background: linear-gradient(90deg, rgba(224,88,79,.55), rgba(255,255,255,.14) 50%, rgba(52,191,160,.55)); }
.mt2-rango-b i, .mt2-med-b i { position: absolute; top: -4px; width: 4px; height: 16px; margin-left: -2px; border-radius: 2px; background: var(--t-naranja, #ff7a2e); box-shadow: 0 0 0 2px var(--t-panel, #131314); }
.mt2-rango-n { display: flex; justify-content: space-between; gap: 8px; font-size: 12px; color: var(--text-muted); }
.mt2-card .gl-q { flex: none; }
/* Contexto propio: dos columnas en escritorio, una en móvil; la nota va al pie en una línea pequeña y completa */
.mt-ctx { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; min-width: 0; }
.mt-ctx-resto { grid-column: 1 / -1; } .mt-ctx-resto > .mt-ctx { margin-top: 8px; }
.mt-ctx-card { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 16px; align-items: start; padding: 16px; border: 1px solid var(--t-borde-suave, rgba(255,255,255,.08)); border-radius: 12px; background: var(--t-panel, #131314); min-width: 0; }
.mt-ctx-ico { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; background: rgba(255,122,46,.12); } .mt-ctx-ico .mt2-ico { margin: 0; width: 22px; height: 22px; }
.mt-ctx-cu { display: grid; gap: 8px; min-width: 0; } .mt-ctx-card h4 { margin: 0; font-size: 14.5px; line-height: 1.35; overflow-wrap: anywhere; }
.mt-ctx-p { margin: 0; font-size: 13px; line-height: 1.5; color: var(--text-secondary); overflow-wrap: anywhere; } .mt-ctx-p.clamp { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.mt-ctx-mas { justify-self: start; min-height: 44px; margin: -8px 0; padding: 0; border: 0; background: none; color: var(--t-naranja-2, #ff9a5c); font: inherit; font-size: 12.5px; font-weight: 600; cursor: pointer; }
.mt-ctx-pie { margin: 8px 0 0; font-size: 12px; line-height: 1.5; color: var(--text-muted); overflow-wrap: anywhere; }
@media (max-width: 760px) { .mt-ctx { grid-template-columns: minmax(0, 1fr); gap: 8px; } .mt-ctx-card { padding: 16px 8px 16px 16px; gap: 8px; grid-template-columns: 32px minmax(0, 1fr); } .mt-ctx-ico { width: 32px; height: 32px; } }
/* móvil: las fichas pequeñas van en un carrusel lateral con snap; el oro queda ancho arriba */
@media (max-width: 600px) {
  .mt2-grid { gap: 8px; } .mt2-hero { padding: 16px; } .mt2-hero .mt2-precio { font-size: 36px; }
  .mt2-fila { display: flex; gap: 8px; overflow-x: auto; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; padding-bottom: 8px; margin: 0 -8px; padding-inline: 8px; scroll-padding-inline: 8px; -webkit-overflow-scrolling: touch; }
  .mt2-fila > .mt2-card { flex: 0 0 min(78%, 280px); scroll-snap-align: start; }
}
/* pulsación y entrada: solo una vez, y nada si el usuario pidió menos movimiento */
@media (prefers-reduced-motion: no-preference) {
  html:not([data-efectos="off"]) .mt2-card.mt2-nuevo { animation: mt2-entra .35s ease both; animation-delay: calc(var(--i, 0) * 60ms); }
  html:not([data-efectos="off"]) .mt2-card:active { transform: scale(.985); }
  html:not([data-efectos="off"]) .mt2-traza { stroke-dasharray: 1; stroke-dashoffset: 1; animation: mt2-dibuja .9s ease-out .15s forwards; }
  html:not([data-efectos="off"]) .mt2-det[open] > .mt2-lista { animation: mt2-abre .22s ease both; }
}
.mt2-det > summary:active, .mt-ctx-mas:active { opacity: .7; }
@keyframes mt2-dibuja { to { stroke-dashoffset: 0; } }
@keyframes mt2-abre { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }
.mt2-noticia { padding: 8px 10px; border: 1px solid var(--t-borde-suave, rgba(255,255,255,.08)); border-radius: 10px; margin-bottom: 8px; min-width: 0; } .mt2-alto { border-color: color-mix(in srgb, var(--t-naranja, #ff7a2e) 45%, transparent); }
.mt2-n-cab { display: flex; gap: 8px; align-items: center; font-size: 12px; color: var(--text-muted); } .mt2-n-tit { margin: 3px 0 0; font-size: 13.5px; line-height: 1.4; overflow-wrap: anywhere; }
@keyframes mt2-entra { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }

/* =====================================================================================================================
   REDISEÑO DEL PANEL DEL ORO (29/10/2026). Rejilla de 12 columnas, mismo padding (16) y radio (12) en todas las tarjetas, escala de 8 px.
   Cada bloque con su forma: cabecera, medidor con aguja, barras centradas, bandas con marca, línea de tiempo, fichas. Lo animado se anima una vez;
   sin animaciones infinitas ni backdrop-filter. Colores: verde = suele subir / a favor, rojo = suele bajar / en contra (misma regla que el resto de la web).
   ===================================================================================================================== */
#metales-pagina .mt-cuerpo { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 16px; align-items: stretch; }
#metales-pagina .mt-cuerpo > * { grid-column: 1 / -1; min-width: 0; }
#metales-pagina #mt-noticias-cuerpo > .mt2-noticia { grid-column: span 6; margin: 0; }
@media (max-width: 760px) { #metales-pagina #mt-noticias-cuerpo > .mt2-noticia { grid-column: 1 / -1; } #metales-pagina .mt-cuerpo { gap: 8px; } }
.mt3-card { display: flex; flex-direction: column; gap: 8px; min-width: 0; padding: 16px; border: 1px solid var(--t-borde-suave, rgba(255,255,255,.08)); border-radius: 12px; background: var(--t-panel, #131314); }
.mt3-hero-caja { margin: 0 0 16px; } .mt3-hero-caja[hidden] { display: none; }
.mt3-sub { margin: 0; font-size: 13.5px; font-weight: 600; color: var(--text-secondary); display: flex; align-items: center; gap: 4px; flex-wrap: wrap; }
.mt3-tit { margin: 0; font-size: 18px; line-height: 1.35; font-weight: 600; overflow-wrap: anywhere; }
.mt3-apoyo, .mt3-pequeno { margin: 0; font-size: 12.5px; line-height: 1.5; color: var(--text-secondary); overflow-wrap: anywhere; }
.mt3-p { margin: 0 0 8px; font-size: 12.5px; line-height: 1.5; color: var(--text-secondary); overflow-wrap: anywhere; }
.mt3-grande { font-size: 32px; font-weight: 600; letter-spacing: -.02em; line-height: 1.1; font-variant-numeric: tabular-nums; }
.mt3-lis { list-style: none; margin: 0; padding: 0 0 8px; display: grid; gap: 8px; font-size: 12.5px; line-height: 1.5; color: var(--text-secondary); } .mt3-lis b { color: var(--text-primary, inherit); }
.mt3-det { border-top: 1px solid var(--t-borde-suave, rgba(255,255,255,.08)); margin-top: auto; }

/* 1 · cabecera del oro */
.mt3-hero { --mt-borde: var(--t-borde-suave, rgba(255,255,255,.14)); gap: 16px; padding: 24px; border-left: 3px solid var(--mt-borde); }
.mt3-hero.sube { --mt-borde: var(--good-text, #4fcf6b); } .mt3-hero.baja { --mt-borde: var(--critical-text, #e0584f); }
.mt3-hero-cab { display: flex; align-items: center; justify-content: space-between; gap: 8px 16px; flex-wrap: wrap; }
.mt3-hero-id { display: flex; align-items: baseline; gap: 8px; } .mt3-hero-id b { font-size: 22px; }
.mt3-dir { display: inline-flex; align-items: center; gap: 4px; padding: 4px 12px; border-radius: 999px; font-size: 12.5px; font-weight: 600; background: rgba(255,255,255,.07); color: var(--text-secondary); }
.mt3-dir-alcista { background: rgba(52,191,160,.16); color: var(--good-text, #4fcf6b); } .mt3-dir-bajista { background: rgba(224,88,79,.16); color: var(--critical-text, #e0584f); }
.mt3-hero-precio { display: flex; align-items: baseline; gap: 8px 24px; flex-wrap: wrap; }
.mt3-hero-n { font-size: 56px; font-weight: 600; letter-spacing: -.03em; line-height: 1.05; font-variant-numeric: tabular-nums; }
.mt3-spark { height: 96px !important; }
.mt2-rango { max-width: none !important; }

/* 2 · medidor de la tesis */
.mt3-medidor { display: grid; gap: 8px; padding: 8px 0; }
.mt3-med-pista { position: relative; height: 12px; border-radius: 6px; background: linear-gradient(90deg, rgba(224,88,79,.6), rgba(255,255,255,.14) 50%, rgba(52,191,160,.6)); }
.mt3-med-centro { position: absolute; left: 50%; top: -4px; bottom: -4px; width: 2px; margin-left: -1px; background: rgba(255,255,255,.55); }
.mt3-aguja { position: absolute; top: -8px; width: 4px; height: 28px; margin-left: -2px; border-radius: 2px; background: var(--t-naranja, #ff7a2e); box-shadow: 0 0 0 2px var(--t-panel, #131314); }
.mt3-aguja b { position: absolute; bottom: 36px; left: 50%; transform: translateX(-50%); padding: 2px 8px; border-radius: 8px; background: var(--t-naranja, #ff7a2e); color: var(--t-sobre-marca, #1a0f08); font-size: 12px; white-space: nowrap; }
.mt3-medidor { padding: 32px 0 0; }
.mt3-med-eti { display: flex; justify-content: space-between; gap: 8px; font-size: 12px; color: var(--text-muted); } .mt3-med-eq.on { color: var(--text-secondary); font-weight: 700; }

/* 3 · fuerzas: barra centrada (verde a la derecha = a favor, rojo a la izquierda = en contra) */
.mt3-f-ley { display: flex; justify-content: space-between; gap: 8px; padding: 0 4px 4px; font-size: 12px; color: var(--text-muted); } .mt3-f-ley span:first-child { display: none; }
.mt3-f-lista { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.mt3-f { border: 1px solid var(--t-borde-suave, rgba(255,255,255,.08)); border-radius: 12px; background: var(--t-panel, #131314); overflow: hidden; }
.mt3-f-b { display: grid; grid-template-columns: 32px minmax(0, 1fr) minmax(120px, 36%) 24px; align-items: center; gap: 8px 16px; width: 100%; min-height: 56px; padding: 8px 16px; border: 0; background: none; color: inherit; font: inherit; text-align: left; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.mt3-f-b:active { background: rgba(255,255,255,.04); }
.mt3-f-ico { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 8px; background: rgba(255,122,46,.12); } .mt3-f-ico .mt2-ico { margin: 0; width: 18px; height: 18px; }
.mt3-f-txt { display: grid; gap: 4px; min-width: 0; } .mt3-f-txt b { font-size: 13.5px; overflow-wrap: anywhere; } .mt3-f-txt small { font-size: 12px; color: var(--text-secondary); overflow-wrap: anywhere; }
.mt3-f-barra { position: relative; height: 12px; border-radius: 6px; background: rgba(255,255,255,.07); }
.mt3-f-barra::after { content: ""; position: absolute; left: 50%; top: -3px; bottom: -3px; width: 1px; background: rgba(255,255,255,.4); }
.mt3-f-relleno { position: absolute; top: 0; bottom: 0; width: var(--w, 0%); border-radius: 6px; }
.mt3-f-pos .mt3-f-relleno { left: 50%; background: var(--good-text, #4fcf6b); transform-origin: left; border-top-left-radius: 0; border-bottom-left-radius: 0; }
.mt3-f-neg .mt3-f-relleno { right: 50%; background: var(--critical-text, #e0584f); transform-origin: right; border-top-right-radius: 0; border-bottom-right-radius: 0; }
.mt3-f-cero .mt3-f-relleno { display: none; }
.mt3-f-chev { width: 8px; height: 8px; border-right: 2px solid var(--text-muted); border-bottom: 2px solid var(--text-muted); transform: rotate(45deg); transition: transform .2s ease; justify-self: end; margin-right: 4px; }
.mt3-f.abierta .mt3-f-chev { transform: rotate(225deg); }
.mt3-f-x { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .22s ease; } .mt3-f.abierta .mt3-f-x { grid-template-rows: 1fr; }
.mt3-f-x > div { overflow: hidden; } .mt3-f-x p { margin: 0; padding: 0 16px 16px 64px; font-size: 12.5px; line-height: 1.5; color: var(--text-secondary); overflow-wrap: anywhere; }

/* 4 · bandas con marca (COT y ratios) */
.mt3-g { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 16px; align-items: stretch; }
.mt3-g > .mt3-card { grid-column: span 6; } .mt3-g.n3 > .mt3-card:first-child { grid-column: span 6; } .mt3-g.n3 > .mt3-card:not(:first-child) { grid-column: span 3; } .mt3-g.n1 > .mt3-card { grid-column: 1 / -1; }
.mt3-cot-top { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; }
.mt3-banda { position: relative; display: flex; height: 12px; border-radius: 6px; background: rgba(255,255,255,.1); margin: 8px 0 0; }
.mt3-zona { display: block; height: 100%; } .mt3-zona-a { background: rgba(255,255,255,.22); border-radius: 6px 0 0 6px; } .mt3-zona-b { margin-left: auto; background: rgba(255,255,255,.22); border-radius: 0 6px 6px 0; }
.mt3-zona-hab { position: absolute; top: 0; bottom: 0; background: rgba(255,255,255,.18); border-radius: 3px; }
.mt3-marca { position: absolute; top: -4px; width: 4px; height: 20px; margin-left: -2px; border-radius: 2px; background: var(--t-naranja, #ff7a2e); box-shadow: 0 0 0 2px var(--t-panel, #131314); }

/* 6 · línea de tiempo */
.mt3-tl { list-style: none; margin: 0; padding: 0 0 0 16px; position: relative; display: grid; gap: 16px; }
.mt3-tl::before { content: ""; position: absolute; left: 4px; top: 8px; bottom: 8px; width: 2px; background: var(--t-borde, rgba(255,255,255,.14)); }
.mt3-tl-i { position: relative; display: block; }
.mt3-tl-pt { position: absolute; left: -16px; top: 6px; width: 10px; height: 10px; border-radius: 50%; background: var(--t-panel, #131314); border: 2px solid var(--text-muted); box-sizing: border-box; }
.mt3-tl-i.alto .mt3-tl-pt { background: var(--t-naranja, #ff7a2e); border-color: var(--t-naranja, #ff7a2e); }
.mt3-tl-c { display: grid; gap: 4px; min-width: 0; font-size: 13px; } .mt3-tl-c time { color: var(--text-secondary); font-size: 12.5px; } .mt3-tl-c b { font-size: 14px; overflow-wrap: anywhere; } .mt3-tl-c p { margin: 0; font-size: 12.5px; line-height: 1.5; color: var(--text-secondary); overflow-wrap: anywhere; }

/* 5 · contexto propio y 8 · fichas: mismas medidas */
.mt-ctx-card { align-items: start; }
.mt-ctx-cu > .afecta-a { margin: 0; }
.mt2-fila { grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr)); }
@media (min-width: 900px) { .mt2-fila { grid-template-columns: repeat(var(--n, 4), minmax(0, 1fr)); } }
.mt2-det > summary { min-height: 44px; }

/* móvil: una columna, medidas y barras que se adaptan, toques de 44 px */
@media (max-width: 760px) {
  .mt3-g, .mt3-g.n3 { grid-template-columns: minmax(0, 1fr); gap: 8px; } .mt3-g > .mt3-card, .mt3-g.n3 > .mt3-card:not(:first-child), .mt3-g.n3 > .mt3-card:first-child { grid-column: 1 / -1; }
  .mt3-hero { padding: 16px; } .mt3-hero-n { font-size: 44px; } .mt3-spark { height: 72px !important; }
  .mt3-tit { font-size: 16px; }
  .mt3-f-b { grid-template-columns: 32px minmax(0, 1fr) 24px; padding: 8px 16px 16px; } .mt3-f-ico { grid-area: ico; } .mt3-f-txt { grid-area: txt; } .mt3-f-chev { grid-area: chev; }
  .mt3-f-x p { padding: 0 16px 16px 16px; }
}

/* animaciones de entrada: UNA vez (solo en lo recién pintado) y nada si el usuario pidió menos movimiento */
@media (prefers-reduced-motion: no-preference) {
  html:not([data-efectos="off"]) .mt3-nuevo { animation: mt2-entra .35s ease both; }
  html:not([data-efectos="off"]) .mt3-nuevo .mt3-aguja { animation: mt3-aguja .8s cubic-bezier(.2,.8,.2,1) .15s both; }
  html:not([data-efectos="off"]) .mt3-nuevo .mt3-marca { animation: mt3-aguja .8s cubic-bezier(.2,.8,.2,1) .15s both; }
  html:not([data-efectos="off"]) .mt3-nuevo .mt3-f-relleno { animation: mt3-barra .7s cubic-bezier(.2,.8,.2,1) both; }
  html:not([data-efectos="off"]) .mt3-nuevo .mt3-f:nth-child(n) { animation: mt2-entra .35s ease both; animation-delay: calc(var(--i, 0) * 50ms); }
  html:not([data-efectos="off"]) .mt3-hero.mt3-nuevo .mt2-spark path { stroke-dasharray: 1; stroke-dashoffset: 1; animation: mt2-dibuja .9s ease-out .15s forwards; }
  html:not([data-efectos="off"]) .mt3-card:active, html:not([data-efectos="off"]) .mt-ctx-card:active { transform: scale(.992); }
}
@keyframes mt3-aguja { from { left: 50%; } }
@keyframes mt3-barra { from { transform: scaleX(0); } }

/* corrección 29/10/2026: cada fuerza muestra nivel + cambio, etiqueta de por qué cuenta, fecha del dato y un detalle con contenido */
.mt3-f-ley { align-items: center; } .mt3-f-ley span:first-child { display: block; } .mt3-f-ley-q { display: inline-flex; }
.mt3-f-der { display: grid; gap: 8px; min-width: 0; }
.mt3-f-eti { font-size: 12px; font-weight: 700; letter-spacing: .02em; color: var(--text-muted); }
.mt3-f-pos .mt3-f-eti { color: var(--good-text, #4fcf6b); } .mt3-f-neg .mt3-f-eti { color: var(--critical-text, #e0584f); }
.mt3-f-der .mt3-f-barra { grid-area: auto; }
.mt3-f-txt small.mt3-f-act { font-size: 12px; color: var(--text-muted); }
.mt3-f-dl { display: grid; gap: 4px; margin: 0; padding: 0 16px 16px 64px; font-size: 12.5px; line-height: 1.5; }
.mt3-f-dl dt { font-weight: 700; color: var(--text-primary, inherit); margin-top: 8px; } .mt3-f-dl dt:first-child { margin-top: 0; } .mt3-f-dl dd { margin: 0; color: var(--text-secondary); overflow-wrap: anywhere; }
.mt3-f-x p { padding: 0; }
@media (max-width: 760px) {
  .mt3-f-b { grid-template-areas: "ico txt chev" "der der der"; } .mt3-f-der { grid-area: der; }
  .mt3-f-dl { padding: 0 16px 16px 16px; }
}

.mt3-signo { margin: 4px 0 0; font-size: 13px; color: var(--text-secondary); } .mt3-cot-fecha { margin-top: 4px; color: var(--text-muted); }

/* La tarjeta COT del oro usa la misma escala tipográfica que la vista COT (variables --cot-t-* de cot_score.css) */
#metales-pagina [data-mt-k="cot"] .mt3-sub { font-size: var(--cot-t-titulo, 16px); }
#metales-pagina [data-mt-k="cot"] .mt3-grande { font-size: var(--cot-t-cifra, 28px); white-space: nowrap; }
#metales-pagina [data-mt-k="cot"] .mt2-cot { font-size: var(--cot-t-etq, 12px); }
#metales-pagina [data-mt-k="cot"] .mt3-signo { font-size: var(--cot-t-apoyo, 13.5px); }
#metales-pagina [data-mt-k="cot"] .mt3-pequeno, #metales-pagina [data-mt-k="cot"] .cs-que p, #metales-pagina .mt3-que p { font-size: var(--cot-t-apoyo, 13.5px) !important; line-height: 1.5; }