/* ============================================================
   PIVA Educacional — Sobre CSS
   Mínimo — herda shared.css + tailwind.css.
   ============================================================ */

html {
  scroll-behavior: smooth;
  scroll-padding-top: 5rem;
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}

/* Freio detalhe com hover sutil */
.freio-detalhe {
  transition: transform var(--duration-normal) var(--ease-premium);
}

.freio-detalhe:hover {
  transform: translateX(4px);
}

/* Pilar detalhe com linha lateral sutil */
.pilar-detalhe {
  padding-left: 0;
  position: relative;
}