/*
 * Tema rosso Capture — gerarchia tonale scuro/accento/crema.
 * Caricato dopo vapi.css: ridefinisce le variabili usate dalle utility
 * compilate senza alterare layout, tipografia o comportamento responsive.
 */
:root {
  --color-surface-dark: #321013;
  --color-brand-primary: #d73545;
  --color-brand-primary-hovered: #ec5361;
  --color-brand-green: #e3684f;
  --color-teal: #b52335;
  --globe-green-fill: #d73545;
  --color-surface-cream: #f2e9e5;
}

/* Segno distintivo del wordmark Capture. */
.dialogsphere-wordmark::after {
  content: "";
  display: inline-block;
  width: 9px;
  height: 9px;
  margin-left: 6px;
  flex: 0 0 9px;
  background-color: #d73545;
}

/* Quattro fotogrammi narrativi Capture, pronti per diventare una sequenza video. */
@keyframes capture-hero-a {
  0%, 20% { opacity: 1; }
  25%, 94% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes capture-hero-b {
  0%, 20% { opacity: 0; }
  25%, 45% { opacity: 1; }
  50%, 100% { opacity: 0; }
}

@keyframes capture-hero-c {
  0%, 45% { opacity: 0; }
  50%, 70% { opacity: 1; }
  75%, 100% { opacity: 0; }
}

@keyframes capture-hero-d {
  0%, 70% { opacity: 0; }
  75%, 95% { opacity: 1; }
  100% { opacity: 0; }
}

.hero-capture-frame {
  animation-duration: 24s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  will-change: opacity;
}

.hero-capture-frame-a { animation-name: capture-hero-a; }
.hero-capture-frame-b { animation-name: capture-hero-b; }
.hero-capture-frame-c { animation-name: capture-hero-c; }
.hero-capture-frame-d { animation-name: capture-hero-d; }

/* Contrasto tipografico senza pannelli, gradienti o oscuramenti della fotografia. */
.hero-capture-frame ~ div h1,
.hero-capture-frame ~ div p {
  text-shadow: 0 2px 18px rgba(15, 15, 15, 0.32);
}

/* Hero video: il contrasto è gestito dagli stessi layer del sito Voice. */
.capture-hero-video {
  background: #f2e9e5;
}

@media (prefers-reduced-motion: reduce) {
  .hero-capture-frame { animation: none; }
  .hero-capture-frame-a { opacity: 1 !important; }
  .hero-capture-frame-b,
  .hero-capture-frame-c,
  .hero-capture-frame-d { opacity: 0 !important; }
}

.vapi-clone-route .bg-black.border-black {
  background-color: #44151a;
  border-color: #44151a;
}

.vapi-clone-route section.bg-black,
.vapi-clone-route footer.bg-black {
  background-color: #321013;
}

.vapi-clone-route [class*="bg-[#1a1a1a]"] { background-color: #45191e; }
.vapi-clone-route [class*="bg-[#2a2a2a]"] { background-color: #582027; }
.vapi-clone-route [class*="bg-[#303030]"] { background-color: #68262f; }

a[class*="rounded-xl"],
button[class*="rounded-xl"],
a[class*="rounded-lg"],
button[class*="rounded-lg"] {
  border-radius: 9999px !important;
}