/* Modo incrustado: se usa dentro de la pestaña "Combinar fotos" de R&L Oficina. */
.embed {
  color-scheme: light;
  --bg: #f4f6f8;
  --bg-grad: none;
  --card: #ffffff;
  --card-2: #f7fafb;
  --ink: #0b1f24;
  --ink-2: #334155;
  --muted: #64748b;
  --line: #e2e8ee;
  --line-strong: #cbd5e1;
  --accent: #0f766e;
  --accent-hover: #115e59;
  --accent-soft: #e7f5f1;
  --accent-ink: #ffffff;
  --radius: 15px;
  --radius-sm: 10px;
}

.embed body {
  min-height: 0;
  display: block;
  background: #f4f6f8;
  background-image: none;
}

.embed .hero,
.embed .foot {
  display: none !important;
}

.embed .app {
  gap: 14px;
  padding-bottom: 0;
}

.embed .wrap {
  width: 100%;
  max-width: none;
}

.embed .card {
  padding: 16px;
  box-shadow: none;
}

.embed .toast {
  bottom: 10px;
}

@media (max-width: 900px) {
  .embed .app {
    grid-template-columns: 1fr;
  }
}