html {
  scroll-behavior: smooth;
}

body {
  scroll-padding-top: 5rem;
}

section[id] {
  scroll-margin-top: 5rem;
}

.hero-slide img {
  animation: heroZoom 8s ease-in-out infinite alternate;
}

@keyframes heroZoom {
  from { transform: scale(1); }
  to   { transform: scale(1.08); }
}

.modelo-card {
  transition: transform .25s ease, box-shadow .25s ease;
}

.modelo-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 35px -10px rgba(11, 74, 54, 0.25);
}

#modal-cotizar, #modal-plano {
  animation: fadeIn .2s ease;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}