/* ============================================================
   Dominyk Design — brand.css
   Overrides aplicados APÓS css/9c0e93d11898b9cf.css
   Accent: laranja Dominyk (#fb923c → #f97316)
   ============================================================ */

:root {
  --dk-orange: #fb923c;
  --dk-orange-deep: #f97316;
  --dk-ink: #1c1917;
  /* herda as vars do tema delas, agora na marca Dominyk */
  --brand: #f97316;
  --brand-deep: #7c2d12;
  --hero-start: #fb923c;
  --hero-end: #f97316;
  --glow-brand: rgba(249, 115, 22, 0.5);
  --glow-brand-soft: rgba(249, 115, 22, 0.16);
}

/* ---------- seleção e foco ---------- */
::selection {
  background: #f97316;
  color: #fff;
}
:focus-visible {
  outline: 2px solid #f97316;
  outline-offset: 2px;
  border-radius: 4px;
}

/* ---------- botões primários ---------- */
.btn--primary,
.cta-section__btn,
.dd-cta {
  background: linear-gradient(90deg, #fb923c 0%, #f97316 100%);
  border-color: transparent;
  color: #fff;
}
.btn--primary:hover,
.cta-section__btn:hover,
.dd-cta:hover {
  opacity: 0.88;
}
.btn--primary,
.cta-section__btn,
.dd-cta {
  border-radius: 12px;
}
.cta-section__btn {
  width: 320px;
}
.dd-cta svg {
  display: none;
}

/* ---------- links ---------- */
.skills__cta,
.skill-modal__cta,
.cm-card__cta,
.cta-link,
.footer__nav-link,
.header__pricing,
.header__community,
.download-option {
  transition: color 0.18s ease;
}
.skills__cta:hover,
.skill-modal__cta:hover,
.cm-card__cta:hover,
.cta-link:hover,
.footer__nav-link:hover,
.download-option:hover {
  color: var(--dk-orange-deep);
}
.header__community {
  color: var(--dk-orange-deep);
  font-weight: 500;
}
.header__community:hover {
  color: var(--dk-orange);
}
.cta-link:before {
  color: var(--dk-orange);
}

/* ---------- coluna destaque da comparação ---------- */
.cmp-col--featured {
  border-left-color: #f97316;
}

/* ---------- wordmark / logos Dominyk ---------- */
.dd-wordmark {
  font-family: "Outfit", "Inter", var(--font-body, sans-serif);
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 0.02em;
  line-height: 1;
  white-space: nowrap;
  background: linear-gradient(90deg, #fb923c, #f97316);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.dd-wordmark--hero {
  font-size: clamp(30px, 4.4vw, 46px);
  font-weight: 800;
  letter-spacing: -0.01em;
}
.dd-hero-brand {
  display: inline-flex;
  align-items: center;
  gap: clamp(10px, 1.6vw, 18px);
}
.dd-hero-brand img,
.dd-footer-brand img {
  border-radius: 8px;
  display: block;
}
.dd-footer-brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.dd-footer-copy {
  margin-top: 14px;
  font-size: 12px;
  color: #555;
}
.header__logo {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.header__logo img {
  border-radius: 6px;
}

/* ---------- overlays estáticos (sem runtime) ---------- */
.hero-orbit__item {
  pointer-events: none;
}
.site-loading-overlay {
  display: none;
}
body.site-is-loading {
  overflow: visible;
  animation: none;
}
.skill-card__media-status {
  display: none;
}
.skill-card__media-shell.is-loading {
  opacity: 1;
}
.skill-card__bg-img {
  opacity: 1;
}

/* ---------- refinamentos ---------- */
.workflow-carousel__detail-mark span {
  color: var(--dk-orange-deep);
}
.hero__tagline {
  color: #fff;
}

/* ============================================================
   Dominyk Design — Imagine 1.0 (produto-mãe) + refinamentos
   ============================================================ */

/* ---------- bloco produto-mãe (Imagine 1.0) ---------- */
.dd-product-mother-block {
  display: block;
  margin: 20px 0 28px;
  padding: 24px 28px;
  border: 1px solid rgba(249, 115, 22, 0.35);
  border-left: 4px solid var(--dk-orange-deep);
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(249, 115, 22, 0.08), rgba(249, 115, 22, 0.03));
}
.dd-product-mother-block__badge {
  display: inline-block;
  margin-bottom: 10px;
  padding: 4px 12px;
  font-family: "Outfit", "Inter", var(--font-body, sans-serif);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #fff;
  background: linear-gradient(90deg, #fb923c, #f97316);
  border-radius: 999px;
}
.dd-product-mother-block__title {
  margin: 0 0 6px;
  font-family: "Outfit", "Inter", var(--font-body, sans-serif);
  font-size: clamp(22px, 2.6vw, 30px);
  font-weight: 800;
  letter-spacing: -0.01em;
  line-height: 1.1;
  color: var(--dk-ink, #1c1917);
}
.dd-product-mother-block__value {
  margin: 0 0 10px;
  font-family: "Outfit", "Inter", var(--font-body, sans-serif);
  font-size: 15px;
  font-weight: 700;
  color: var(--dk-orange-deep);
}
.dd-product-mother-block__desc {
  margin: 0;
  font-size: 14px;
  line-height: 1.55;
  color: #44403c;
}

/* ---------- destaque Imagine 1.0 na linha de agentes ---------- */
.dd-product-mother {
  color: var(--dk-orange-deep);
  font-weight: 700;
}

/* ---------- refinamentos de hierarquia / espaçamento ----------
   Regras de polimento que NÃO alteram a estrutura, apenas
   tipografia, contraste e respiro (princípios 1/4/9).       */

/* toque confortável para links de rodapé (target >= 44px) */
.footer__nav-link {
  display: inline-block;
  padding: 10px 4px;
  min-height: 44px;
}
.footer__nav-heading {
  padding-top: 10px;
}

/* contraste do texto de apoio nos corpos de fluxo */
.wf-row__body-item {
  color: #333;
}