/* Efeitos leves — cores sólidas */

@keyframes fade-up {
  from { opacity: 0; transform: translateY(16px); }
  to { opacity: 1; transform: translateY(0); }
}

.btn--primary {
  background: var(--orange-dark) !important;
  box-shadow: 0 8px 20px rgba(122, 95, 24, 0.22);
}
.btn--primary:hover {
  transform: translateY(-1px);
  background: var(--orange-hover) !important;
}

.head {
  background: rgba(255, 255, 255, 0.98) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.card {
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.card:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 36px rgba(31, 29, 26, 0.1);
}
.card__img img {
  transition: transform 0.35s ease;
}
.card:hover .card__img img {
  transform: scale(1.04);
}

.sec__head h2.display {
  color: var(--fg);
  -webkit-text-fill-color: currentColor;
  text-transform: none;
  letter-spacing: 0.03em;
  font-size: clamp(1.35rem, 2.8vw, 1.85rem);
}

.page-title h1.display {
  color: var(--fg);
  -webkit-text-fill-color: currentColor;
}

[data-reveal] {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity 0.5s ease, transform 0.5s ease;
}
[data-reveal].is-visible {
  opacity: 1;
  transform: none;
}

.perk::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: var(--gold);
}

.perks--home .perk::before {
  display: none;
}

.cats a.on {
  background: var(--orange-dark) !important;
  border-color: var(--orange-dark) !important;
}

.brand-pill.on {
  background: var(--orange-dark) !important;
  border-color: var(--orange-dark) !important;
  color: #fff !important;
}

.badge {
  background: var(--orange-dark) !important;
  animation: none !important;
}

@media (max-width: 760px) {
  [data-reveal] {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-reveal] { opacity: 1; transform: none; }
  .card:hover { transform: none; }
}