:root {
  --bg: #eef2f7;
  --panel: #ffffff;
  --text: #101828;
  --muted: #667085;
  --line: #d0d5dd;
  --dark: #0f172a;
  --soft: #f8fafc;
  --ok: #067647;
  --warn: #b54708;
  --danger: #b42318;
  --info: #175cd3;
  --shadow: 0 10px 30px rgba(15,23,42,.08);
}
* { box-sizing: border-box; }
body { margin: 0; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: var(--bg); color: var(--text); }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
.app-shell { width: min(1500px, 96vw); margin: 24px auto 48px; }
.topbar { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:26px 30px; border-radius:20px; background:var(--dark); color:white; box-shadow:var(--shadow); }
.topbar h1 { margin:4px 0 0; font-size:clamp(28px,4vw,52px); letter-spacing:.02em; }
.topbar p { margin:6px 0 0; color:#cbd5e1; font-weight:700; letter-spacing:.15em; font-size:13px; }
.eyebrow, .card-label { font-size:12px; letter-spacing:.14em; font-weight:800; color:#98a2b3; }
.system-pill { padding:12px 18px; border-radius:999px; background:#162033; border:1px solid #344054; font-weight:800; white-space:nowrap; }

.topbar-right { display:flex; flex-direction:column; align-items:flex-end; gap:10px; }
.contact-info { font-size:14px; font-weight:750; color:#e2e8f0; text-align:right; }
.contact-info strong { color:#ffffff; }
.contact-info a { color:#ffffff; font-weight:900; text-decoration:none; white-space:nowrap; }
.contact-info a:hover { text-decoration:underline; }
.tabs { display:flex; gap:10px; flex-wrap:wrap; margin:18px 0; }
.tab { border:0; padding:12px 18px; border-radius:12px; background:#fff; color:#344054; font-weight:800; box-shadow:0 2px 9px rgba(15,23,42,.05); }
.tab.active { background:var(--dark); color:white; }
.view { display:none; }
.view.active { display:block; }
.hero-grid { display:grid; grid-template-columns:1.4fr 1fr; gap:18px; }
.card, .metric { background:var(--panel); border:1px solid #e4e7ec; border-radius:18px; box-shadow:var(--shadow); }
.card { padding:24px; margin-bottom:18px; }
.profile-card h2 { margin:10px 0 2px; font-size:34px; }
.profile-card p { margin:0; color:var(--muted); }
.badge-row { display:flex; flex-wrap:wrap; gap:8px; margin-top:18px; }
.badge { padding:7px 10px; border-radius:999px; background:#f2f4f7; border:1px solid #e4e7ec; font-size:11px; font-weight:800; }
.badge.green { background:#ecfdf3; color:var(--ok); border-color:#abefc6; }
.status-card { display:flex; flex-direction:column; justify-content:center; align-items:flex-start; }
.big-status { font-size:42px; line-height:1; font-weight:900; margin:10px 0 18px; }
.primary, .secondary { border-radius:11px; padding:11px 16px; font-weight:850; }
.primary { background:var(--dark); color:white; border:1px solid var(--dark); }
.secondary { background:white; color:#344054; border:1px solid var(--line); }
.muted { color:var(--muted); line-height:1.55; }
.metric-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin:18px 0; }
.metric { padding:20px; }
.metric span { display:block; font-size:11px; font-weight:850; letter-spacing:.12em; color:#667085; }
.metric strong { display:block; margin-top:8px; font-size:36px; }
.section-head { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:18px; }
.section-head h3, .card h3 { margin:5px 0 0; font-size:24px; }
.activity-list { display:grid; gap:12px; }
.empty { padding:26px; text-align:center; background:var(--soft); border:1px dashed var(--line); border-radius:14px; color:var(--muted); }
.activity { display:grid; grid-template-columns:130px 1fr auto; gap:16px; align-items:start; padding:16px; border:1px solid #e4e7ec; border-radius:14px; background:#fff; }
.activity-date { font-weight:900; }
.activity-title { font-weight:850; margin-bottom:6px; }
.activity-meta { color:var(--muted); font-size:13px; line-height:1.5; }
.status { font-size:11px; font-weight:900; letter-spacing:.08em; border-radius:999px; padding:7px 9px; white-space:nowrap; }
.status.CONFIRMED { background:#ecfdf3; color:var(--ok); }
.status.ANNOUNCED { background:#fffaeb; color:var(--warn); }
.status.MEDIAFOUND { background:#eff8ff; color:var(--info); }
.status.UNVERIFIED { background:#eff8ff; color:var(--info); }
.timeline { display:grid; gap:14px; }
.timeline-item { position:relative; border-left:4px solid var(--dark); padding:3px 0 3px 18px; }
.timeline-item h4 { margin:0 0 6px; font-size:19px; }
.timeline-item p { margin:3px 0; color:var(--muted); }
.timeline-item a { color:#175cd3; text-decoration:none; font-weight:800; }
.source-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:18px; }
.source-card { border:1px solid #e4e7ec; border-radius:14px; padding:18px; background:#fff; }
.source-card strong { display:block; font-size:17px; margin-bottom:6px; }
.source-state { margin-top:12px; font-size:11px; font-weight:900; color:var(--warn); }
.form-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; margin-top:18px; }
.form-grid label { display:grid; gap:7px; font-size:12px; font-weight:850; color:#475467; }
.form-grid input, .form-grid select, .form-grid textarea, #statusFilter { width:100%; border:1px solid var(--line); border-radius:10px; background:#fff; padding:11px 12px; color:var(--text); }
.span-2 { grid-column:span 2; }
.form-actions { display:flex; gap:10px; flex-wrap:wrap; }
.form-message { margin-top:16px; font-weight:800; }
.compliance { border-left:6px solid var(--ok); }
@media (max-width: 900px) {
  .hero-grid, .metric-grid, .source-grid, .form-grid { grid-template-columns:1fr 1fr; }
  .hero-grid > *, .span-2 { grid-column:span 2; }
  .topbar { align-items:flex-start; flex-direction:column; }
  .topbar-right { width:100%; align-items:flex-start; }
  .contact-info { text-align:left; }
  .activity { grid-template-columns:1fr; }
}
@media (max-width: 620px) {
  .app-shell { width:94vw; margin-top:10px; }
  .topbar { padding:20px; border-radius:16px; }
  .hero-grid, .metric-grid, .source-grid, .form-grid { grid-template-columns:1fr; }
  .hero-grid > *, .span-2 { grid-column:span 1; }
  .section-head { align-items:flex-start; flex-direction:column; }
}

/* V2 · PPI Audience Engine */
.metric-grid { grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); }
.audience-metrics { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-bottom:18px; }
.metric .metric-text { font-size:22px; line-height:1.1; overflow-wrap:anywhere; }
.audience-grid { display:grid; grid-template-columns:1.45fr 1fr; gap:18px; }
.preference-box { border:1px solid var(--line); border-radius:12px; padding:14px; display:flex; flex-wrap:wrap; gap:16px; }
.preference-box legend { padding:0 6px; font-size:12px; font-weight:850; color:#475467; }
.check, .consent-row { display:flex !important; grid-template-columns:auto 1fr !important; align-items:flex-start; gap:9px !important; font-weight:700 !important; line-height:1.45; }
.check input, .consent-row input { width:auto !important; margin-top:2px; }
.link-builder { display:grid; gap:12px; margin-top:18px; }
.link-builder label { display:grid; gap:7px; font-size:12px; font-weight:850; color:#475467; }
.link-builder input, .link-builder select, .link-builder textarea { width:100%; border:1px solid var(--line); border-radius:10px; background:#fff; padding:11px 12px; color:var(--text); }
.link-builder textarea { resize:vertical; }
.source-breakdown { display:grid; gap:13px; margin-top:18px; }
.source-row { display:grid; grid-template-columns:145px 1fr 44px; gap:10px; align-items:center; }
.source-row strong, .source-row span { display:block; }
.source-row span { color:var(--muted); font-size:11px; margin-top:2px; }
.source-row b { text-align:right; font-size:12px; }
.source-bar { height:10px; border-radius:999px; overflow:hidden; background:#eef2f6; }
.source-bar i { display:block; height:100%; border-radius:999px; background:var(--dark); }
.registration-list { display:grid; gap:10px; margin-top:18px; }
.registration-item { padding:13px 14px; border:1px solid #e4e7ec; border-radius:12px; }
.registration-item strong, .registration-item span { display:block; }
.registration-item span, .registration-meta { color:var(--muted); font-size:12px; margin-top:3px; }
.registration-meta { margin-top:7px; }
@media (max-width: 1000px) {
  .audience-metrics { grid-template-columns:1fr 1fr; }
  .audience-grid { grid-template-columns:1fr; }
}
@media (max-width: 620px) {
  .audience-metrics { grid-template-columns:1fr; }
  .source-row { grid-template-columns:1fr; }
  .source-row b { text-align:left; }
}

/* V3 · PPI Public Watch Live / GDELT */
.watch-actions { display:flex; gap:10px; flex-wrap:wrap; }
.mini-status { margin-top:12px; font-size:11px; font-weight:850; color:#667085; letter-spacing:.06em; }
.watch-metrics { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-bottom:18px; }
.watch-controls { display:grid; grid-template-columns:2fr 1fr 1fr; gap:12px; margin:12px 0 16px; }
.watch-controls label { display:grid; gap:7px; font-size:12px; font-weight:850; color:#475467; }
.watch-controls input, .watch-controls select { width:100%; border:1px solid var(--line); border-radius:10px; background:#fff; padding:11px 12px; color:var(--text); }
.connection-banner { border:1px solid #d0d5dd; border-radius:12px; padding:12px 14px; font-size:12px; font-weight:900; letter-spacing:.04em; background:#f8fafc; color:#475467; }
.connection-banner.checking { background:#fffaeb; border-color:#fedf89; color:#b54708; }
.connection-banner.connected { background:#ecfdf3; border-color:#abefc6; color:#067647; }
.connection-banner.error { background:#fef3f2; border-color:#fecdca; color:#b42318; }
.watch-results { display:grid; gap:12px; }
.watch-result { border:1px solid #e4e7ec; border-radius:14px; padding:16px; background:white; }
.watch-result-top { display:flex; justify-content:space-between; gap:14px; align-items:flex-start; }
.watch-result h4 { margin:4px 0 0; font-size:17px; line-height:1.35; }
.watch-source { font-size:11px; font-weight:900; letter-spacing:.08em; color:#667085; text-transform:uppercase; }
.watch-result-meta { color:#667085; font-size:12px; margin-top:8px; }
.watch-result-actions { display:flex; gap:8px; flex-wrap:wrap; margin-top:13px; }
.link-button { display:inline-block; text-decoration:none; }
.ingest-badge { border-radius:999px; padding:6px 9px; background:#f2f4f7; color:#475467; font-size:10px; font-weight:900; white-space:nowrap; }
.ingest-badge.yes { background:#ecfdf3; color:#067647; }
.source-state.connected { color:#067647; }
@media (max-width: 900px) {
  .watch-metrics { grid-template-columns:1fr 1fr; }
  .watch-controls { grid-template-columns:1fr 1fr; }
  .watch-controls label:first-child { grid-column:span 2; }
}
@media (max-width: 620px) {
  .watch-metrics, .watch-controls { grid-template-columns:1fr; }
  .watch-controls label:first-child { grid-column:span 1; }
  .watch-result-top { flex-direction:column; }
}


/* V6 · MOTOR 24/7 HOSTINGER */
.watch-metrics { grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); }
.server-card { border-left:6px solid var(--info); }
.server-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:14px 0; }
.server-stat { border:1px solid #e4e7ec; border-radius:12px; background:#f8fafc; padding:14px; }
.server-stat span { display:block; color:#667085; font-size:10px; font-weight:900; letter-spacing:.08em; margin-bottom:6px; }
.server-stat strong { display:block; font-size:15px; overflow-wrap:anywhere; }
@media (max-width:900px) { .server-grid { grid-template-columns:1fr 1fr; } }
@media (max-width:620px) { .server-grid { grid-template-columns:1fr; } }

/* V7 · SEGUIMIENTO DIARIO */
.daily-metrics { display:grid; grid-template-columns:repeat(auto-fit,minmax(165px,1fr)); gap:14px; margin-bottom:18px; }
.daily-card { border-left:6px solid var(--dark); }
.daily-nav { display:flex; gap:8px; flex-wrap:wrap; }
.daily-controls { display:grid; grid-template-columns:1fr 1fr 1fr; gap:12px; margin:14px 0; }
.daily-controls label { display:grid; gap:7px; font-size:12px; font-weight:850; color:#475467; }
.daily-controls input { width:100%; border:1px solid var(--line); border-radius:10px; background:#fff; padding:11px 12px; color:var(--text); }
.daily-status { border:1px solid #e4e7ec; border-radius:12px; background:#f8fafc; padding:12px 14px; }
.daily-status span { display:block; color:#667085; font-size:10px; font-weight:900; letter-spacing:.08em; margin-bottom:6px; }
.daily-status strong { display:block; font-size:14px; }
.daily-summary { margin:0 0 14px; }
.daily-summary > div { border:1px solid #d0d5dd; border-radius:14px; padding:14px 16px; background:#f8fafc; }
.daily-summary strong, .daily-summary span { display:block; }
.daily-summary strong { font-size:15px; margin-bottom:7px; }
.daily-summary span { color:#667085; font-size:12px; margin-top:4px; }
.daily-history { min-height:180px; display:grid; grid-template-columns:repeat(14,minmax(42px,1fr)); gap:8px; align-items:end; padding:18px 4px 4px; overflow-x:auto; }
.daily-history-day { min-width:42px; height:150px; border:1px solid #e4e7ec; border-radius:10px; background:#fff; display:flex; flex-direction:column; justify-content:flex-end; align-items:stretch; padding:6px; cursor:pointer; }
.daily-history-day:hover, .daily-history-day.active { border-color:#98a2b3; background:#f8fafc; }
.daily-history-day i { display:block; min-height:3px; background:var(--dark); border-radius:6px 6px 2px 2px; }
.daily-history-day b { font-size:9px; color:#667085; margin-top:5px; text-transform:uppercase; text-align:center; }
.daily-history-count { font-size:11px; font-weight:900; color:#344054; text-align:center; margin-bottom:4px; }
@media (max-width:900px) { .daily-controls { grid-template-columns:1fr 1fr; } .daily-controls label { grid-column:span 2; } }
@media (max-width:620px) { .daily-controls { grid-template-columns:1fr; } .daily-controls label { grid-column:span 1; } .daily-nav { width:100%; } .daily-nav button { flex:1 1 auto; } }


/* V8 · NOVEDADES RECIENTES */
.novedades-card { border-left:6px solid var(--ok); }
.novedades-actions { display:flex; gap:8px; flex-wrap:wrap; }
.novedades-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:14px 0; }
.novedad-stat { border:1px solid #e4e7ec; border-radius:14px; padding:14px; background:#fff; }
.novedad-stat span { display:block; color:#667085; font-size:10px; font-weight:900; letter-spacing:.08em; }
.novedad-stat strong { display:block; margin:6px 0 2px; font-size:28px; line-height:1.05; }
.novedad-stat .novedad-last { font-size:15px; overflow-wrap:anywhere; }
.novedad-stat small { display:block; color:#667085; font-size:11px; }
.novedades-banner { margin:0 0 14px; border:1px solid #d0d5dd; border-radius:12px; padding:12px 14px; font-size:12px; font-weight:900; letter-spacing:.035em; background:#f8fafc; color:#475467; }
.novedades-banner.active { background:#ecfdf3; border-color:#abefc6; color:#067647; }
.novedades-banner.quiet { background:#fffaeb; border-color:#fedf89; color:#b54708; }
@media (max-width:900px) { .novedades-grid { grid-template-columns:1fr 1fr; } }
@media (max-width:620px) { .novedades-grid { grid-template-columns:1fr; } .novedades-actions { width:100%; } .novedades-actions button { flex:1 1 auto; } }


/* V9 · SEGUIMIENTO CONTINUO */
.novedades-grid { grid-template-columns:repeat(5,1fr); }
.mention-badge { display:inline-block; margin:0 8px 5px 0; padding:4px 7px; border-radius:999px; background:#eef4ff; color:#3538cd; font-size:9px; font-weight:950; letter-spacing:.06em; vertical-align:middle; }
.daily-subhead { margin:18px 0 10px; border-left:4px solid #6172f3; padding:10px 12px; background:#f5f8ff; border-radius:8px; }
.daily-subhead.fallback { border-left-color:#667085; background:#f8fafc; }
.daily-subhead strong, .daily-subhead span { display:block; }
.daily-subhead strong { font-size:12px; letter-spacing:.06em; }
.daily-subhead span { color:#667085; font-size:11px; margin-top:4px; }
@media (max-width:1050px) { .novedades-grid { grid-template-columns:repeat(3,1fr); } }
@media (max-width:700px) { .novedades-grid { grid-template-columns:1fr; } }
\n\n/* V10 · SEGUIMIENTO VISUAL MEJORADO */\n.daily-history {\n  min-height:unset;\n  display:grid;\n  grid-template-columns:repeat(7,minmax(105px,1fr));\n  gap:10px;\n  align-items:stretch;\n  padding:14px 0 6px;\n  overflow-x:visible;\n}\n.daily-history-day {\n  min-width:0;\n  height:132px;\n  border:1px solid #e4e7ec;\n  border-radius:12px;\n  background:#fff;\n  display:flex;\n  flex-direction:column;\n  justify-content:flex-end;\n  align-items:stretch;\n  padding:10px;\n  cursor:pointer;\n}\n.daily-history-day i { min-height:4px; max-height:54px; }\n.daily-history-day b { font-size:11px; margin-top:7px; white-space:nowrap; }\n.daily-history-day small { display:block; min-height:24px; margin-top:5px; font-size:8px; line-height:1.2; font-weight:850; color:#98a2b3; text-align:center; }\n.daily-history-count { font-size:18px; margin-bottom:6px; }\n.daily-history-help { margin:8px 0 20px; text-align:center; color:#667085; font-size:10px; font-weight:900; letter-spacing:.08em; }\n.daily-history-list-title { margin:8px 0 10px; font-size:11px; font-weight:950; letter-spacing:.09em; color:#475467; }\n.daily-history-list { display:grid; gap:7px; }\n.daily-history-row {\n  width:100%;\n  border:1px solid #e4e7ec;\n  border-radius:10px;\n  background:#fff;\n  padding:10px 12px;\n  display:grid;\n  grid-template-columns:minmax(175px,1.3fr) minmax(105px,.7fr) minmax(105px,.7fr) minmax(180px,1fr);\n  gap:12px;\n  align-items:center;\n  text-align:left;\n  color:#344054;\n  cursor:pointer;\n}\n.daily-history-row:hover, .daily-history-row.active { border-color:#98a2b3; background:#f8fafc; }\n.daily-history-date { font-weight:950; color:#101828; }\n.daily-history-row strong { font-size:16px; color:#101828; }\n.daily-history-state { font-size:9px; font-weight:950; letter-spacing:.04em; color:#667085; text-align:right; }\n.compliance p { overflow:visible; white-space:normal; line-height:1.6; }\n@media (max-width:1050px) {\n  .daily-history { grid-template-columns:repeat(4,minmax(100px,1fr)); }\n  .daily-history-row { grid-template-columns:1fr 1fr; }\n  .daily-history-state { text-align:left; }\n}\n@media (max-width:620px) {\n  .daily-history { grid-template-columns:repeat(2,minmax(120px,1fr)); }\n  .daily-history-day { height:112px; }\n  .daily-history-row { grid-template-columns:1fr; gap:5px; }\n  .daily-history-state { text-align:left; }\n}\n
/* V11 · HOSTINGER LISTO */
.env-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.environment-pill{background:#eef4ff;color:#175cd3;border-color:#b2ccff}
.environment-card{border:1px solid #d0d5dd}
.environment-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}
@media (max-width:900px){.environment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.environment-grid{grid-template-columns:1fr}.env-row{justify-content:flex-start}}


/* V15 · AGRUPACION POR EVENTO PUBLICO */
.grouped-activity { border-left:5px solid #344054; }
.coverage-count { display:block; width:max-content; margin-top:7px; padding:4px 7px; border-radius:999px; background:#f2f4f7; color:#344054; font-size:9px; font-weight:950; letter-spacing:.06em; }
.coverage-meta { margin-top:8px; }
.coverage-meta strong { color:#101828; }
.source-links { margin-top:7px; display:flex; gap:7px; flex-wrap:wrap; }
.source-links a { display:inline-block; padding:4px 7px; border:1px solid #d0d5dd; border-radius:8px; background:#fff; font-weight:800; text-decoration:none; }
.daily-history-row { grid-template-columns:minmax(165px,1.2fr) minmax(90px,.55fr) minmax(90px,.55fr) minmax(100px,.65fr) minmax(180px,1fr); }
@media (max-width:1050px) { .daily-history-row { grid-template-columns:1fr 1fr; } }
@media (max-width:620px) { .daily-history-row { grid-template-columns:1fr; } }


/* V17 · CAMINANDO CON GUIDO · ARCHIVO NUMERADO */
.caminando-tab { border:1px solid #101828; }
.caminando-hero { border-left:6px solid var(--dark); overflow:hidden; }
.caminando-hero-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(320px,.9fr); gap:24px; align-items:center; }
.caminando-copy h2 { margin:8px 0 8px; font-size:clamp(34px,5vw,64px); line-height:.95; letter-spacing:-.035em; }
.caminando-lead { max-width:760px; color:var(--muted); font-size:16px; line-height:1.6; }
.caminando-actions, .entry-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; }
.caminando-disclaimer { margin:16px 0 0; color:#667085; font-size:11px; font-weight:750; line-height:1.45; }
.caminando-cover { width:100%; border-radius:16px; border:1px solid #e4e7ec; display:block; }
.archive-search-card { border-left:6px solid #175cd3; }
.archive-search-row { display:grid; grid-template-columns:180px minmax(180px,1fr) auto; gap:10px; align-items:center; }
.archive-search-row label { font-size:12px; font-weight:900; color:#475467; }
.archive-search-row input { width:100%; border:1px solid var(--line); border-radius:11px; padding:12px 14px; font-size:17px; font-weight:900; letter-spacing:.1em; }
.archive-search-message { margin-top:12px; border-radius:10px; padding:10px 12px; background:#f8fafc; color:#475467; font-size:12px; font-weight:900; }
.archive-search-message.found { background:#ecfdf3; color:#067647; }
.archive-search-message.missing { background:#fffaeb; color:#b54708; }
.caminando-entry { border:2px solid #101828; scroll-margin-top:18px; display:none; }
.caminando-entry.archive-focus { outline:4px solid rgba(23,92,211,.18); display:block; }
.entry-head { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:16px; align-items:center; border-bottom:1px solid #e4e7ec; padding-bottom:18px; margin-bottom:18px; }
.entry-number, .next-number { font-size:34px; font-weight:950; letter-spacing:-.03em; }
.entry-head h3 { margin:3px 0 0; font-size:30px; }
.entry-subtitle { margin:5px 0 0; color:#475467; font-size:13px; font-weight:950; letter-spacing:.12em; }
.archive-status { display:inline-flex; align-items:center; justify-content:center; min-height:36px; padding:8px 11px; border-radius:999px; background:#ecfdf3; color:#067647; font-size:10px; font-weight:950; letter-spacing:.08em; white-space:nowrap; }
.entry-grid { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,.45fr); gap:24px; }
.entry-grid p { color:#344054; line-height:1.65; }
.entry-facts { display:grid; gap:9px; align-content:start; }
.entry-facts > div { border:1px solid #e4e7ec; border-radius:12px; padding:12px; background:#f8fafc; }
.entry-facts span, .entry-facts strong { display:block; }
.entry-facts span { color:#667085; font-size:9px; font-weight:950; letter-spacing:.09em; margin-bottom:5px; }
.entry-facts strong { font-size:13px; }
.youtube-pending { margin-top:12px; padding:9px 11px; border:1px solid #fedf89; border-radius:10px; background:#fffaeb; color:#b54708; font-size:10px; font-weight:900; }
.archive-sources { display:grid; gap:8px; margin-top:22px; padding-top:18px; border-top:1px solid #e4e7ec; }
.archive-sources a { display:block; color:#175cd3; text-decoration:none; font-weight:800; line-height:1.45; }
.archive-sources a:hover { text-decoration:underline; }
.next-number-card { display:flex; align-items:center; gap:20px; border-style:dashed; }
.next-number-card h3 { margin:3px 0; }
@media (max-width:900px) {
  .caminando-hero-grid, .entry-grid { grid-template-columns:1fr; }
  .archive-search-row { grid-template-columns:1fr; }
  .entry-head { grid-template-columns:auto 1fr; }
  .archive-status { grid-column:1 / -1; justify-self:start; }
}
@media (max-width:620px) {
  .caminando-actions > *, .entry-actions > * { width:100%; text-align:center; }
  .entry-head { grid-template-columns:1fr; }
  .entry-number { font-size:42px; }
  .next-number-card { align-items:flex-start; flex-direction:column; }
}

/* V35 - restore original CAMINANDO CON GUIDO cover gallery */
.caminando-portadas-card { border-left:6px solid #175cd3; }
.caminando-portadas-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.caminando-portada-link {
  display:block;
  border:1px solid #d0d5dd;
  border-radius:14px;
  background:#fff;
  overflow:hidden;
  text-decoration:none;
  box-shadow:0 4px 12px rgba(16,24,40,.08);
  transition:transform .16s ease, box-shadow .16s ease;
}
.caminando-portada-link:hover {
  transform:translateY(-2px);
  box-shadow:0 8px 20px rgba(16,24,40,.12);
}
.caminando-portada-link img {
  display:block;
  width:100%;
  aspect-ratio:2.11 / 1;
  object-fit:cover;
  background:#061b3a;
}
.caminando-portada-link strong {
  display:block;
  padding:10px 12px 12px;
  color:#0b2a55;
  font-size:12px;
  line-height:1.25;
  letter-spacing:.02em;
}
@media (max-width:900px) {
  .caminando-portadas-grid { grid-template-columns:1fr; }
}


/* V36 - dynamic covers for every CAMINANDO CON GUIDO archive number */
.caminando-entry-cover{display:block;width:100%;max-height:430px;object-fit:cover;border-radius:14px;border:1px solid #d0d5dd;margin:0 0 20px;background:#071d3f;box-shadow:0 5px 16px rgba(16,24,40,.08)}
.caminando-cover{transition:opacity .22s ease,transform .22s ease;box-shadow:0 8px 22px rgba(16,24,40,.13)}
.caminando-cover.cover-changing{opacity:.2;transform:scale(.985)}
.caminando-portadas-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
@media(max-width:1050px){.caminando-portadas-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:650px){.caminando-portadas-grid{grid-template-columns:1fr;}}

/* V37 - clean CAMINANDO CON GUIDO: photos only when a number is opened */
.caminando-hero-grid{grid-template-columns:1fr;}
.caminando-hero{padding-bottom:22px;}
.caminando-portadas-card{display:none !important;}
.caminando-cover{display:none !important;}
.caminando-entry-cover{display:none;width:100%;max-height:430px;object-fit:cover;border-radius:14px;border:1px solid #d0d5dd;margin:0 0 20px;background:#071d3f;box-shadow:0 5px 16px rgba(16,24,40,.08);}
.caminando-entry.archive-focus .caminando-entry-cover{display:block;}
@media(max-width:900px){.caminando-hero-grid{grid-template-columns:1fr;}}

/* V38 · selector limpio: solo numeros y solo un expediente abierto */
.archive-number-list-label{margin-top:20px;margin-bottom:8px;}
.caminando-actions{gap:8px;}
.caminando-actions .archive-number-link{min-width:62px;text-align:center;padding:10px 12px;}
.archive-number-link.archive-number-active{background:#101828;color:#fff;border-color:#101828;}
#view-caminando .caminando-entry:not(.archive-focus){display:none !important;}
#view-caminando .caminando-entry.archive-focus{display:block !important;}


/* V39 · Historial anterior ampliado sin sobrecargar la pantalla */
.history-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid rgba(148,163,184,.28)}
.history-count{font-size:12px;font-weight:800;letter-spacing:.04em;color:#667085}
.history-actions{display:flex;gap:8px;flex-wrap:wrap}
.history-actions button[hidden]{display:none!important}
@media (max-width:640px){.history-controls{align-items:stretch}.history-actions{width:100%}.history-actions .secondary{flex:1}}

/* V40 · Prueba #001 con fotografía pública original */
.caminando-real-cover{position:relative;overflow:hidden;min-height:360px;padding:0!important;background:#071d3f;}
.caminando-real-photo{display:block;width:100%;height:430px;object-fit:cover;object-position:center 34%;}
.caminando-real-overlay{position:absolute;left:0;right:0;bottom:0;padding:28px 30px 24px;background:linear-gradient(180deg,rgba(3,18,44,0),rgba(3,18,44,.92) 42%,rgba(3,18,44,.98));color:#fff;display:flex;flex-direction:column;gap:5px;}
.caminando-real-overlay span{font-size:14px;font-weight:800;letter-spacing:.12em;}
.caminando-real-overlay strong{font-size:clamp(25px,4vw,48px);line-height:1.02;letter-spacing:.01em;}
.caminando-real-overlay em{font-style:normal;font-size:clamp(18px,2.6vw,30px);font-weight:900;color:#fff;background:#c8102e;display:inline-block;align-self:flex-start;padding:5px 10px;margin-top:4px;}
.caminando-real-overlay small{font-size:11px;opacity:.9;margin-top:4px;letter-spacing:.06em;}
.caminando-real-cover.fallback-cover .caminando-real-overlay{display:none;}
@media(max-width:700px){.caminando-real-cover{min-height:250px}.caminando-real-photo{height:300px}.caminando-real-overlay{padding:20px}.caminando-real-overlay strong{font-size:27px}.caminando-real-overlay em{font-size:18px}}

/* V51 - breve biografia publica debajo de CAMINANDO CON GUIDO */
.caminando-bio{margin:14px 0 12px;padding:16px 18px;border:1px solid #d0d5dd;border-left:5px solid #175cd3;border-radius:12px;background:#f8fafc;max-width:900px;}
.caminando-bio-label{font-size:10px;font-weight:950;letter-spacing:.12em;color:#175cd3;margin-bottom:7px;}
.caminando-bio p{margin:6px 0;color:#344054;font-size:14px;line-height:1.58;}
.caminando-bio-sources{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;margin-top:10px;font-size:10px;font-weight:850;}
.caminando-bio-sources span{color:#667085;letter-spacing:.06em;}
.caminando-bio-sources a{color:#175cd3;text-decoration:none;}
.caminando-bio-sources a:hover{text-decoration:underline;}
@media(max-width:650px){.caminando-bio{padding:14px}.caminando-bio p{font-size:13px}.caminando-bio-sources{align-items:flex-start;flex-direction:column;gap:5px;}}
@media(max-width:650px){.caminando-title-row{align-items:flex-start;gap:10px}.caminando-title-stack{flex:1 1 220px}.caminando-history-subtitle{margin-top:5px;font-size:14px;letter-spacing:.035em}}

/* V58 · CAMINANDO CON GUIDO · BOTONES VERDE TENUE Y CLICABLES */
.archive-calendar{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}
.archive-calendar-label{margin-bottom:10px}
.archive-year-buttons{display:flex;flex-wrap:wrap;gap:10px}
.archive-year-button{min-width:88px;font-size:16px;font-weight:950}
.archive-year-button.archive-year-active{background:#101828;color:#fff;border-color:#101828}
.archive-month-panel,.archive-publication-panel{margin-top:18px}
.archive-panel-title{font-size:13px;font-weight:950;letter-spacing:.06em;color:#344054;margin-bottom:10px}
.archive-month-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.archive-month-button{display:flex;min-height:68px;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;gap:4px;padding:11px 13px}
.archive-month-button span{font-size:14px;font-weight:950}
.archive-month-button .archive-month-year{font-size:11px;font-style:normal;font-weight:900;color:#344054;letter-spacing:.06em}
.archive-month-button small{font-size:10px;font-weight:850;color:#667085;letter-spacing:.02em}
.archive-month-button .archive-publication-count{display:inline-flex;align-items:center;justify-content:center;width:auto;margin-top:2px;padding:4px 8px;border:1px solid #e6bd68;border-radius:999px;background:#fff7e6;color:#8a5a00;font-size:10px;font-weight:950;letter-spacing:.035em;line-height:1.1;box-shadow:0 1px 3px rgba(138,90,0,.08)}
.archive-month-button:hover .archive-publication-count,.archive-month-button:focus-visible .archive-publication-count{background:#ffefc7;border-color:#d9a83f;color:#734900}
.archive-month-button.archive-month-active .archive-publication-count{background:#fff1cc;border-color:#d7aa4c;color:#744d00;box-shadow:0 1px 4px rgba(116,77,0,.12)}
.archive-month-button.archive-month-empty{background:#f8fafc;border-style:dashed;box-shadow:none}
.archive-month-button.archive-month-empty span{color:#98a2b3}
.archive-month-button.archive-month-empty .archive-month-year{color:#b1b7c2}
.archive-month-button.archive-month-empty small{color:#b1b7c2;font-size:14px;line-height:1}
.archive-month-button.archive-month-active{background:#e8f7ee;color:#14532d;border-color:#86c99a;box-shadow:0 0 0 2px rgba(34,197,94,.08)}
.archive-month-button.archive-month-active span{color:#14532d}
.archive-month-button.archive-month-active small{color:#287a45}
.archive-month-button.archive-month-active .archive-month-year{color:#287a45}
.archive-publication-list{display:grid;gap:10px}
.archive-publication-button{width:100%;border:1px solid #a7d8b5;background:#eef9f1;border-radius:12px;padding:14px 15px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:5px;transition:.15s ease;box-shadow:0 2px 7px rgba(20,83,45,.05)}
.archive-publication-button:hover,.archive-publication-button:focus-visible{background:#dcf4e3;border-color:#67b77e;box-shadow:0 5px 14px rgba(20,83,45,.12);transform:translateY(-1px);outline:none}
.archive-publication-date{font-size:11px;font-weight:900;color:#3b7a50;letter-spacing:.04em}
.archive-publication-button strong{font-size:15px;color:#153d24;line-height:1.35}
.archive-empty-message{border:1px dashed #d0d5dd;background:#f8fafc;border-radius:12px;padding:14px;color:#667085;font-size:12px;font-weight:900}
.archive-growth-card{border-style:dashed}
.archive-back-month{cursor:pointer}
#view-caminando .entry-head{grid-template-columns:1fr auto}
#view-caminando .entry-number{display:none!important}

@media (max-width:900px){
  .archive-month-buttons{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:620px){
  .archive-year-buttons{display:grid;grid-template-columns:repeat(3,1fr)}
  .archive-year-button{min-width:0}
  .archive-month-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}
}


/* V77 · BOTONES VERDES PARA ABRIR FUENTES · SOLO PRESENTACION */
.source-action-row { display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin-top:7px; }
.source-open-button,
.source-links a,
.archive-sources a,
.caminando-bio-sources a {
  display:inline-flex;
  width:max-content;
  max-width:100%;
  align-items:center;
  justify-content:center;
  padding:5px 9px;
  border:1px solid #067647;
  border-radius:8px;
  background:#067647;
  color:#ffffff !important;
  font-size:10px;
  font-weight:900;
  line-height:1.2;
  letter-spacing:.025em;
  text-decoration:none !important;
  box-shadow:0 1px 2px rgba(16,24,40,.08);
  transition:background .15s ease,border-color .15s ease,transform .15s ease;
}
.source-open-button:hover,
.source-links a:hover,
.archive-sources a:hover,
.caminando-bio-sources a:hover { background:#055f3a; border-color:#055f3a; text-decoration:none !important; transform:translateY(-1px); }
.source-open-button:focus-visible,
.source-links a:focus-visible,
.archive-sources a:focus-visible,
.caminando-bio-sources a:focus-visible { outline:3px solid #abefc6; outline-offset:2px; }
.source-links, .archive-sources { align-items:start; }
.archive-sources { grid-template-columns:1fr; }
.media-open-link { display:inline-flex; align-items:center; width:max-content; padding:5px 9px; border:1px solid #b2ccff; border-radius:8px; background:#eff8ff; color:#175cd3 !important; font-size:10px; font-weight:900; text-decoration:none !important; }
@media (max-width:620px) { .source-open-button, .source-links a, .archive-sources a, .caminando-bio-sources a, .media-open-link { white-space:normal; text-align:left; } }

/* V78 · NAVEGACION SUPERIOR · AZUL TENUE LLAMATIVO */
.tabs{gap:10px;}
.tab{
  border:1px solid #b9cdea;
  background:#eef5ff;
  color:#294d72;
  box-shadow:0 3px 10px rgba(41,77,114,.08);
  transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.tab:hover,.tab:focus-visible{
  background:#dfeeff;
  border-color:#8fb2dd;
  color:#173f68;
  box-shadow:0 6px 14px rgba(41,77,114,.14);
  transform:translateY(-1px);
  outline:none;
}
.tab.active{
  background:#315f8a;
  border-color:#315f8a;
  color:#fff;
  box-shadow:0 5px 13px rgba(49,95,138,.22);
}
.caminando-tab{border-color:#b9cdea;}
.caminando-tab.active{border-color:#315f8a;}
@media(max-width:620px){
  .tab{padding:11px 14px;}
}


/* V90 · RESPUESTA TACTIL INMEDIATA · SIN CAMBIAR EL DISEÑO */
.tab,.archive-year-button,.archive-month-button,.archive-publication-button,.archive-back-month,button.secondary,button.primary{
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}
.archive-year-button,.archive-month-button,.archive-publication-button,.archive-back-month{cursor:pointer;}


/* V91 · AÑOS EN BLOQUES + ESCUDO NACIONAL COMO ICONO */
/* V99 · subtítulo histórico bajo CAMINANDO CON GUIDO */
.caminando-title-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.caminando-title-stack{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.caminando-title-row h2{margin:0}
.caminando-history-subtitle{margin-top:7px;font-size:clamp(15px,1.8vw,21px);line-height:1.15;font-weight:850;letter-spacing:.045em;color:#475467;text-transform:uppercase}
.caminando-national-icon{width:48px;height:48px;object-fit:contain;flex:0 0 48px;filter:drop-shadow(0 2px 5px rgba(16,24,40,.12))}
.archive-year-pager{display:flex;align-items:center;gap:10px;justify-content:space-between;margin:0 0 10px;max-width:720px}
.archive-year-page-button{min-height:42px;padding:9px 13px;font-size:12px;font-weight:950;white-space:nowrap;touch-action:manipulation}
.archive-year-page-button:disabled{opacity:.38;cursor:default;transform:none!important;box-shadow:none!important}
.archive-year-range{min-width:112px;text-align:center;padding:8px 10px;border:1px solid #d0d5dd;border-radius:999px;background:#f8fafc;color:#344054;font-size:12px;font-weight:950;letter-spacing:.04em}
.archive-year-button[hidden]{display:none!important}
@media(max-width:620px){
  .caminando-national-icon{width:42px;height:42px;flex-basis:42px}
  .archive-year-pager{gap:6px}
  .archive-year-page-button{padding:9px 8px;font-size:10px;flex:1}
  .archive-year-range{min-width:86px;font-size:10px;padding:8px 6px}
}

/* V92 · CONTROLES DE AÑOS MÁS CLAROS EN ROJO */
.archive-year-page-button{
  color:#b42318!important;
  border-color:#f04438!important;
  background:#fff5f4!important;
  box-shadow:0 1px 2px rgba(180,35,24,.08)!important;
  letter-spacing:.01em;
}
.archive-year-page-button:hover:not(:disabled),
.archive-year-page-button:focus-visible:not(:disabled){
  color:#912018!important;
  border-color:#d92d20!important;
  background:#fee4e2!important;
}
.archive-year-page-button:active:not(:disabled){
  background:#fecdca!important;
}
.archive-year-page-button:disabled{
  color:#b42318!important;
  border-color:#fecdca!important;
  background:#fff8f7!important;
  opacity:.40;
}
@media(max-width:620px){
  .archive-year-page-button{font-size:9px;padding:9px 6px;line-height:1.15}
}


/* V94 - CONTROLES PERMANENTES DE REGRESO Y SALIDA PARA TELEFONO */
body{padding-bottom:96px}
.ppi-phone-nav-v94{
  position:fixed;
  right:max(14px,env(safe-area-inset-right));
  bottom:max(14px,calc(env(safe-area-inset-bottom) + 8px));
  z-index:9998;
  display:flex;
  gap:9px;
  align-items:center;
  padding:8px;
  border:1px solid rgba(15,23,42,.18);
  border-radius:16px;
  background:rgba(255,255,255,.96);
  box-shadow:0 12px 32px rgba(15,23,42,.20);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.ppi-phone-nav-v94 button{
  min-height:48px;
  border-radius:11px;
  padding:11px 15px;
  font-size:12px;
  font-weight:950;
  letter-spacing:.015em;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
  box-shadow:0 2px 7px rgba(15,23,42,.10);
}
.ppi-phone-back-v94{
  border:1px solid #8fb2dd;
  background:#eef5ff;
  color:#173f68;
}
.ppi-phone-back-v94:active{background:#dfeeff}
.ppi-phone-exit-v94{
  border:1px solid #d92d20;
  background:#b42318;
  color:#fff;
}
.ppi-phone-exit-v94:active{background:#912018}
.ppi-exit-help-v94{
  position:fixed;
  inset:0;
  z-index:10000;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:22px;
  background:rgba(15,23,42,.72);
}
.ppi-exit-help-v94[hidden]{display:none!important}
.ppi-exit-help-card-v94{
  width:min(520px,94vw);
  border-radius:20px;
  background:#fff;
  padding:26px;
  box-shadow:0 24px 60px rgba(0,0,0,.28);
  text-align:center;
}
.ppi-exit-help-card-v94 h2{margin:6px 0 12px;font-size:26px}
.ppi-exit-help-card-v94 p{color:#475467;line-height:1.55}
.ppi-exit-help-label-v94{font-size:11px;font-weight:950;letter-spacing:.12em;color:#98a2b3}
.ppi-exit-help-instruction-v94{font-weight:900;color:#101828!important}
@media(max-width:620px){
  body{padding-bottom:116px}
  .ppi-phone-nav-v94{
    left:max(8px,env(safe-area-inset-left));
    right:max(8px,env(safe-area-inset-right));
    bottom:max(8px,calc(env(safe-area-inset-bottom) + 4px));
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:7px;
    padding:7px;
    border-radius:14px;
  }
  .ppi-phone-nav-v94 button{min-height:54px;padding:10px 8px;font-size:11px;line-height:1.15}
}


/* V95 - feedback visible al tocar los controles de telefono */
.ppi-phone-nav-v94 button.ppi-phone-working-v95{
  transform:translateY(1px) scale(.985);
  filter:brightness(.92);
}
.ppi-phone-nav-v94 button:focus-visible{outline:3px solid rgba(23,92,211,.35);outline-offset:2px}

.ppi-phone-version-v95{
  font-size:9px;
  font-weight:950;
  letter-spacing:.08em;
  color:#067647;
  white-space:nowrap;
}
@media(max-width:620px){
  .ppi-phone-version-v95{grid-column:1 / -1;text-align:center;padding:1px 0 0}
}


/* V102 · TRAZABILIDAD PROFESIONAL DE CONFIRMACIÓN · SOLO PRESENTACIÓN */
.ppi-verification-v102{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px 14px;
  margin:12px 0 10px;
  padding:12px 14px;
  border:1px solid #d0e6d8;
  border-left:4px solid var(--ok);
  border-radius:12px;
  background:#f7fcf9;
}
.ppi-verification-v102>div{min-width:0}
.ppi-verification-v102 span{
  display:block;
  margin-bottom:3px;
  color:#667085;
  font-size:9px;
  font-weight:950;
  letter-spacing:.10em;
}
.ppi-verification-v102 strong{
  display:block;
  color:#344054;
  font-size:11px;
  line-height:1.35;
  overflow-wrap:anywhere;
}
.ppi-verification-v102>div:first-child strong{color:var(--ok)}
.ppi-verification-archive-v102{margin:14px 0 0}
@media(max-width:620px){
  .ppi-verification-v102{grid-template-columns:1fr;padding:11px 12px;gap:8px}
}

/* V104 · CARGA MODULAR RÁPIDA */
.ppi-module-loading-card{max-width:920px;margin:18px auto;text-align:center;padding:34px 28px}
.ppi-module-loading-card h2{margin:8px 0 10px}
.ppi-module-loading-card p{max-width:760px;margin:0 auto 18px;line-height:1.6}
.ppi-module-status-v104{display:inline-block;padding:9px 14px;border-radius:999px;font-weight:800;background:#ecfdf3;border:1px solid #abefc6;color:#067647}
.ppi-module-status-v104.error{background:#fef3f2;border-color:#fecdca;color:#b42318}
#timelineControlsV104{margin-top:16px}
@media (max-width:720px){.ppi-module-loading-card{padding:24px 16px}}


/* V113 · VIDEOTECA YOUTUBE BAJO DEMANDA */
.ppi-video-library-v113{overflow:hidden}
.video-metrics-v113{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}
.video-grid-v113{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}
.video-card-v113{border:1px solid rgba(148,163,184,.25);border-radius:16px;overflow:hidden;background:rgba(15,23,42,.46);box-shadow:0 10px 24px rgba(2,6,23,.12)}
.video-thumb-v113{position:relative;display:block;aspect-ratio:16/9;background:linear-gradient(135deg,#111827,#334155);overflow:hidden}
.video-thumb-v113 img{width:100%;height:100%;display:block;object-fit:cover}
.video-thumb-v113.thumb-error-v113:before{content:'YOUTUBE';position:absolute;inset:0;display:grid;place-items:center;font-weight:900;letter-spacing:.12em;color:#fff}
.video-play-v113{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:rgba(0,0,0,.72);color:#fff;font-size:24px;padding-left:3px;box-shadow:0 8px 22px rgba(0,0,0,.32)}
.video-body-v113{padding:15px}.video-body-v113 h4{margin:5px 0 12px;line-height:1.3}.video-body-v113 p{margin:7px 0}.video-date-v113{font-size:.8rem;font-weight:800;letter-spacing:.04em;opacity:.78}.video-actions-v113{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:13px}.secondary-link-v113{display:inline-flex;align-items:center;justify-content:center;padding:10px 12px;border:1px solid rgba(148,163,184,.4);border-radius:10px;text-decoration:none;color:inherit;font-weight:800}
@media (max-width:1000px){.video-grid-v113{grid-template-columns:repeat(2,minmax(0,1fr))}.video-metrics-v113{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.video-grid-v113{grid-template-columns:1fr}.video-metrics-v113{grid-template-columns:1fr}.video-play-v113{width:48px;height:48px;font-size:21px}}