/* ==========================================================================
   OC Noticias (16/10/2026): marca Onchain Capital (tinta, azul #517BD9, Gilroy en títulos, Inter en el texto)
   con la estructura de un medio cripto: noticia principal, últimas, temas, rejilla y artículo de prensa.
   ========================================================================== */
/* la cabecera de la web es fija (94 px): dejamos su hueco y le damos fondo para leer al hacer scroll */
body.oc-news-page .header { background: rgba(5,7,13,.86); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); }
body.oc-news-page .oc-news { padding-top: 112px; }
@media (max-width: 600px) { body.oc-news-page .oc-news { padding-top: 96px; } }
.oc-news { --nw-blue: #517BD9; --nw-hi: #9DB8F2; --nw-ink: #05070D; --nw-card: rgba(11,17,32,.82); --nw-line: rgba(125,158,234,.16); --nw-tx: #F2F5FC; --nw-mu: #8A96B3; --nw-soft: #C5CDE0;
  position: relative; z-index: 1; max-width: 1180px; margin: 0 auto; padding: 18px 20px 70px; color: var(--nw-tx); font-family: Inter, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; }
.oc-news a { color: inherit; text-decoration: none; }
.oc-news h1, .oc-news h2, .oc-news h3 { font-family: "OC-Gilroy-XB", "Gilroy-Extrabold", Inter, sans-serif; font-weight: 800; letter-spacing: -.01em; margin: 0; }

/* precios arriba, como los medios cripto */
.nw-ticker { display: flex; gap: 22px; overflow-x: auto; scrollbar-width: none; padding: 10px 0 14px; border-bottom: 1px solid var(--nw-line); font-size: 13px; color: var(--nw-mu); white-space: nowrap; min-height: 18px; }
.nw-ticker::-webkit-scrollbar { display: none; }
.nw-ticker b { color: var(--nw-tx); font-weight: 600; margin: 0 4px; font-variant-numeric: tabular-nums; }
.nw-ticker .up { color: #3ECF8E; } .nw-ticker .down { color: #FF5C5C; }

.nw-crumbs { display: flex; flex-wrap: wrap; gap: 8px; font-size: 12.5px; color: var(--nw-mu); margin: 22px 0 14px; }
.nw-crumbs a:hover { color: var(--nw-tx); } .nw-crumbs b { color: var(--nw-soft); font-weight: 500; }
.nw-eyebrow { display: inline-block; font: 700 11px/1.4 "OC-Gilroy-XB", Inter, sans-serif; letter-spacing: .22em; text-transform: uppercase; color: var(--nw-hi); }
.nw-head h1 { font-size: clamp(32px, 5vw, 56px); line-height: 1.02; margin: 10px 0 12px; text-transform: uppercase; }
.nw-lead { color: var(--nw-soft); font-size: 17px; max-width: 68ch; margin: 0; }
.nw-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin: 22px 0 6px; }
.nw-tabs a { padding: 8px 14px; border-radius: 999px; border: 1px solid var(--nw-line); font-size: 13px; color: var(--nw-soft); }
.nw-tabs a:hover { border-color: var(--nw-blue); color: var(--nw-tx); }
.nw-tabs a.on { background: var(--nw-blue); border-color: var(--nw-blue); color: #fff; }
.nw-h2 { font-size: 15px !important; text-transform: uppercase; letter-spacing: .14em !important; margin: 0 0 14px !important; color: var(--nw-soft); }
.nw-empty { margin: 30px 0; padding: 28px; border: 1px dashed var(--nw-line); border-radius: 16px; color: var(--nw-mu); }

/* tarjetas */
.nw-card { display: flex; flex-direction: column; min-width: 0; }
.nw-img { display: block; aspect-ratio: 16 / 9; border-radius: 14px; overflow: hidden; background: #0B1120; border: 1px solid var(--nw-line); }
.nw-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s cubic-bezier(.22, 1, .36, 1); }
.nw-card:hover .nw-img img { transform: scale(1.03); }
.nw-ph { display: block; width: 100%; height: 100%; background: radial-gradient(70% 90% at 70% 10%, rgba(81,123,217,.35), transparent 70%), #0B1120; }
.nw-body { padding: 12px 2px 0; }
.nw-tag { display: inline-block; margin-bottom: 8px; padding: 3px 9px; border-radius: 6px; background: rgba(81,123,217,.16); border: 1px solid rgba(81,123,217,.35); color: var(--nw-hi); font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.nw-card h3 { font-size: 18px; line-height: 1.25; }
.nw-card h3 a:hover { color: var(--nw-hi); }
.nw-ex { color: var(--nw-soft); font-size: 15px; line-height: 1.55; margin: 10px 0 0; }
.nw-meta { margin: 8px 0 0; color: var(--nw-mu); font-size: 12.5px; }

.nw-top { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr); gap: 28px; margin: 28px 0 40px; }
.nw-card.is-hero h3 { font-size: clamp(24px, 2.6vw, 34px); line-height: 1.12; }
.nw-side { display: flex; flex-direction: column; gap: 14px; }
.nw-card.is-row { display: grid; grid-template-columns: 132px minmax(0, 1fr); gap: 14px; align-items: start; padding-bottom: 14px; border-bottom: 1px solid var(--nw-line); }
.nw-card.is-row:last-child { border-bottom: 0; }
.nw-card.is-row .nw-body { padding: 0; } .nw-card.is-row h3 { font-size: 15px; } .nw-card.is-row .nw-tag { margin-bottom: 6px; font-size: 10px; }
.nw-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px 22px; }
.nw-grid-wrap { margin-top: 10px; }
.nw-pager { display: flex; gap: 8px; justify-content: center; margin: 34px 0 0; }
.nw-pager .page-numbers { padding: 8px 13px; border-radius: 10px; border: 1px solid var(--nw-line); color: var(--nw-soft); font-size: 14px; }
.nw-pager .current { background: var(--nw-blue); border-color: var(--nw-blue); color: #fff; }

/* llamada a Únete */
.nw-cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin: 54px 0 0; padding: 28px 30px; border-radius: 22px; border: 1px solid rgba(81,123,217,.35); background: radial-gradient(80% 120% at 90% 0%, rgba(81,123,217,.35), transparent 60%), var(--nw-card); }
.nw-cta h2 { font-size: clamp(20px, 2.2vw, 28px); line-height: 1.15; margin: 8px 0 6px; }
.nw-cta p { margin: 0; color: var(--nw-soft); }
.nw-btn { flex: none; display: inline-flex; align-items: center; padding: 13px 20px; border-radius: 999px; background: var(--nw-blue); color: #fff !important; font-weight: 700; box-shadow: 0 10px 30px -10px rgba(81,123,217,.9); }
.nw-btn:hover { background: #5f88e6; }

/* artículo */
.nw-art { max-width: 780px; margin: 0 auto; }
.nw-art h1 { font-size: clamp(30px, 4.4vw, 48px); line-height: 1.08; margin: 12px 0 14px; }
.nw-dek { font-size: 19px; line-height: 1.5; color: var(--nw-soft); margin: 0 0 20px; }
.nw-by { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 14px; padding: 14px 0; border-top: 1px solid var(--nw-line); border-bottom: 1px solid var(--nw-line); }
.nw-av { width: 40px; height: 40px; border-radius: 50%; overflow: hidden; background: #0B1120; border: 1px solid var(--nw-line); flex: none; }
.nw-av img { width: 100%; height: 100%; object-fit: cover; }
.nw-byt { display: flex; flex-direction: column; min-width: 0; flex: 1 1 260px; } .nw-byt b { font-size: 14px; } .nw-byt small { color: var(--nw-mu); font-size: 12.5px; }
.nw-share { display: flex; gap: 6px; }
.nw-share a, .nw-share button { min-height: 36px; padding: 0 12px; border-radius: 10px; border: 1px solid var(--nw-line); background: none; color: var(--nw-soft); font: 600 12.5px Inter, sans-serif; display: inline-flex; align-items: center; cursor: pointer; }
.nw-share a:hover, .nw-share button:hover { border-color: var(--nw-blue); color: var(--nw-tx); }
.nw-fig { margin: 24px 0 0; } .nw-fig img { width: 100%; height: auto; border-radius: 16px; border: 1px solid var(--nw-line); }
.nw-fig figcaption { margin-top: 8px; color: var(--nw-mu); font-size: 12.5px; }
.nw-tldr { margin: 26px 0 0; padding: 18px 22px; border-left: 3px solid var(--nw-blue); border-radius: 0 14px 14px 0; background: rgba(81,123,217,.09); }
.nw-tldr b { font: 700 11px "OC-Gilroy-XB", Inter, sans-serif; letter-spacing: .2em; text-transform: uppercase; color: var(--nw-hi); }
.nw-tldr ul { margin: 10px 0 0; padding-left: 18px; } .nw-tldr li { margin: 6px 0; color: var(--nw-tx); line-height: 1.5; }
.nw-content { margin-top: 26px; font-size: 18px; line-height: 1.75; color: #DDE5F7; }
.nw-content p { margin: 0 0 1.15em; }
.nw-content h2 { font-size: 26px; line-height: 1.2; margin: 1.6em 0 .55em; color: var(--nw-tx); }
.nw-content h3 { font-size: 20px; margin: 1.4em 0 .5em; color: var(--nw-tx); }
.nw-content a { color: var(--nw-hi); border-bottom: 1px solid rgba(157,184,242,.4); }
.nw-content ul, .nw-content ol { padding-left: 22px; margin: 0 0 1.15em; } .nw-content li { margin: .35em 0; }
.nw-content blockquote { margin: 1.4em 0; padding: 4px 0 4px 18px; border-left: 3px solid var(--nw-line); color: var(--nw-soft); font-style: italic; }
.nw-content img { max-width: 100%; height: auto; border-radius: 12px; }
.nw-content table { width: 100%; border-collapse: collapse; font-size: 15px; margin: 1.2em 0; display: block; overflow-x: auto; }
.nw-content th, .nw-content td { padding: 10px 12px; border-bottom: 1px solid var(--nw-line); text-align: left; }
.nw-oc { margin: 30px 0 0; padding: 22px 24px; border-radius: 18px; border: 1px solid rgba(81,123,217,.4); background: radial-gradient(90% 120% at 100% 0%, rgba(81,123,217,.25), transparent 60%), var(--nw-card); }
.nw-oc p { margin: 10px 0 0; font-size: 17px; line-height: 1.65; color: var(--nw-tx); }
.nw-src { margin: 22px 0 0; color: var(--nw-mu); font-size: 13.5px; } .nw-src a { color: var(--nw-hi); }
.nw-disc { margin: 12px 0 0; padding: 14px 16px; border-radius: 12px; border: 1px solid var(--nw-line); color: var(--nw-mu); font-size: 13px; line-height: 1.55; }
.nw-cta-in { margin-top: 34px; }
.nw-rel { max-width: 1180px; margin: 56px auto 0; }

@media (max-width: 900px) {
  .nw-top { grid-template-columns: minmax(0, 1fr); }
  .nw-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .nw-cta { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 600px) {
  .oc-news { padding: 12px 16px 56px; }
  .nw-grid { grid-template-columns: minmax(0, 1fr); }
  .nw-card.is-row { grid-template-columns: 104px minmax(0, 1fr); }
  .nw-content { font-size: 17px; }
}

/* el tema de la web fija p y li a 16 px con interlineado corto: en las noticias, lectura cómoda */
.oc-news .nw-content p, .oc-news .nw-content li { font-size: 18px; line-height: 1.75; color: #DDE5F7; }
.oc-news .nw-tldr li { font-size: 16px; line-height: 1.6; }
.oc-news .nw-oc p { font-size: 17px; line-height: 1.7; }
.oc-news .nw-dek { line-height: 1.55; }
@media (max-width: 600px) { .oc-news .nw-content p, .oc-news .nw-content li { font-size: 17px; } }

/* ==========================================================================
   Portada tipo revista (1.1.0): franja de titulares, carrusel + mercado, "No te pierdas",
   "Más leídas", vídeos y llamada final. Inspirada en USA Today y Eranews, en tinta y azul OC.
   ========================================================================== */
.oc-news.is-mag .nw-head h1 { font-size: clamp(28px, 3.6vw, 40px); margin: 6px 0 8px; }
.oc-news.is-mag .nw-lead { font-size: 15px; }
.oc-news.is-mag .nw-tabs { margin-top: 16px; }
.mg-h2 { position: relative; font-size: 19px !important; margin: 0 0 16px !important; padding-left: 14px; color: var(--nw-tx); }
.mg-h2::before { content: ""; position: absolute; left: 0; top: 3px; bottom: 3px; width: 4px; border-radius: 2px; background: var(--nw-blue); }
.mg-h2row { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.mg-h2row > a { font-size: 13px; font-weight: 600; color: var(--nw-hi) !important; }
.mg-sec { margin-top: 44px; }
.oc-news time[data-ago] { white-space: nowrap; }

/* franja de titulares */
.mg-strip { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 26px 0 0; }
.mg-mini { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 12px; align-items: center; padding: 10px; border-radius: 14px; border: 1px solid var(--nw-line); background: var(--nw-card); transition: border-color .2s, transform .2s; }
.mg-mini:hover { border-color: rgba(81,123,217,.6); transform: translateY(-2px); }
.mg-mini-img { width: 64px; height: 64px; border-radius: 10px; overflow: hidden; background: #0B1120; }
.mg-mini-img img { width: 100%; height: 100%; object-fit: cover; }
.mg-mini-tx { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.mg-mini-tx b { font-size: 13.5px; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.mg-mini-tx small { font-size: 11.5px; color: var(--nw-mu); }

/* carrusel + mercado */
.mg-top { display: grid; grid-template-columns: minmax(0, 1fr) 330px; margin: 18px 0 0; border-radius: 22px; overflow: hidden; border: 1px solid var(--nw-line); background: var(--nw-card); }
.mg-hero { position: relative; min-height: 460px; }
.mg-slides { display: flex; height: 100%; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; scroll-behavior: smooth; }
.mg-slides::-webkit-scrollbar { display: none; }
.mg-slide { position: relative; flex: 0 0 100%; min-height: 460px; scroll-snap-align: start; display: flex; align-items: flex-end; }
.mg-slide > img, .mg-slide > .nw-ph { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.mg-slide::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(5,7,13,0) 25%, rgba(5,7,13,.72) 62%, rgba(5,7,13,.96) 100%); }
.mg-slide-tx { position: relative; z-index: 1; padding: 34px 34px 46px; max-width: 640px; }
.mg-slide-tx h2 { font-size: clamp(24px, 3vw, 38px); line-height: 1.08; margin: 4px 0 10px; text-shadow: 0 2px 18px rgba(0,0,0,.5); }
.mg-slide-tx p { margin: 0 0 18px; color: #D5DDF0; font-size: 15.5px; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.mg-read { display: inline-flex; align-items: center; gap: 8px; padding: 10px 16px; border-radius: 10px; background: #F2F5FC; color: #05070D !important; font-weight: 700; font-size: 14px; }
.mg-read:hover { background: #fff; }
.mg-dots { position: absolute; z-index: 2; left: 34px; bottom: 20px; display: flex; gap: 6px; }
.mg-dots button { width: 22px; height: 4px; padding: 0; border: 0; border-radius: 2px; background: rgba(255,255,255,.3); cursor: pointer; transition: width .3s, background .3s; }
.mg-dots button.on { width: 34px; background: var(--nw-blue); }
.mg-market { padding: 20px 20px 16px; border-left: 1px solid var(--nw-line); background: linear-gradient(180deg, rgba(81,123,217,.10), transparent 40%), #070B16; display: flex; flex-direction: column; }
.mg-panel-h { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 8px; }
.mg-panel-h h2 { font-size: 17px; } .mg-panel-h small { color: var(--nw-mu); font-size: 12px; }
.mg-coins { list-style: none; margin: 0; padding: 0; flex: 1; display: flex; flex-direction: column; }
.mg-coins li { display: grid; grid-template-columns: 30px minmax(0, 1fr) 70px; gap: 10px; align-items: center; padding: 11px 0; border-bottom: 1px solid var(--nw-line); }
.mg-coins li:last-child { border-bottom: 0; }
.mg-coins img { width: 30px; height: 30px; border-radius: 50%; }
.mg-coins b { display: block; font-size: 15px; font-variant-numeric: tabular-nums; }
.mg-coins small { font-size: 12px; color: var(--nw-mu); } .mg-coins .up { color: #3ECF8E; } .mg-coins .down { color: #FF5C5C; }
.mg-coins svg { width: 70px; height: 28px; display: block; }
.mg-skel { height: 30px; border-radius: 8px; background: linear-gradient(90deg, rgba(255,255,255,.04), rgba(255,255,255,.08), rgba(255,255,255,.04)); background-size: 200% 100%; animation: mgSk 1.4s linear infinite; border: 0 !important; margin: 11px 0; padding: 0 !important; }
@keyframes mgSk { to { background-position: -200% 0; } }
.mg-src { margin: 10px 0 0; font-size: 11.5px; color: var(--nw-mu); }

/* columnas: principal + lateral */
.mg-cols { display: grid; grid-template-columns: minmax(0, 1fr) 330px; gap: 30px; align-items: start; }
.mg-bento { display: grid; grid-template-columns: 1.15fr 1fr 1fr; grid-template-rows: 210px 210px; gap: 14px; }
.mg-tile { position: relative; display: flex; align-items: flex-end; border-radius: 16px; overflow: hidden; border: 1px solid var(--nw-line); background: #0B1120; }
.mg-tile.is-big { grid-row: span 2; }
.mg-tile > img, .mg-tile > .nw-ph { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .5s cubic-bezier(.22,1,.36,1); }
.mg-tile:hover > img { transform: scale(1.04); }
.mg-tile::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 35%, rgba(5,7,13,.92)); }
.mg-tile-tx { position: relative; z-index: 1; padding: 14px 16px; display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }
.mg-tile-tx b { font-family: "OC-Gilroy-XB", Inter, sans-serif; font-size: 16px; line-height: 1.2; }
.mg-tile.is-big .mg-tile-tx b { font-size: 22px; }
.mg-tile-tx small, .mg-vbig-tx small, .mg-vrow small, .mg-pop small { color: var(--nw-mu); font-size: 12px; }
.mg-tile .nw-tag, .mg-vbig .nw-tag, .mg-slide .nw-tag { background: var(--nw-blue); border-color: var(--nw-blue); color: #fff; }

.mg-aside { position: sticky; top: 110px; margin-top: 44px; display: flex; flex-direction: column; gap: 18px; }
.mg-pop, .mg-temas { padding: 18px 18px 8px; border-radius: 18px; border: 1px solid var(--nw-line); background: var(--nw-card); }
.mg-pop ol { list-style: none; margin: 0; padding: 0; }
.mg-pop li a { display: grid; grid-template-columns: 26px minmax(0, 1fr) 58px; gap: 12px; align-items: center; padding: 12px 0; border-top: 1px solid var(--nw-line); }
.mg-pop li:first-child a { border-top: 0; }
.mg-n { font: 800 24px "OC-Gilroy-XB", Inter, sans-serif; color: var(--nw-blue); }
.mg-pop-tx { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.mg-pop-tx b { font-size: 13.5px; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.mg-pop li a:hover b { color: var(--nw-hi); }
.mg-pop-img { width: 58px; height: 46px; border-radius: 8px; overflow: hidden; background: #0B1120; }
.mg-pop-img img { width: 100%; height: 100%; object-fit: cover; }
.mg-temas { padding-bottom: 18px; }
.mg-temas div { display: flex; flex-wrap: wrap; gap: 8px; }
.mg-temas a { display: inline-flex; align-items: center; gap: 6px; padding: 7px 12px; border-radius: 999px; border: 1px solid var(--nw-line); font-size: 13px; color: var(--nw-soft); }
.mg-temas a:hover { border-color: var(--nw-blue); color: var(--nw-tx); }
.mg-temas em { font-style: normal; font-size: 11px; padding: 1px 6px; border-radius: 999px; background: rgba(81,123,217,.2); color: var(--nw-hi); }

/* vídeos */
.mg-vids { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 16px; }
.mg-vids.is-one { grid-template-columns: minmax(0, 1fr); }
.mg-vbig { position: relative; display: flex; align-items: flex-end; min-height: 320px; border-radius: 16px; overflow: hidden; border: 1px solid var(--nw-line); background: #0B1120; }
.mg-vbig > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.mg-vbig::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 40%, rgba(5,7,13,.92)); }
.mg-vbig-tx { position: relative; z-index: 1; padding: 16px 18px; display: flex; flex-direction: column; align-items: flex-start; gap: 5px; }
.mg-vbig-tx b { font-family: "OC-Gilroy-XB", Inter, sans-serif; font-size: 20px; line-height: 1.2; }
.mg-play { position: absolute; z-index: 2; left: 50%; top: 42%; width: 64px; height: 64px; margin: -32px 0 0 -32px; border-radius: 50%; background: rgba(242,245,252,.95); box-shadow: 0 10px 30px rgba(0,0,0,.4); transition: transform .2s; }
.mg-play::before { content: ""; position: absolute; left: 26px; top: 21px; border-style: solid; border-width: 11px 0 11px 17px; border-color: transparent transparent transparent #05070D; }
.mg-play.is-sm { top: 50%; width: 36px; height: 36px; margin: -18px 0 0 -18px; }
.mg-play.is-sm::before { left: 14px; top: 11px; border-width: 7px 0 7px 11px; }
.mg-vbig:hover .mg-play, .mg-vrow:hover .mg-play { transform: scale(1.08); }
.mg-vlist { display: flex; flex-direction: column; gap: 12px; }
.mg-vrow { display: grid; grid-template-columns: 140px minmax(0, 1fr); gap: 12px; align-items: center; }
.mg-vthumb { position: relative; aspect-ratio: 16 / 9; border-radius: 12px; overflow: hidden; border: 1px solid var(--nw-line); background: #0B1120; }
.mg-vthumb img { width: 100%; height: 100%; object-fit: cover; }
.mg-vrow > span:last-child { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.mg-vrow b { font-size: 14px; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.mg-vrow:hover b { color: var(--nw-hi); }

/* llamada final tipo "Stay updated" */
.mg-cta { gap: 22px; }
.mg-cta-ic { flex: none; width: 64px; height: 64px; }
.mg-cta > div { flex: 1; }

@media (max-width: 1080px) {
  .mg-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mg-top, .mg-cols { grid-template-columns: minmax(0, 1fr); }
  .mg-market { border-left: 0; border-top: 1px solid var(--nw-line); }
  .mg-coins { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 22px; }
  .mg-aside { position: static; margin-top: 10px; }
}
@media (max-width: 700px) {
  .mg-strip { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; margin-right: -16px; padding-right: 16px; }
  .mg-strip::-webkit-scrollbar { display: none; }
  .mg-mini { flex: 0 0 78%; scroll-snap-align: start; }
  .mg-hero, .mg-slide { min-height: 400px; }
  .mg-slide-tx { padding: 22px 20px 42px; }
  .mg-dots { left: 20px; bottom: 18px; }
  .mg-coins { grid-template-columns: minmax(0, 1fr); }
  .mg-bento { grid-template-columns: 1fr 1fr; grid-template-rows: 260px 170px 170px; }
  .mg-tile.is-big { grid-column: span 2; grid-row: auto; }
  .mg-vids { grid-template-columns: minmax(0, 1fr); }
  .mg-vbig { min-height: 230px; }
  .mg-vrow { grid-template-columns: 120px minmax(0, 1fr); }
  .mg-cta { align-items: flex-start; }
}
@media (prefers-reduced-motion: reduce) { .mg-slides { scroll-behavior: auto; } .mg-skel { animation: none; } }
/* el tema de la web da 60 px de relleno a cada <section>: dentro de Noticias no */
.oc-news > section, .oc-news .mg-main > section { padding: 0; }
/* el tema quita las viñetas: en los artículos, punto en las listas y número en las numeradas */
.oc-news .nw-content ul, .oc-news .nw-tldr ul { list-style: disc outside; padding-left: 24px; }
.oc-news .nw-content ol { list-style: decimal outside; padding-left: 26px; }
.oc-news .nw-content ul ul { list-style: circle outside; }
.oc-news .nw-content li, .oc-news .nw-tldr li { display: list-item; padding-left: 4px; }
.oc-news .nw-content li::marker, .oc-news .nw-tldr li::marker { color: var(--nw-blue); font-weight: 700; }
.oc-news .nw-content ul > li, .oc-news .nw-tldr ul > li { list-style: disc outside; }
.oc-news .nw-content ol > li { list-style: decimal outside; }