/* Juegos de Pajarito · imágenes de las fichas de «Juegos» y caja «Ponlo a prueba» de los artículos · SPDX-License-Identifier: GPL-2.0-or-later
   Funciona dentro de las fichas .pbtc-card del tema. Ajusta el radio o la proporción aquí si lo necesitas. */

.pbtc-game-thumb {
  position: relative;
  display: block;
  margin: 0 0 1rem;
  overflow: hidden;
  border-radius: 14px;
  background: #f1f5f9;
  box-shadow: 0 1px 0 rgba(23, 35, 58, .06), 0 6px 18px -8px rgba(23, 35, 58, .35);
  isolation: isolate;
  text-decoration: none !important;
}

.pbtc-game-thumb::after {
  /* Velo suave en la parte baja y borde interior: da profundidad sin tapar la ilustración. */
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(180deg, rgba(23, 35, 58, 0) 55%, rgba(23, 35, 58, .22) 100%);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .35);
  pointer-events: none;
}

.pbtc-game-thumb .pbtc-game-thumb__img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  object-position: center;
  margin: 0;
  border: 0;
  border-radius: 0;
  max-width: none;
}

@media (prefers-reduced-motion: no-preference) {
  .pbtc-game-thumb .pbtc-game-thumb__img { transition: transform .35s ease; }
  .pbtc-card:hover .pbtc-game-thumb .pbtc-game-thumb__img,
  .pbtc-card:focus-within .pbtc-game-thumb .pbtc-game-thumb__img { transform: scale(1.04); }
}

/* ---------- Caja «🎲 Ponlo a prueba» al final de los artículos ---------- */

.pbtc-game-cta {
  display: grid;
  gap: 1rem;
  align-items: center;
  margin: 2.25rem 0 1rem;
  padding: 1rem;
  background: #fff8db;
  border: 1.5px solid #f2b705;
  border-radius: 14px;
  color: #17233a;
}
@media (min-width: 560px) {
  .pbtc-game-cta.has-thumb { grid-template-columns: 160px 1fr; }
}
.pbtc-game-cta .pbtc-game-cta__thumb {
  display: block;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 4px 12px -6px rgba(23, 35, 58, .35);
  text-decoration: none !important;
}
.pbtc-game-cta .pbtc-game-cta__thumb__img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  margin: 0;
  border: 0;
  border-radius: 0;
  max-width: none;
}
.pbtc-game-cta .pbtc-game-cta__body > * { margin: 0; }
.pbtc-game-cta .pbtc-game-cta__body > * + * { margin-top: .4rem; }
.pbtc-game-cta .pbtc-game-cta__eyebrow { font-size: .8rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; color: #8a6a00; }
.pbtc-game-cta .pbtc-game-cta__text { font-size: 1rem; line-height: 1.55; }
.pbtc-game-cta .pbtc-game-cta__link { display: inline-block; font-weight: 800; color: #17233a; text-decoration: underline; text-underline-offset: 3px; }
.pbtc-game-cta .pbtc-game-cta__link:hover { text-decoration-thickness: 2px; }
@media (prefers-reduced-motion: no-preference) {
  .pbtc-game-cta .pbtc-game-cta__thumb__img { transition: transform .35s ease; }
  .pbtc-game-cta:hover .pbtc-game-cta__thumb__img { transform: scale(1.04); }
}