/* ==========================================================================
   Estilos Personalizados - Aline Rodrigues 15234
   ========================================================================== */

/* Padrão de fundo pontilhado do Hero */
.hero-pattern {
  background-color: #002e66;
  background-image: radial-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 0);
  background-size: 24px 24px;
}

/* Transição suave de elevação para cards */
.smooth-card {
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.smooth-card:hover {
  transform: translateY(-4px);
}

/* Enquadramento ideal do rosto nas fotos */
.photo-crop-top {
  object-position: 50% 20%;
}

/* Animação tátil das teclas da urna */
.urna-key {
  transition: transform 0.1s, background-color 0.15s;
}

.urna-key:active {
  transform: scale(0.95);
}