/* Animação para o texto curvado girar muito lentamente (opcional) */
@keyframes spin-slow {
    0% { transform: translateX(-50%) rotate(-10deg); }
    50% { transform: translateX(-50%) rotate(10deg); }
    100% { transform: translateX(-50%) rotate(-10deg); }
}

.animate-spin-slow {
    animation: spin-slow 6s ease-in-out infinite;
}

.foto img{
width: 423px;
height:323px;

}

.curved-text {
  position: absolute;
  top: -28px;
  left: 60%;
  transform: translateX(-50%);
  z-index: 20;
  width: 14rem;
  height: 14rem;
  pointer-events: none;
}

/* Mobile */
@media (max-width: 640px) {
  .curved-text {
    top: -50px; /* sobe um pouco no mobile */
    width: 15rem;
    height: 15rem;
    left: 50%;
  }
}