/* Ajustes de la copia estática; el diseño original está en los otros CSS. */
/* El constructor deja estos elementos a opacity:0 hasta hidratar sus animaciones.
   En la copia estática deben ser visibles incluso sin JavaScript. */
.transition:not(.transition--root-hidden),
.transition.transition--root-hidden [data-animation-role="block-element"],
.transition.transition--root-hidden [data-animation-role="image"] {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}
.clone-form-status { margin-top: 12px; font: 14px/1.5 sans-serif; color: inherit; }
.clone-lightbox { border: 0; padding: 48px 16px 16px; background: #111; color: white; max-width: 94vw; max-height: 94vh; }
.clone-lightbox::backdrop { background: rgb(0 0 0 / 85%); }
.clone-lightbox img { display: block; max-width: 88vw; max-height: 78vh; object-fit: contain; }
.clone-lightbox-close { position: absolute; top: 10px; right: 16px; border: 0; background: transparent; color: white; font: 16px sans-serif; cursor: pointer; }
:focus-visible { outline: 2px solid #ce5f1c; outline-offset: 4px; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto !important; } }