/*
 * Videos de la ficha de producto: piezas de la galeria del tema (tras la primera foto) y fila "Ver video" del
 * panel de compra. Usa los tokens del tema celebrand con valores de reserva.
 */
.fdv-row__icon { color: var(--fd-accent, #c2552b); flex: none; }

/* Pieza cuadrada como las fotos; los videos horizontales quedan con bandas al reproducirse. */
.fdv-player { aspect-ratio: 1 / 1; background: var(--fd-ink, #1e1915); overflow: hidden; position: relative; }
.fdv-player iframe { border: 0; display: block; height: 100%; width: 100%; }

.fdv-poster { background: none; border: 0; cursor: pointer; display: block; height: 100%; padding: 0; position: relative; width: 100%; }
.fdv-poster img { display: block; height: 100%; object-fit: cover; transition: transform .4s ease; width: 100%; }
.fdv-poster:hover img { transform: scale(1.02); }
.fdv-poster::after { background: linear-gradient(180deg, rgba(30, 25, 21, 0) 55%, rgba(30, 25, 21, .35)); content: ""; inset: 0; position: absolute; }

.fdv-poster__play {
  background: var(--fd-accent, #c2552b);
  border-radius: 50%;
  height: 4.5rem;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: background-color .2s ease, transform .2s ease;
  width: 4.5rem;
  z-index: 1;
}
.fdv-poster__play::before {
  border-color: transparent transparent transparent #fff;
  border-style: solid;
  border-width: .75rem 0 .75rem 1.25rem;
  content: "";
  left: 55%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.fdv-poster:hover .fdv-poster__play,
.fdv-poster:focus-visible .fdv-poster__play { background: var(--fd-accent-hover, #a5461f); transform: translate(-50%, -50%) scale(1.06); }
.fdv-poster:focus-visible { outline: 2px solid var(--fd-accent, #c2552b); outline-offset: -4px; }

/* Movil y tablet (carrusel unico): si el ajuste general pide otro orden que en escritorio, cada pieza lleva
   --fd-m-order con su posicion. */
@media (max-width: 991.98px) {
  .fd-gallery__item[style*="--fd-m-order"] { order: var(--fd-m-order); }
}

/* En la tira de miniaturas de escritorio el boton es mas pequeno. */
.fd-gallery__strip .fdv-poster__play { height: 2.75rem; width: 2.75rem; }
.fd-gallery__strip .fdv-poster__play::before { border-width: .5rem 0 .5rem .8rem; }

@media (max-width: 575.98px) {
  .fdv-poster__play { height: 3.5rem; width: 3.5rem; }
}

@media (prefers-reduced-motion: reduce) {
  .fdv-poster img, .fdv-poster__play { transition: none; }
}