/* Páginas de ofertas por consola. Reutiliza las tarjetas del widget (ofertas.css). */
.oj-consola .crumb { display: block; margin-bottom: 1rem; font-size: .9rem; color: #5b6673; }
.oj-consola .crumb a { color: var(--blue, #005cae); }
.oj-consola .pagehead { border-left: 6px solid var(--tone, #0088fe); padding-left: 1rem; margin-bottom: 1.25rem; }
.oj-consola .pagehead h1 { font-size: clamp(2rem, 4.4vw, 3.4rem); line-height: 1.05; margin: 0 0 .75rem; }
.oj-consola .intro p { margin: 0 0 .6rem; max-width: 72ch; line-height: 1.55; color: #33404e; }
.oj-consolas { display: flex; flex-wrap: wrap; gap: .5rem; padding: .9rem 0; margin-bottom: .5rem; border-bottom: 1px solid var(--line, #d5dfeb); }
.oj-consolas .pill.active { border-color: var(--tone, #0088fe); box-shadow: inset 0 0 0 1px var(--tone, #0088fe); }
.oj-consola .oj-oferta { border-top-color: var(--tone, #0088fe); }
.oj-consola .oj-oferta h3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.oj-oferta-meta { font-size: .8rem; color: #5b6673; text-transform: uppercase; letter-spacing: .04em; font-weight: 650; }
.oj-oferta .oj-oferta-precio del { margin-left: .4rem; font-size: 1rem; font-weight: 600; color: #7a8591; }
.oj-anteriores { margin-top: 2.5rem; }
.oj-anteriores h2 { font-size: clamp(1.4rem, 2.6vw, 2rem); margin: 0 0 .35rem; }
.oj-aviso, .oj-nota { color: #5b6673; font-size: .9rem; line-height: 1.5; }
.oj-anteriores ul { list-style: none; margin: 1rem 0 0; padding: 0; border-top: 1px solid var(--line, #d5dfeb); }
.oj-anteriores li { display: grid; grid-template-columns: 4.5rem 1fr auto; gap: .75rem; align-items: baseline; padding: .6rem 0; border-bottom: 1px solid var(--line, #d5dfeb); }
.oj-anteriores li a { color: #17212d; font-weight: 600; }
.oj-anteriores li a:hover { color: var(--blue, #005cae); text-decoration: underline; }
.oj-ant-fecha { color: #5b6673; font-size: .85rem; }
.oj-ant-precio { font-weight: 750; color: var(--blue, #005cae); white-space: nowrap; }
.oj-consola .empty { padding: 2rem 0; }
.oj-nota { margin-top: 2rem; }
@media (max-width: 700px) {
  .oj-anteriores li { grid-template-columns: 1fr; gap: .2rem; }
}
@media (min-width: 701px) and (max-width: 1000px) {
  .oj-consola .oj-ofertas-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.oj-consola-head { margin: 1.5rem 0 .5rem; }
.oj-consola-head h2 { margin: 0; font-size: clamp(1.65rem, 3vw, 2.6rem); line-height: 1.12; }
.oj-formatos { display: flex; gap: 1rem; flex-wrap: wrap; margin: .25rem 0 0; font-weight: 700; }
.oj-formatos a { color: var(--blue, #005cae); }
.oj-formatos span { color: #5b6673; font-weight: 600; }
.oj-formato { margin-block: 1.25rem 2rem; }
.oj-formato-titulo { font-size: clamp(1.25rem, 2.2vw, 1.6rem); margin: 0 0 .9rem; padding-bottom: .4rem; border-bottom: 3px solid var(--tone, #0088fe); display: inline-block; }
.oj-consola .empty .oj-redes { margin-left: .5rem; }

/* El tema subraya «nav a.active» a 7px; en las píldoras queda pegado al borde. */
.oj-consolas .pill.active, .oj-ofertas-consolas .pill.active { text-underline-offset: 2px; text-decoration-thickness: 2px; }

/* Bloque de últimas ofertas bajo los canales del directorio */
.oj-ofertas-directorio { margin-top: 2.5rem; }
.oj-ofertas-directorio .oj-ofertas-head h2 { margin: 0; }
.oj-ofertas-directorio .oj-oferta h3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.oj-ofertas-pie .oj-ofertas-todas + .oj-ofertas-todas { margin-left: .5rem; }

.oj-cta-precios { margin: .25rem 0 .5rem; font-weight: 650; }
.oj-cta-precios a { color: var(--blue, #005cae); text-decoration: underline; text-underline-offset: 3px; }