/* Camada visual incremental: reforça hierarquia e foco sem alterar o funil. */
:root { --aura-focus: #ffd5e4; }

.hero-col-left { position: relative; }
.hero-col-left::after {
  content: ''; position: absolute; inset: -28px -20px auto; height: 220px;
  pointer-events: none; z-index: -1; filter: blur(2px);
  background: radial-gradient(ellipse at 28% 42%, rgba(255, 107, 158, .13), transparent 68%);
}
.hero-actions .btn-primary {
  min-height: 54px; letter-spacing: .01em;
  box-shadow: 0 16px 36px -16px rgba(255, 107, 158, .72);
}
.hero-risk-note { max-width: 34rem; }
.aura-trust-chips { gap: 8px; }
.aura-trust-chips span {
  background: rgba(255,255,255,.055); border: 1px solid rgba(255,255,255,.10);
  transition: border-color .2s ease, background .2s ease, transform .2s ease;
}
@media (hover:hover) {
  .aura-trust-chips span:hover { transform: translateY(-2px); border-color: rgba(255, 184, 184, .55); background: rgba(255,255,255,.09); }
}
.hqz-cta { min-height: 52px; }
.qz2-option:focus-visible, .btn:focus-visible, .nav-cta:focus-visible, .lang-btn:focus-visible {
  outline: 3px solid var(--aura-focus); outline-offset: 4px;
}
@media (max-width: 700px) {
  .hero-col-left::after { inset: -16px -10px auto; opacity: .72; }
  .hero-actions { gap: 12px; }
  .hero-actions .btn-primary, .hero-actions .hero-wa-chip { width: 100%; justify-content: center; }
  .aura-trust-chips span { font-size: .76rem; }
}
