/* CSS básico - Suvinil na Timbalada */
/* Apenas o essencial para começar */

/* Reset básico */
* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: 'Suvinil Sans' !important;
  font-weight: 400;
}

@keyframes float {
    0%, 100% {
    transform: translateY(0);
    }
    50% {
    transform: translateY(-10px); /* ajuste esse valor pra subir mais ou menos */
    }
}

.animate-float {
    animation: float 3s ease-in-out infinite;
}

@keyframes slide-pan {
  0%, 100% {
    transform: translateX(-8px);
  }
  50% {
    transform: translateX(8px);
  }
}

.animate-pan {
  animation: slide-pan 4s ease-in-out infinite;
}


@media (max-width: 992px) {
  .topo .animate-pulse {
      animation: pulse 5s cubic-bezier(0.6, 0, 0.8, 1) infinite;
  }
  .animate-pan {
    animation: slide-pan 6s ease-in-out infinite;
  }
  .animate-float {
    animation: float 6s ease-in-out infinite;
  }
}

/* Utilitários customizados */
.border-active {
  border-color: #cc334d;
}

.text-active {
  color: #cc334d;
}

::placeholder {
  color: #baaf9b !important;
  opacity: 1;
}

::-webkit-input-placeholder {
  color: #baaf9b !important;
}

:-ms-input-placeholder {
  color: #baaf9b !important;
}

::-moz-placeholder {
  color: #baaf9b !important;
  opacity: 1;
}

/* Animações básicas */
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

.animate-fade-in {
  animation: fadeIn 0.6s ease-out;
}

/* Estilos para botões do PDF viewer */
.pdf-nav-btn:hover .pdf-nav-icon {
  filter: brightness(0) invert(1) !important;
}

.pdf-zoom-btn:hover .pdf-zoom-icon {
  filter: brightness(0) invert(1) !important;
}

/* Estilos para selects */
select option:first-child {
  color: #baaf9b !important;
}

select, input {
  color: #baaf9b !important;
}

select option:not(:first-child) {
  color: #374151 !important;
}

strong {
  font-weight: 700;
}

/* animação tipo marquee suave */
@keyframes marquee {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100vw);
  }
}

.animate-marquee {
  animation: marquee 6s linear infinite;
}

/* selects */
select {
  cursor: pointer;
}

/* Estilos para links do footer */
footer p > a {
  color: #ff6600;
  text-decoration: underline;
  transition: color 0.3s ease;
}

footer p > a:hover {
  color: #000000;
}

/* Estilos para links da página de política de privacidade */
body.privacy-policy p > a {
  color: #ff6600;
  text-decoration: underline;
  transition: color 0.3s ease;
}

body.privacy-policy p > a:hover {
  color: #000000;
}