.cl-gar-image {
  display: block;
  width: 96px;
  height: 96px;
  object-fit: contain;
  flex: 0 0 auto;
}

.cl-cta.cl-cta-pulse {
  animation: cl-purchase-pulse 2.2s ease-in-out infinite;
}

.cl-card img.cl-gar-image {
  border: 0;
  border-radius: 0;
  margin: 0;
}

.cl-cta.cl-cta-pulse:hover,
.cl-cta.cl-cta-pulse:focus-visible,
.cl-cta.cl-cta-pulse:active {
  animation: none;
}

@keyframes cl-purchase-pulse {
  0%, 100% {
    transform: scale(1);
    box-shadow: 0 8px 24px rgba(63, 122, 58, .32), 0 0 0 0 rgba(63, 122, 58, .25);
  }
  55% {
    transform: scale(1.018);
    box-shadow: 0 10px 28px rgba(63, 122, 58, .42), 0 0 0 10px rgba(63, 122, 58, 0);
  }
}

@media (max-width: 380px) {
  .cl-gar-image { width: 80px; height: 80px; }
}

@media (prefers-reduced-motion: reduce) {
  .cl-cta.cl-cta-pulse { animation: none; }
  .cl-page .cl-notif { transition: none; }
}

.cl-page .cl-notif { visibility: hidden; pointer-events: none; }
.cl-page .cl-notif.cl-show { visibility: visible; pointer-events: auto; }
.cl-notif-content { flex: 1; min-width: 0; padding-right: 13px; }
.cl-notif-disclosure { margin-top: 5px; font-size: 11px; line-height: 1.3; color: #59664e; }
.cl-notif-close {
  position: absolute; top: 5px; right: 5px; width: 24px; height: 24px;
  display: grid; place-items: center; border: 0; background: transparent;
  color: #59664e; cursor: pointer; font: 22px/1 sans-serif;
}
.cl-notif-close:focus-visible { outline: 2px solid #3f7a3a; border-radius: 4px; }

.cl-page .cl-ft { touch-action: pan-y pinch-zoom; cursor: grab; user-select: none; }
.cl-page .cl-ft.cl-dragging { cursor: grabbing; transition: none; }
.cl-ft img { -webkit-user-drag: none; }
.cl-fplay { margin-left: 12px; padding: 4px 9px; border: 1px solid var(--salvia-borde); border-radius: 20px; background: transparent; color: var(--bosque); font: inherit; font-size: 11px; cursor: pointer; }
.cl-fplay:focus-visible, .cl-ft:focus-visible { outline: 2px solid var(--verde-cta); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) {
  .cl-page .cl-ft { transition: none; }
}
