@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&family=JetBrains+Mono:wght@400;500;700&display=swap');

/* Brand kit JuanJo Christiansen -- cara CLARA (material para leer/aprender).
   Verde oscuro #0A4A38 estructural, verde principal #67FCC6 como acento
   puntual, Roboto de base y JetBrains Mono reservada para datos/números
   (permitida por el brand kit para datos técnicos). */

:root {
  --verde-oscuro: #0A4A38;
  --verde-oscuro-hover: #083b2c;
  --verde-principal: #67FCC6;
  --verde-claro: #99FDD9;
  --fondo-suave: #EBF9F5;
  --borde: #CCCCCC;
  --borde-suave: #E4EDEA;
  --texto: #1A1A1A;
  --texto-tenue: #5b6b67;
  --blanco: #FFFFFF;
  --ambar-bg: #FFF4E0;
  --ambar-texto: #8A5A00;
  --rojo-bg: #FDEAEA;
  --rojo-texto: #A32020;
  --radio: 12px;
  --sombra: 0 1px 2px rgba(10, 74, 56, 0.05), 0 6px 24px rgba(10, 74, 56, 0.06);
  --sombra-alta: 0 2px 4px rgba(10, 74, 56, 0.06), 0 12px 36px rgba(10, 74, 56, 0.10);
  --mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  background: var(--blanco);
  color: var(--texto);
  font-family: 'Roboto', system-ui, -apple-system, sans-serif;
  font-weight: 400;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}

a { color: var(--verde-oscuro); }

/* ---------- Topbar ---------- */

.topbar { border-bottom: 1px solid var(--borde-suave); position: sticky; top: 0; background: rgba(255,255,255,0.92); backdrop-filter: blur(8px); z-index: 50; }
.topbar-inner {
  max-width: 1140px;
  margin: 0 auto;
  padding: 18px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.brand { font-weight: 900; font-size: 17px; letter-spacing: -0.015em; color: var(--verde-oscuro); }
.topnav { display: flex; gap: 6px; }
.navlink {
  font-family: inherit;
  border: none;
  background: none;
  cursor: pointer;
  color: var(--texto-tenue);
  font-size: 14px;
  font-weight: 500;
  padding: 8px 14px;
  border-radius: 999px;
  transition: background .15s ease, color .15s ease;
}
.navlink.active, .navlink:hover { background: var(--fondo-suave); color: var(--verde-oscuro); }

/* ---------- Layout ---------- */

.container { max-width: 1140px; margin: 0 auto; padding: 40px 24px 100px; }
.view.hidden { display: none; }
.hidden { display: none !important; }

h1 { font-size: 32px; font-weight: 900; margin: 0 0 8px; letter-spacing: -0.02em; line-height: 1.15; }
h2 { font-size: 20px; font-weight: 700; margin: 36px 0 14px; letter-spacing: -0.01em; }
h3 { font-size: 15px; font-weight: 700; margin: 0 0 10px; }
.subtitle { color: var(--texto-tenue); font-size: 15.5px; margin: 0 0 30px; max-width: 680px; }
.eyebrow {
  font-size: 11.5px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase;
  color: var(--verde-oscuro); margin: 0 0 10px;
}

/* ---------- Form ---------- */

.field { display: block; margin-bottom: 20px; }
.field > span { display: block; font-weight: 500; font-size: 14px; margin-bottom: 6px; }
fieldset.field { border: none; padding: 0; margin: 0 0 20px; }
fieldset.field legend { font-weight: 500; font-size: 14px; margin-bottom: 8px; padding: 0; }

input[type=text], input[type=number], textarea {
  width: 100%;
  font-family: inherit;
  font-size: 15px;
  padding: 12px 14px;
  border: 1px solid var(--borde);
  border-radius: 9px;
  background: var(--blanco);
  color: var(--texto);
  transition: border-color .15s ease, box-shadow .15s ease;
}
input[type=text]:focus, input[type=number]:focus, textarea:focus {
  outline: none;
  border-color: var(--verde-oscuro);
  box-shadow: 0 0 0 3px rgba(10, 74, 56, 0.10);
}

.file-drop {
  display: flex; align-items: center; justify-content: center;
  border: 1.5px dashed var(--borde);
  border-radius: 9px;
  padding: 16px;
  margin-bottom: 10px;
  cursor: pointer;
  font-size: 13.5px;
  color: var(--texto-tenue);
  text-align: center;
  transition: all .15s ease;
}
.file-drop:hover { border-color: var(--verde-oscuro); color: var(--verde-oscuro); background: var(--fondo-suave); }
.file-drop input[type=file] { display: none; }
.file-list { list-style: none; margin: 0 0 10px; padding: 0; }
.file-list li {
  display: flex; align-items: center; justify-content: space-between;
  font-size: 13px; padding: 7px 11px;
  background: var(--fondo-suave); border-radius: 7px; margin-bottom: 6px;
}
.file-list button {
  background: none; border: none; color: var(--rojo-texto);
  font-size: 12px; font-weight: 700; padding: 0 4px; cursor: pointer;
}

.checkbox-row { display: flex; flex-wrap: wrap; gap: 10px; }
.checkbox {
  display: flex; align-items: center; gap: 8px;
  border: 1px solid var(--borde);
  border-radius: 999px;
  padding: 9px 16px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  user-select: none;
  transition: all .15s ease;
}
.checkbox:has(input:checked) {
  border-color: var(--verde-oscuro);
  background: var(--fondo-suave);
  color: var(--verde-oscuro);
}
.checkbox input { accent-color: var(--verde-oscuro); }

details.advanced { margin: 4px 0 24px; border: 1px solid var(--borde-suave); border-radius: 10px; padding: 4px 16px; background: #FCFDFD; }
details.advanced summary {
  cursor: pointer;
  font-weight: 500;
  font-size: 14px;
  color: var(--verde-oscuro);
  padding: 12px 0;
  list-style: none;
}
details.advanced summary::-webkit-details-marker { display: none; }
details.advanced summary::before { content: '+ '; }
details.advanced[open] summary::before { content: '– '; }
details.advanced .field:first-of-type { margin-top: 4px; }
details.advanced > *:last-child { margin-bottom: 16px; }

.hint { color: var(--texto-tenue); font-size: 13px; margin: -8px 0 16px; }

button, .btn-primary, .btn-secondary {
  font-family: inherit;
  font-size: 15px;
  font-weight: 700;
  border: none;
  border-radius: 999px;
  padding: 13px 28px;
  cursor: pointer;
  transition: background .15s ease, transform .1s ease;
}
.btn-primary { background: var(--verde-oscuro); color: var(--blanco); }
.btn-primary:hover { background: var(--verde-oscuro-hover); }
.btn-primary:active { transform: translateY(1px); }
.btn-primary:disabled { opacity: 0.5; cursor: not-allowed; }
.btn-secondary { background: var(--blanco); color: var(--verde-oscuro); border: 1px solid var(--verde-oscuro) !important; }
.btn-secondary:hover { background: var(--fondo-suave); }
.btn-ghost {
  background: none; color: var(--texto-tenue); border: none;
  font-size: 14px; font-weight: 500; padding: 10px 4px;
}
.btn-ghost:hover { color: var(--verde-oscuro); }

.error {
  background: var(--rojo-bg); color: var(--rojo-texto);
  border-radius: 9px; padding: 14px 16px; font-size: 14px; margin-top: 16px;
}

/* ---------- Paso 0.1: desambiguación ---------- */

.refine-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(268px, 1fr)); gap: 16px; margin-bottom: 12px; }
.refine-card {
  text-align: left;
  display: flex; flex-direction: column; gap: 8px;
  background: var(--blanco);
  border: 1px solid var(--borde);
  border-radius: var(--radio);
  padding: 20px;
  cursor: pointer;
  font-family: inherit; font-weight: 400; font-size: 14px;
  transition: all .16s ease;
}
.refine-card:hover {
  border-color: var(--verde-oscuro);
  box-shadow: var(--sombra-alta);
  transform: translateY(-2px);
}
.refine-card .rc-nombre { font-weight: 700; font-size: 15.5px; color: var(--verde-oscuro); line-height: 1.3; }
.refine-card .rc-desc { color: var(--texto); }
.refine-card .rc-meta { font-size: 12.5px; color: var(--texto-tenue); margin-top: 2px; }
.refine-card .rc-meta b { color: var(--texto); font-weight: 500; }
.refine-card.general { background: var(--fondo-suave); border-style: dashed; }
.refine-footer { margin-top: 8px; }

/* ---------- Progreso ---------- */

.progress-grid { display: flex; flex-direction: column; gap: 14px; margin-bottom: 28px; }
.platform-bar { border: 1px solid var(--borde-suave); border-radius: 10px; padding: 15px 17px; background: #FCFDFD; }
.platform-bar .head { display: flex; justify-content: space-between; align-items: baseline; font-size: 14px; margin-bottom: 9px; gap: 12px; }
.platform-bar .head b { text-transform: capitalize; }
.platform-bar .head .count { color: var(--texto-tenue); font-size: 12.5px; font-family: var(--mono); }
.bar-track { height: 7px; background: #E9F1EE; border-radius: 999px; overflow: hidden; }
.bar-fill { height: 100%; background: linear-gradient(90deg, var(--verde-oscuro), #147054); border-radius: 999px; transition: width 0.4s ease; }

.progress-log { border: 1px solid var(--borde-suave); border-radius: 10px; padding: 18px; }
.progress-log h3 { margin-bottom: 12px; }
#progress-log-list { list-style: none; margin: 0; padding: 0; max-height: 340px; overflow-y: auto; }
#progress-log-list li {
  display: flex; gap: 10px; align-items: baseline;
  padding: 8px 4px;
  border-bottom: 1px solid #F0F5F3;
  font-size: 13.5px;
}
#progress-log-list li:last-child { border-bottom: none; }
#progress-log-list .platform {
  font-weight: 700; text-transform: uppercase; font-size: 10px; letter-spacing: .06em;
  color: var(--verde-oscuro); min-width: 68px; flex-shrink: 0;
}
#progress-log-list .msg { color: var(--texto); flex: 1; }
#progress-log-list .time { color: var(--texto-tenue); font-size: 11px; flex-shrink: 0; font-family: var(--mono); }

/* ---------- Cabecera del reporte ---------- */

.report-head {
  border-bottom: 2px solid var(--verde-oscuro);
  padding-bottom: 22px;
  margin-bottom: 26px;
}
.report-head .rh-top { display: flex; justify-content: space-between; align-items: flex-start; gap: 24px; flex-wrap: wrap; }
.report-head h1 { margin-bottom: 10px; }
.report-meta { display: flex; flex-wrap: wrap; gap: 8px 14px; font-size: 12.5px; color: var(--texto-tenue); }
.report-meta .mono { font-family: var(--mono); }
.enfoque-chip {
  display: inline-flex; align-items: center; gap: 8px;
  background: var(--fondo-suave); border-left: 3px solid var(--verde-principal);
  padding: 9px 14px; border-radius: 0 8px 8px 0;
  font-size: 13.5px; margin-top: 12px; max-width: 720px;
}
.enfoque-chip b { color: var(--verde-oscuro); }

.results-actions { display: flex; gap: 8px; flex-shrink: 0; flex-wrap: wrap; }
.results-actions .btn-secondary { padding: 9px 16px; font-size: 13px; }
.results-actions .btn-pdf { background: var(--verde-oscuro); color: var(--blanco); border-color: var(--verde-oscuro) !important; }
.results-actions .btn-pdf:hover { background: var(--verde-oscuro-hover); }

/* ---------- Stat tiles ---------- */

.stat-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 14px; margin-bottom: 30px; }
.stat-tile {
  border: 1px solid var(--borde-suave);
  border-radius: var(--radio);
  padding: 18px 18px 16px;
  background: linear-gradient(160deg, #FFFFFF 0%, var(--fondo-suave) 100%);
  position: relative;
  overflow: hidden;
}
.stat-tile .st-num {
  font-family: var(--mono); font-weight: 700; font-size: 30px; line-height: 1;
  color: var(--verde-oscuro); letter-spacing: -0.02em;
}
.stat-tile .st-label { font-size: 12.5px; color: var(--texto-tenue); margin-top: 7px; line-height: 1.35; }
.stat-tile .st-sub { font-size: 11.5px; color: var(--texto-tenue); opacity: .8; margin-top: 3px; font-family: var(--mono); }

/* ---------- Navegación de secciones ---------- */

.section-nav {
  position: sticky; top: 61px; z-index: 40;
  display: flex; gap: 4px; overflow-x: auto;
  background: rgba(255,255,255,0.94); backdrop-filter: blur(8px);
  border-bottom: 1px solid var(--borde-suave);
  padding: 10px 0; margin-bottom: 8px;
  scrollbar-width: none;
}
.section-nav::-webkit-scrollbar { display: none; }
.section-nav a {
  font-size: 12.5px; font-weight: 500; color: var(--texto-tenue);
  text-decoration: none; padding: 6px 12px; border-radius: 999px;
  white-space: nowrap; transition: all .15s ease;
}
.section-nav a:hover { background: var(--fondo-suave); color: var(--verde-oscuro); }

/* ---------- Secciones ---------- */

.report-section { scroll-margin-top: 120px; margin-bottom: 44px; }
.section-head { display: flex; align-items: baseline; gap: 12px; margin: 0 0 16px; flex-wrap: wrap; }
.section-head .sh-num {
  font-family: var(--mono); font-size: 12px; font-weight: 700;
  color: var(--verde-principal); background: var(--verde-oscuro);
  padding: 3px 8px; border-radius: 5px; flex-shrink: 0;
}
.section-head h2 { margin: 0; font-size: 21px; }
.section-head .sh-count { font-family: var(--mono); font-size: 13px; color: var(--texto-tenue); }
.section-note { font-size: 12.5px; color: var(--texto-tenue); margin: -6px 0 16px; }

/* ---------- Hero / resumen ---------- */

.hero-card {
  background: var(--verde-oscuro);
  color: #EAFFF8;
  border-radius: var(--radio);
  padding: 30px 34px;
  margin-bottom: 30px;
  position: relative;
  overflow: hidden;
}
.hero-card::after {
  content: '';
  position: absolute; right: -60px; top: -60px;
  width: 240px; height: 240px; border-radius: 50%;
  background: radial-gradient(circle, rgba(103,252,198,0.18) 0%, transparent 70%);
}
.hero-card .hc-label {
  font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase;
  color: var(--verde-principal); margin-bottom: 12px;
}
.hero-card .prose { font-size: 16.5px; line-height: 1.65; color: #EAFFF8; position: relative; }
.hero-card .prose strong { color: var(--verde-principal); }
.hero-card .prose ol li::before { background: rgba(103,252,198,0.16); color: var(--verde-principal); }

/* ---------- Cards genéricas ---------- */

.card { background: var(--blanco); border: 1px solid var(--borde-suave); border-radius: var(--radio); box-shadow: var(--sombra); padding: 24px; margin-bottom: 20px; }
.card.soft { background: var(--fondo-suave); border-color: transparent; box-shadow: none; }

.grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
@media (max-width: 820px) { .grid-2 { grid-template-columns: 1fr; } }

/* ---------- Temáticas ---------- */

.tema-card {
  position: relative;
  border: 1px solid var(--borde-suave);
  border-left: 4px solid var(--verde-oscuro);
  border-radius: 0 var(--radio) var(--radio) 0;
  padding: 20px 24px 20px 22px;
  margin-bottom: 14px;
  background: var(--blanco);
  overflow: hidden;
  transition: box-shadow .16s ease;
}
.tema-card:hover { box-shadow: var(--sombra); }
.tema-card.debil { border-left-color: var(--borde); }
.tema-card .ghost {
  position: absolute; right: 16px; top: 2px;
  font-family: var(--mono); font-size: 62px; font-weight: 700;
  color: var(--verde-oscuro); opacity: .06; line-height: 1; pointer-events: none;
}
.tema-card .tc-head { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 8px; }
.tema-card .nombre { font-weight: 700; font-size: 16px; letter-spacing: -0.01em; }
.tema-card .desc { margin: 0 0 10px; max-width: 76ch; }
.tema-card .meta { font-size: 12.5px; color: var(--texto-tenue); margin: 4px 0 0; max-width: 82ch; }
.tema-card .meta b { color: var(--texto); font-weight: 500; }
.tema-card .refs { font-family: var(--mono); font-size: 11.5px; }

/* ---------- Outliers ---------- */

.outlier-toolbar { display: flex; justify-content: flex-end; gap: 8px; margin-bottom: 14px; }
.toggle-btn {
  font-size: 12.5px; font-weight: 500; padding: 7px 14px;
  border-radius: 999px; border: 1px solid var(--borde) !important;
  background: var(--blanco); color: var(--texto-tenue);
}
.toggle-btn.active { background: var(--verde-oscuro); color: var(--blanco); border-color: var(--verde-oscuro) !important; }

.outlier-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 16px; }
.outlier-card {
  position: relative;
  border: 1px solid var(--borde-suave);
  border-radius: var(--radio);
  padding: 18px 20px;
  background: var(--blanco);
  overflow: hidden;
  transition: box-shadow .16s ease, transform .16s ease;
}
.outlier-card:hover { box-shadow: var(--sombra-alta); transform: translateY(-2px); }
.outlier-card.fuera { background: #FBFBFB; border-style: dashed; opacity: .82; }
.outlier-card .ghost {
  position: absolute; right: 12px; bottom: -14px;
  font-family: var(--mono); font-size: 66px; font-weight: 700;
  color: var(--verde-oscuro); opacity: .05; line-height: 1; pointer-events: none;
}
.oc-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 12px; }
.oc-owner { font-weight: 700; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.oc-platform {
  font-size: 10px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase;
  color: var(--verde-oscuro); background: var(--fondo-suave);
  padding: 4px 9px; border-radius: 5px; flex-shrink: 0;
}
.oc-metric {
  font-family: var(--mono); font-size: 13px; color: var(--verde-oscuro);
  background: var(--fondo-suave); border-radius: 7px; padding: 8px 11px;
  margin-bottom: 12px; line-height: 1.4; position: relative;
}
.oc-tema { font-size: 14px; margin-bottom: 10px; line-height: 1.45; position: relative; }
.oc-tema .lbl { color: var(--texto-tenue); font-size: 12px; display: block; margin-bottom: 2px; }
.oc-quote {
  border-left: 2px solid var(--verde-principal);
  padding: 4px 0 4px 11px; margin: 0 0 12px;
  font-style: italic; font-size: 13.5px; color: #33443F; line-height: 1.5;
  position: relative;
}
.oc-badges { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; position: relative; }
.oc-link { font-size: 12.5px; font-weight: 500; text-decoration: none; margin-left: auto; }
.oc-link:hover { text-decoration: underline; }

/* ---------- Badges ---------- */

.badge {
  display: inline-flex; align-items: center; gap: 5px;
  font-size: 11px; font-weight: 700; letter-spacing: .01em;
  padding: 3px 10px;
  border-radius: 999px;
  white-space: nowrap;
}
.badge[title] { cursor: help; }
.badge.progreso { background: var(--ambar-bg); color: var(--ambar-texto); }
.badge.exito { background: var(--fondo-suave); color: var(--verde-oscuro); }
.badge.error { background: var(--rojo-bg); color: var(--rojo-texto); }
.badge.neutro { background: #F2F4F3; color: var(--texto-tenue); }
.badge.confirmado { background: var(--verde-oscuro); color: var(--verde-principal); }
.badge.senal-debil { background: var(--blanco); color: var(--texto-tenue); border: 1px solid var(--borde); }
.badge.venta { background: #FFF0E3; color: #8A4A00; }
.badge.viralidad { background: #E3F2FF; color: #0A4A7A; }
.badge.mixto { background: #F0E9FF; color: #4A2A8A; }
.badge.fuera { background: var(--rojo-bg); color: var(--rojo-texto); }
.badge.dudoso { background: var(--ambar-bg); color: var(--ambar-texto); }

/* ---------- Tablas ---------- */

table { width: 100%; border-collapse: collapse; font-size: 13.5px; }
th, td { text-align: left; padding: 10px 11px; border-bottom: 1px solid var(--borde-suave); vertical-align: top; }
th { font-size: 10.5px; text-transform: uppercase; letter-spacing: .05em; color: var(--texto-tenue); font-weight: 700; background: var(--fondo-suave); }
tbody tr:hover td { background: #FAFDFC; }
.table-scroll { overflow-x: auto; border: 1px solid var(--borde-suave); border-radius: 10px; margin-bottom: 8px; }
.table-scroll table { border: none; }
td .mono { font-family: var(--mono); font-size: 12.5px; }

/* ---------- Citas y prosa ---------- */

.quote-block {
  border-left: 3px solid var(--verde-principal);
  background: var(--fondo-suave);
  padding: 18px 22px;
  border-radius: 0 10px 10px 0;
  margin: 10px 0;
}
.quote-block .prose { font-size: 15px; }

.prose { line-height: 1.68; max-width: 84ch; }
.prose p { margin: 0 0 12px; }
.prose p:last-child { margin-bottom: 0; }
.prose strong { font-weight: 700; color: var(--verde-oscuro); }
.prose ol, .prose ul { margin: 10px 0 12px; padding-left: 0; list-style: none; }
.prose ol li, .prose ul li {
  position: relative; padding-left: 30px; margin-bottom: 10px;
}
.prose ol { counter-reset: prose-counter; }
.prose ol li::before {
  counter-increment: prose-counter; content: counter(prose-counter);
  position: absolute; left: 0; top: 1px;
  font-family: var(--mono); font-size: 11px; font-weight: 700;
  color: var(--verde-oscuro); background: var(--fondo-suave);
  width: 21px; height: 21px; border-radius: 5px;
  display: flex; align-items: center; justify-content: center;
}
.prose ul li::before {
  content: ''; position: absolute; left: 7px; top: 10px;
  width: 6px; height: 6px; border-radius: 50%; background: var(--verde-principal);
  box-shadow: 0 0 0 1.5px var(--verde-oscuro);
}

ul.clean { margin: 6px 0; padding-left: 20px; }
ul.clean li { margin-bottom: 4px; }

/* ---------- Banco de preguntas ---------- */

.q-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 10px; }
.q-card {
  display: flex; gap: 10px; align-items: flex-start;
  background: var(--fondo-suave);
  border-radius: 9px; padding: 12px 14px;
  font-size: 13.5px; line-height: 1.45;
}
.q-card .q-num { font-family: var(--mono); font-size: 11px; font-weight: 700; color: var(--verde-oscuro); opacity: .55; flex-shrink: 0; padding-top: 2px; }

/* ---------- Términos más buscados ---------- */

.term-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 12px; }
.term-card {
  display: flex; gap: 12px; align-items: flex-start;
  border: 1px solid var(--borde-suave); border-radius: 10px;
  padding: 14px 16px; background: var(--blanco);
  transition: box-shadow .16s ease;
}
.term-card:hover { box-shadow: var(--sombra); }
.term-num { font-family: var(--mono); font-size: 11px; font-weight: 700; color: var(--verde-oscuro); opacity: .45; padding-top: 3px; flex-shrink: 0; }
.term-name { font-weight: 700; font-size: 15px; color: var(--verde-oscuro); line-height: 1.3; margin-bottom: 4px; }
.term-why { margin: 0 0 5px; font-size: 13.5px; line-height: 1.45; }
.term-src { margin: 0; font-size: 12px; color: var(--texto-tenue); line-height: 1.4; }

.trend-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 8px; }
.trend-row {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  background: var(--fondo-suave); border-radius: 8px; padding: 10px 14px; font-size: 13.5px;
}
.trend-tema { font-weight: 500; }

/* ---------- Fuentes ---------- */

.src-list { list-style: none; margin: 0; padding: 0; columns: 2; column-gap: 24px; }
@media (max-width: 820px) { .src-list { columns: 1; } }
.src-list li { font-size: 12.5px; margin-bottom: 7px; break-inside: avoid; }
.src-list a { color: var(--texto-tenue); text-decoration: none; word-break: break-all; }
.src-list a:hover { color: var(--verde-oscuro); text-decoration: underline; }

/* ---------- Glosario ---------- */

details.glosario { border: 1px solid var(--borde-suave); border-radius: var(--radio); padding: 0 22px; background: #FCFDFD; margin-bottom: 26px; scroll-margin-top: 120px; }
.glos-hint { font-weight: 400; font-size: 13px; color: var(--texto-tenue); }
details.glosario summary {
  cursor: pointer; list-style: none;
  font-weight: 700; font-size: 16px; color: var(--verde-oscuro);
  padding: 18px 0;
}
details.glosario summary::-webkit-details-marker { display: none; }
details.glosario summary::after { content: ' +'; font-family: var(--mono); }
details.glosario[open] summary::after { content: ' –'; }
.glos-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 18px 28px; padding-bottom: 24px; margin: 0; }
.glos-item dt { font-weight: 700; font-size: 14px; color: var(--verde-oscuro); margin-bottom: 4px; }
.glos-item dd { margin: 0; font-size: 13.5px; color: var(--texto); line-height: 1.55; }

/* ---------- Historial ---------- */

.history-list { display: flex; flex-direction: column; gap: 10px; }
.history-row {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  width: 100%;
  padding: 15px 18px; border: 1px solid var(--borde-suave); border-radius: 10px;
  text-decoration: none; color: var(--texto); background: var(--blanco);
  cursor: pointer;
  font-family: inherit;
  font-size: 15px;
  text-align: left;
  transition: all .15s ease;
}
.history-row:hover { border-color: var(--verde-oscuro); background: var(--fondo-suave); }
.history-left { display: flex; flex-direction: column; gap: 3px; }
.history-row .niche { font-weight: 700; font-size: 14.5px; }
.history-row .date { color: var(--texto-tenue); font-size: 12.5px; font-family: var(--mono); }
.empty-state { text-align: center; padding: 60px 20px; color: var(--texto-tenue); }

/* ---------- Footer ---------- */

.footer { text-align: center; color: var(--texto-tenue); font-size: 12.5px; padding: 40px 0 24px; }

/* ---------- Impresión ---------- */

@media print {
  .topbar, .section-nav, .results-actions, .outlier-toolbar { display: none !important; }
  .outlier-card, .tema-card, .card { break-inside: avoid; }
}