.oj-ofertas {
  margin-block: 2rem;
  scroll-margin-top: 5rem;
}
.oj-ofertas-head, .oj-oferta-links {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: .65rem 1rem;
  flex-wrap: wrap;
}
.oj-ofertas-head { margin-bottom: 1rem; }
.oj-ofertas-head h2 { margin: 0; font-size: clamp(1.65rem, 3vw, 2.6rem); line-height: 1.12; }
.oj-ofertas a { color: #005cae; }
.oj-ofertas-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.oj-oferta {
  display: flex;
  flex-direction: column;
  gap: .65rem;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: white;
  border: 1px solid #d5dfeb;
  border-top: 4px solid #0088fe;
  border-radius: .8rem;
  color: #17212d;
  overflow-wrap: anywhere;
}
.oj-oferta h3 { margin: 0; font-size: 1.18rem; line-height: 1.3; }
.oj-oferta .oj-oferta-imagen { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: contain; border-radius: .4rem; }
.oj-oferta p { margin: 0; }
.oj-oferta .oj-oferta-precio { color: #005cae; font-weight: 800; font-size: 1.6rem; line-height: 1.2; }
.oj-oferta-cupon code { padding: .1rem .35rem; background: #edf6ff; border: 1px dashed #8ec2ec; border-radius: .25rem; }
.oj-oferta-links { align-items: center; margin-top: auto; padding-top: .5rem; font-size: .9rem; }
.oj-oferta .oj-oferta-boton { padding: .6rem 1rem; border-radius: .5rem; background: #0065b9; color: white; font-weight: 700; text-decoration: none; }
.oj-oferta .oj-oferta-boton:hover { background: #004c90; }
.oj-ofertas a:focus-visible { outline: 3px solid #005cae; outline-offset: 3px; }
@media (max-width: 700px) {
  .oj-ofertas-grid { grid-template-columns: 1fr; }
}

.oj-ofertas-consolas { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin-top: 1rem; }
.oj-ofertas-consolas span { font-weight: 700; margin-right: .25rem; }
.oj-ofertas .oj-ofertas-consolas a { color: #17212d; }

/* Botones de redes (Telegram, WhatsApp, X) */
.oj-redes { display: inline-flex; align-items: center; gap: .4rem; flex-wrap: wrap; font-size: .85rem; color: #5b6673; }
.oj-redes-texto { margin-right: .1rem; }
.oj-ofertas .oj-red, .oj-red { display: inline-flex; width: 30px; height: 30px; align-items: center; justify-content: center; border-radius: 50%; background: white; border: 1px solid #d5dfeb; transition: transform .12s ease, border-color .12s ease; }
.oj-red img { display: block; width: 18px; height: 18px; }
.oj-red:hover { transform: translateY(-1px); border-color: #8ec2ec; }

/* Portada: título + plataformas en la misma línea; pie con «Ver todas» y redes */
.oj-ofertas-portada-head { align-items: center; }
.oj-ofertas-portada-head h2 a { color: inherit; }
.oj-ofertas-portada-head h2 a:hover { color: #005cae; }
.oj-ofertas-portada-head .oj-ofertas-consolas { margin-top: 0; }
.oj-ofertas-pie { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .75rem 1rem; margin-top: 1rem; }
.oj-ofertas .oj-ofertas-todas { font-weight: 750; padding: .55rem 1rem; border: 1px solid #0065b9; border-radius: .5rem; background: white; }
.oj-ofertas .oj-ofertas-todas:hover { background: #edf6ff; }

.oj-ofertas-pie .oj-ofertas-todas + .oj-ofertas-todas { margin-left: .5rem; }
.oj-ofertas-pie > .oj-redes { margin-left: auto; }
