57 lines
1.2 KiB
CSS
57 lines
1.2 KiB
CSS
/* 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;
|
|
}
|
|
}
|
|
|