/**
 * Cholloblog Theme — pulido de tarjetas de portada.
 *
 * Mejora la jerarquía visual de imagen, CTA, precio y metadatos sin
 * modificar el HTML heredado ni la integración de Affiliates/Keepa.
 *
 * @since 3.4.0
 */
.cb-theme .post-list .post-inner {
  border: 1px solid rgba(19, 48, 78, .10);
  box-shadow: 0 8px 24px rgba(24, 47, 75, .075);
  transition: transform .24s cubic-bezier(.2,.8,.2,1),
              box-shadow .24s ease,
              border-color .24s ease;
}

.cb-theme .post-list .post-inner:hover {
  transform: translateY(-4px);
  border-color: rgba(8, 119, 209, .19);
  box-shadow: 0 16px 36px rgba(24, 56, 91, .13);
}

.cb-theme .post-list .post-thumbnail {
  position: relative;
  isolation: isolate;
}

.cb-theme .post-list .post-thumbnail::after {
  content: "";
  position: absolute;
  z-index: 1;
  inset: auto 0 0;
  height: 72px;
  pointer-events: none;
  background: linear-gradient(to top, rgba(12, 24, 38, .13), transparent);
  opacity: .75;
}

.cb-theme .post-list .post-thumbnail img {
  transition: transform .42s cubic-bezier(.2,.8,.2,1), filter .3s ease;
}

.cb-theme .post-list .post-inner:hover .post-thumbnail img {
  transform: scale(1.018);
  filter: saturate(1.025);
}

/* CTA del plugin de afiliados: naranja corporativo y mejor integración. */
.cb-theme .post-list .post-thumbnail a[class*="boton"],
.cb-theme .post-list .post-thumbnail a[class*="button"],
.cb-theme .post-list .post-thumbnail .cb-affiliate-button,
.cb-theme .post-list .post-thumbnail .cb-home-affiliate a,
.cb-theme .post-list .post-thumbnail a[rel*="sponsored"] {
  z-index: 5;
  border-radius: 999px !important;
  box-shadow: 0 7px 18px rgba(230, 108, 0, .25) !important;
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease !important;
}

.cb-theme .post-list .post-thumbnail a[class*="boton"]:hover,
.cb-theme .post-list .post-thumbnail a[class*="button"]:hover,
.cb-theme .post-list .post-thumbnail .cb-affiliate-button:hover,
.cb-theme .post-list .post-thumbnail .cb-home-affiliate a:hover,
.cb-theme .post-list .post-thumbnail a[rel*="sponsored"]:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(230, 108, 0, .34) !important;
  filter: brightness(1.035);
}

/* Título y metadatos con una jerarquía algo más clara. */
.cb-theme .post-list .post-title {
  color: #202d3a;
  font-weight: 800;
  text-wrap: balance;
}

.cb-theme .post-list .post-title a {
  color: inherit;
  text-decoration: none;
}

.cb-theme .post-list .post-title a:hover {
  color: var(--cb-primary, #0877d1);
}

.cb-theme .post-list .post-date {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .025em;
  text-transform: uppercase;
}

.cb-theme .post-list .post-category a {
  border: 1px solid rgba(8, 119, 209, .08);
  transition: background-color .18s ease, color .18s ease, transform .18s ease;
}

.cb-theme .post-list .post-category a:hover {
  transform: translateY(-1px);
}

/* Keepa queda visualmente separado sin competir con el contenido principal. */
.cb-theme .post-list .cb-card-keepa {
  border: 1px solid rgba(21, 51, 82, .10);
  background: #fbfcfe;
  box-shadow: 0 4px 14px rgba(25, 48, 74, .055);
}

/* Estado de foco claro para elementos accionables de las tarjetas. */
.cb-theme .post-list .post-inner a:focus-visible {
  outline: 3px solid rgba(8, 119, 209, .30);
  outline-offset: 3px;
}

@media (max-width: 719px) {
  .cb-theme .post-list .post-inner:hover {
    transform: none;
  }

  .cb-theme .post-list .post-thumbnail::after {
    height: 58px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cb-theme .post-list .post-inner,
  .cb-theme .post-list .post-thumbnail img,
  .cb-theme .post-list .post-thumbnail a[class*="boton"],
  .cb-theme .post-list .post-thumbnail a[class*="button"],
  .cb-theme .post-list .post-thumbnail .cb-affiliate-button,
  .cb-theme .post-list .post-thumbnail .cb-home-affiliate a,
  .cb-theme .post-list .post-thumbnail a[rel*="sponsored"] {
    transition: none !important;
    transform: none !important;
  }
}

/* 3.5.0 — cupón de portada más limpio, sin sombra inferior. */
.cb-theme .post-list .cb-home-affiliate > .cb-home-coupon,
.cb-theme .post-list .cb-home-coupon.cb-copy-coupon {
  box-shadow: none !important;
  filter: none !important;
  transform: none;
  background: #fff;
  border-color: color-mix(in srgb, var(--cb-home-accent, #f28a00) 70%, #d9dee5);
  transition: background-color .16s ease, border-color .16s ease, color .16s ease !important;
}

.cb-theme .post-list .cb-home-affiliate > .cb-home-coupon:hover,
.cb-theme .post-list .cb-home-affiliate > .cb-home-coupon:focus-visible,
.cb-theme .post-list .cb-home-coupon.cb-copy-coupon:hover,
.cb-theme .post-list .cb-home-coupon.cb-copy-coupon:focus-visible {
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
  background: color-mix(in srgb, var(--cb-home-accent, #f28a00) 4%, #fff);
  border-color: var(--cb-home-accent, #f28a00);
}

.cb-theme .post-list .cb-home-coupon.is-copied {
  box-shadow: none !important;
  filter: none !important;
}

@supports not (color: color-mix(in srgb, #000 50%, #fff)) {
  .cb-theme .post-list .cb-home-affiliate > .cb-home-coupon,
  .cb-theme .post-list .cb-home-coupon.cb-copy-coupon {
    border-color: var(--cb-home-accent, #f28a00);
  }
  .cb-theme .post-list .cb-home-affiliate > .cb-home-coupon:hover,
  .cb-theme .post-list .cb-home-affiliate > .cb-home-coupon:focus-visible,
  .cb-theme .post-list .cb-home-coupon.cb-copy-coupon:hover,
  .cb-theme .post-list .cb-home-coupon.cb-copy-coupon:focus-visible {
    background: #fffaf4;
  }
}