/* Criou.pro — botões das guias: respiro + contraste */
:root {
  --guide-cta-bg: #FF6B4A;
  --guide-cta-fg: #ffffff;
  --guide-cta-bg-hover: #e85a3c;
  --guide-cta-radius: 999px;
  --guide-cta-pad-y: 0.85rem;
  --guide-cta-pad-x: 1.5rem;
  --guide-cta-margin-top: 1.75rem;
  --guide-cta-margin-bottom: 0.5rem;
  --guide-cta-min-height: 48px;
  --guide-cta-font-weight: 700;
  --guide-cta-shadow: 0 4px 14px rgba(255, 107, 74, 0.28);
}

.guide-cta,
.guia-cta,
a.guide-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: var(--guide-cta-margin-top);
  margin-bottom: var(--guide-cta-margin-bottom);
  padding: var(--guide-cta-pad-y) var(--guide-cta-pad-x);
  min-height: var(--guide-cta-min-height);
  border-radius: var(--guide-cta-radius);
  border: none;
  background: var(--guide-cta-bg);
  color: var(--guide-cta-fg) !important;
  font-family: var(--font-body, "DM Sans", system-ui, sans-serif);
  font-size: 1rem;
  font-weight: var(--guide-cta-font-weight);
  line-height: 1.2;
  text-decoration: none;
  box-shadow: var(--guide-cta-shadow);
  transition: background 0.15s ease, transform 0.15s ease;
}

.guide-cta:hover,
.guia-cta:hover {
  background: var(--guide-cta-bg-hover);
  color: #ffffff !important;
  transform: translateY(-1px);
}

/* Nunca herdar cor fraca do fundo da ocasião — contraste WCAG AA */
.guide-hero .guide-cta,
.guia-hero .guide-cta,
[class*="guide"] .guide-cta {
  background: var(--guide-cta-bg);
  color: #ffffff !important;
}

/* Espaço entre bloco de texto e CTA */
.guide-body + .guide-cta,
.guia-content + .guide-cta,
.guide-actions {
  margin-top: 2rem;
}


/* Bridge v91 — markup atual das guias (.btn / .guide-cta-row / .hero-actions) */
.guide-page .hero-actions,
.guide-page .guide-cta-row,
.guide-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.85rem;
  margin-top: 2rem;
  margin-bottom: var(--guide-cta-margin-bottom, 0.5rem);
}
.guide-page .hero-actions .btn:not(.btn-ghost),
.guide-page .guide-cta-row .btn:not(.btn-ghost),
.guide-page a.btn.guide-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--guide-cta-min-height, 48px);
  padding: var(--guide-cta-pad-y, 0.85rem) var(--guide-cta-pad-x, 1.5rem);
  border-radius: var(--guide-cta-radius, 999px);
  border: none;
  background: var(--guide-cta-bg, #FF6B4A) !important;
  color: #ffffff !important;
  font-weight: var(--guide-cta-font-weight, 700);
  box-shadow: var(--guide-cta-shadow, 0 4px 14px rgba(255, 107, 74, 0.28));
  text-decoration: none;
}
.guide-page .hero-actions .btn:not(.btn-ghost):hover,
.guide-page .guide-cta-row .btn:not(.btn-ghost):hover {
  background: var(--guide-cta-bg-hover, #e85a3c) !important;
  color: #ffffff !important;
}
.guide-page .hero-actions .btn-ghost,
.guide-page .guide-cta-row .btn-ghost {
  color: var(--occasion-text, #1A1A2E) !important;
  background: transparent !important;
  border: 1px solid rgba(26, 26, 46, 0.18);
  box-shadow: none;
  min-height: var(--guide-cta-min-height, 48px);
}