body{
    background: #252525;
    color: #e2e8f0;
}

catalogo-libro {
  display: block;
  width: 100%;
}

.nebula-catalogue {
  --nebula-orange: #f97316;
  --nebula-ink: #080d1b;
  --nebula-panel: #111827;
  padding: clamp(1rem, 4vw, 2.5rem) 0 2rem;
}

.nebula-book-wrapper {
  width: min(94vw, 860px);
  background: #080d1b;
  box-shadow: 0 24px 60px rgba(0, 0, 0, .35), 0 0 0 1px rgba(249, 115, 22, .12);
}

.nebula-flipbook {
  width: 100%;
}

.nebula-cover,
.nebula-back-cover {
  background: radial-gradient(circle at 50% 18%, rgba(249, 115, 22, .18), transparent 32%), linear-gradient(145deg, #111827, #050814 68%);
}

.nebula-cover {
  position: relative;
  overflow: hidden;
  padding: 0 !important;
  background: #ffffff;
}

.nebula-cover::after {
  display: none;
}

.nebula-cover-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}

.nebula-cover-mark {
  color: #fdba74;
  background: rgba(249, 115, 22, .12);
  border: 1px solid rgba(249, 115, 22, .42);
  box-shadow: 0 0 30px rgba(249, 115, 22, .16);
}

.nebula-kicker {
  color: #fb923c;
}

.nebula-cover-hint {
  color: #94a3b8;
  animation: nebula-pulse 2.2s ease-in-out infinite;
}

.nebula-product-page {
  background: #ffffff;
}

.nebula-full-page-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}

.nebula-quote-button {
  background: #059669;
  box-shadow: 0 8px 18px rgba(5, 150, 105, .2);
}

.nebula-quote-button:hover {
  background: #10b981;
}

.nebula-control-button {
  background: #1e293b;
  border: 1px solid #334155;
}

.nebula-control-button:hover {
  background: #334155;
}

.nebula-control-next {
  background: var(--nebula-orange);
  border-color: var(--nebula-orange);
}

.nebula-control-next:hover {
  background: #fb923c;
}

@keyframes nebula-pulse {
  0%, 100% { opacity: .55; }
  50% { opacity: 1; }
}

@media (max-width: 640px) {
  .nebula-catalogue {
    padding-top: 1rem;
  }

  .nebula-book-wrapper {
    width: min(88vw, 360px);
  }

}

@media (max-height: 720px) and (min-width: 641px) {
  .nebula-book-wrapper {
    width: min(72vh, 400px);
  }
}

model-viewer {
  width: 100vw;
  height: 100vh;
  display: block;
}