/* Custom Fonts (Fallbacks até a inserção local) */
@font-face {
  font-family: 'Tan Aegean';
  src: local('Georgia'); /* Placeholder - Substitua pela fonte original */
}

@font-face {
  font-family: 'Cocomat Pro';
  src: local('Arial'); /* Placeholder - Substitua pela fonte original */
}

html, body {
  margin: 0;
  padding: 0;
  background-color: #F6F0E4;
}

/* Ocultar barra de rolagem (Estilo Linktree) */
::-webkit-scrollbar {
  display: none;
}
html {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

/* Textura sutil para o fundo */
.bg-texture {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><filter id="noiseFilter"><feTurbulence type="fractalNoise" baseFrequency="0.65" numOctaves="3" stitchTiles="stitch"/></filter><rect width="100%" height="100%" filter="url(%23noiseFilter)" opacity="0.05"/></svg>');
}

/* Animação de entrada suave */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

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

/* Efeito de Luz (Shine) para os Cards */
.card-shine {
  position: relative;
  overflow: hidden;
}

.card-shine::after {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 50%;
  height: 100%;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.25), transparent);
  transform: skewX(-25deg);
  animation: shine 4s infinite;
  z-index: 20;
  pointer-events: none;
}

@keyframes shine {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

/* Faixa em Movimento (Marquee) */
@keyframes marquee {
  0% { transform: translateX(0%); }
  100% { transform: translateX(-100%); }
}

.animate-marquee {
  animation: marquee 15s linear infinite;
  display: flex;
  flex-shrink: 0;
}