/* src/app/globals.css */
@import "tailwindcss";

@theme {
  /* Paleta Surtilatino */
  --color-accent: #5D9C59;
  --color-dark: #1a1a1a;
  --color-light: #f8f8f8;
  --color-light-hover: #f0f0f0;

  /* Bordes Boutique */
  --radius-huge: 2rem;

  /* Animaciones */
  --animate-reveal: reveal 0.6s cubic-bezier(0.22, 1, 0.36, 1);
  --animate-fade-up: fade-up 0.8s cubic-bezier(0.22, 1, 0.36, 1) forwards;
  
  @keyframes reveal {
    from { transform: scale(1); }
    to { transform: scale(1.08); }
  }
  
  @keyframes fade-up {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
  }
  --animate-marquee: marquee 25s linear infinite;
  
  @keyframes marquee {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
  }
}

/* Clases utilitarias personalizadas */
@layer utilities {
  .text-balance {
    text-wrap: balance;
  }
  
  /* Ocultar scrollbar pero permitir scroll */
  .no-scrollbar::-webkit-scrollbar {
    display: none;
  }
  .no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
}

@layer base {
  body {
    @apply bg-white text-dark antialiased selection:bg-accent selection:text-white;
  }
}