/* ================================================
   Humantop — Estilos personalizados
   ================================================ */

/* ---- File-upload custom look ---- */
.upload-zone {
  transition: border-color .2s, background-color .2s;
}
.upload-zone:hover,
.upload-zone.drag-over {
  border-color: #529603;
  background-color: #f3fae6;
}
.upload-zone img.preview {
  max-height: 140px;
  border-radius: .5rem;
  object-fit: cover;
}

/* ---- Focus ring personalizado ---- */
input:focus,
select:focus,
textarea:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(82, 150, 3, .25);
}

/* ---- Animate hero gradient ---- */
@keyframes gradMove {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

.hero-gradient {
  background: linear-gradient(135deg, #1d3701, #3f7302, #7cc023, #2e5402);
  background-size: 300% 300%;
  animation: gradMove 10s ease infinite;
}