/* «¿Qué tele comprar?» — Morpheokill. Usa las variables de mk-2026.css con valores de reserva. */
.mkt {
  --t-bg: var(--mk-bg, #0b0d10); --t-panel: var(--mk-panel, #151920); --t-panel2: var(--mk-panel-2, #1c2129);
  --t-linea: var(--mk-line, #272d36); --t-texto: var(--mk-text, #e8ebef); --t-suave: var(--mk-muted, #9aa3ae);
  --t-naranja: var(--mk-orange, #ff6e29); --t-naranja2: var(--mk-orange-2, #ff8a4f); --t-ok: #3ccf8e; --t-no: #ff6b6b;
  --t-radio: 18px; --t-titulo: var(--mk-display, 'Bebas Neue', Impact, sans-serif);
  display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; color: var(--t-texto);
  font-family: var(--mk-sans, 'Inter', system-ui, sans-serif); font-size: 16px; line-height: 1.5;
}
@media (min-width: 960px) { .mkt { grid-template-columns: 360px minmax(0, 1fr); gap: 28px; align-items: start; } }
.mkt *, .mkt *::before, .mkt *::after { box-sizing: border-box; }

/* Opciones */
.mkt-opciones { background: var(--t-panel); border: 1px solid var(--t-linea); border-radius: var(--t-radio); padding: 18px; display: grid; gap: 14px; }
@media (min-width: 960px) { .mkt-opciones { position: sticky; top: 90px; } }
.mkt fieldset { border: 0; margin: 0; padding: 0; min-width: 0; }
.mkt legend { font-weight: 700; font-size: 14px; letter-spacing: .02em; margin-bottom: 8px; color: var(--t-texto); }
.mkt legend small { color: var(--t-suave); font-weight: 400; }
.mkt-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.mkt-chip { position: relative; cursor: pointer; }
.mkt-chip input { position: absolute; opacity: 0; inset: 0; margin: 0; cursor: pointer; }
.mkt-chip span { display: inline-block; padding: 8px 13px; border-radius: 999px; border: 1px solid var(--t-linea); background: var(--t-panel2);
  font-size: 14px; transition: border-color .15s, background .15s, color .15s; }
.mkt-chip:hover span { border-color: var(--t-suave); }
.mkt-chip input:checked + span { border-color: var(--t-naranja); background: rgba(255,110,41,.14); color: #fff; }
.mkt-chip input:focus-visible + span { outline: 2px solid var(--t-naranja); outline-offset: 2px; }
.mkt-rango { display: flex; align-items: center; gap: 12px; }
.mkt-rango input { flex: 1; accent-color: var(--t-naranja); height: 28px; }
.mkt-rango output { font-family: var(--t-titulo); font-size: 28px; color: var(--t-naranja2); min-width: 72px; text-align: right; }

/* Resultado */
.mkt-resultado { min-width: 0; display: grid; gap: 16px; }
.mkt-titulo { font-family: var(--t-titulo); font-weight: 400; font-size: clamp(30px, 5vw, 46px); line-height: 1; margin: 0; letter-spacing: .01em; color: #fff; }
.mkt-titulo em { font-style: normal; color: var(--t-naranja); }
.mkt-sub { margin: -6px 0 0; color: var(--t-suave); }
.mkt-vista { margin: 0; }
.mkt-vista svg { width: 100%; height: auto; display: block; border-radius: var(--t-radio); border: 1px solid var(--t-linea); }
.mkt-vista .mkt-tele { transition: all .35s ease; }
.mkt-vista figcaption { color: var(--t-suave); font-size: 13px; margin-top: 6px; }
.mkt details { background: var(--t-panel); border: 1px solid var(--t-linea); border-radius: 14px; padding: 12px 16px; }
.mkt summary { cursor: pointer; font-weight: 700; }
.mkt summary:focus-visible { outline: 2px solid var(--t-naranja); outline-offset: 3px; }
.mkt-porque svg { width: 100%; height: auto; margin-top: 12px; border-radius: 10px; }
.mkt-porque p { color: var(--t-suave); font-size: 14px; margin: 10px 0 0; }
.mkt-aviso { margin: 0; padding: 12px 16px; border-radius: 12px; background: rgba(255,107,107,.1); border: 1px solid rgba(255,107,107,.4); }

.mkt-ganadora { position: relative; overflow: hidden; border-radius: var(--t-radio); padding: 22px;
  background: radial-gradient(120% 120% at 100% 0, rgba(255,110,41,.22), transparent 55%), var(--t-panel); border: 1px solid var(--t-naranja);
  box-shadow: var(--mk-shadow, 0 18px 40px -18px rgba(0,0,0,.65)); }
.mkt-ganadora__cab { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; align-items: center; }
.mkt-etiqueta { font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--t-naranja2); }
.mkt-encaje { font-size: 13px; font-weight: 700; padding: 4px 10px; border-radius: 999px; background: rgba(60,207,142,.14); color: var(--t-ok); }
.mkt-ganadora h3 { font-family: var(--t-titulo); font-weight: 400; font-size: clamp(28px, 4vw, 38px); line-height: 1.05; margin: 10px 0 4px; color: #fff; }
.mkt-meta { color: var(--t-suave); font-size: 14px; margin: 0; }
.mkt-meta a { color: var(--t-suave); }
.mkt-casillas { list-style: none; padding: 0; margin: 14px 0 16px; display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 6px 14px; }
.mkt-c { font-size: 14px; }
.mkt-c span[aria-hidden] { display: inline-block; width: 18px; font-weight: 700; }
.mkt-c--si span[aria-hidden] { color: var(--t-ok); }
.mkt-c--no { color: var(--t-suave); } .mkt-c--no span[aria-hidden] { color: var(--t-no); }
.mkt-c--sinDato { color: var(--t-suave); }
.mkt-botones { display: flex; flex-wrap: wrap; gap: 10px; }
.mkt-btn { display: inline-flex; align-items: center; justify-content: center; padding: 11px 18px; border-radius: 999px; font-weight: 700; font-size: 15px;
  text-decoration: none; background: var(--t-naranja); color: #fff; border: 1px solid var(--t-naranja); transition: transform .12s, background .15s; }
.mkt-btn:hover { background: var(--t-naranja2); transform: translateY(-1px); color: #fff; }
.mkt-btn--sec { background: transparent; color: var(--t-texto); border-color: var(--t-suave); }
.mkt-btn--sec:hover { background: var(--t-panel2); color: #fff; }
.mkt-btn:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }

.mkt-alts { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 14px; }
.mkt-alts:empty { display: none; }
.mkt-alt { background: var(--t-panel); border: 1px solid var(--t-linea); border-radius: 14px; padding: 16px; display: grid; gap: 6px; align-content: start; }
.mkt-alt__tit { font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--t-suave); }
.mkt-alt h4 { margin: 0; font-size: 18px; color: #fff; }
.mkt-alt .mkt-btn { padding: 8px 14px; font-size: 14px; }

.mkt-tabla__scroll { overflow-x: auto; margin-top: 10px; }
.mkt-tabla table { width: 100%; border-collapse: collapse; font-size: 14px; min-width: 460px; }
.mkt-tabla th, .mkt-tabla td { padding: 8px 10px; border-bottom: 1px solid var(--t-linea); text-align: left; vertical-align: top; }
.mkt-tabla thead th { color: #fff; }
.mkt-tabla tbody th { color: var(--t-suave); font-weight: 400; }
.mkt-pie { color: var(--t-suave); font-size: 13px; margin: 0; }
.mkt-copiar { font: inherit; font-weight: 700; padding: 9px 16px; border-radius: 999px; border: 1px solid var(--t-linea); background: var(--t-panel2); color: var(--t-texto); cursor: pointer; }
.mkt-copiar:hover { border-color: var(--t-naranja); }
.mkt-compartir { font: inherit; font-weight: 700; padding: 9px 16px; border-radius: 999px; border: 1px solid var(--t-naranja); background: var(--t-naranja); color: #111; cursor: pointer; }
.mkt-compartir:hover { background: var(--t-naranja2); }
.mkt-sin-imagen .mkt-compartir { display: none; }
.mkt-acciones { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.mkt-copiado { color: var(--t-ok); font-size: 14px; word-break: break-all; }
.mkt-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
@media (prefers-reduced-motion: reduce) { .mkt * { transition: none !important; } }

/* Cabecera y texto de la página (los pone el mu-plugin de WordPress) */
.mkt-pagina { max-width: 1240px; margin: 0 auto; padding-inline: clamp(16px, 4vw, 32px); padding-block: 8px 24px; }
.mkt-cabecera { margin: 8px 0 24px; max-width: 760px; }
.mkt-h1 { font-family: var(--mk-display, 'Bebas Neue', Impact, sans-serif); font-weight: 400; font-size: clamp(40px, 7vw, 72px); line-height: .95; margin: 0 0 10px; letter-spacing: .01em; text-wrap: balance; }
.mkt-h1 em { font-style: normal; color: var(--mk-orange, #ff6e29); }
.mkt-entradilla { margin: 0; font-size: 18px; color: var(--mk-muted, #9aa3ae); }
.mkt-texto { max-width: 760px; margin: 48px auto 0; }
.mkt-texto h2 { margin-top: 40px; }