@theme {
    --color-terracotta-50: #fef7f4;
    --color-terracotta-100: #fdf0e9;
    --color-terracotta-200: #fad9c7;
    --color-terracotta-300: #f5bda0;
    --color-terracotta-400: #e89b6a;
    --color-terracotta-500: #d97f4a;
    --color-terracotta-600: #c2704f;
    --color-terracotta-700: #a25d41;
    --color-terracotta-800: #854d39;
    --color-terracotta-900: #6e4234;
    --color-terracotta-950: #3d231a;
}

@keyframes fade-in {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes slide-up {
    from { opacity: 0; transform: translateY(30px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes bounce {
    0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); }
    50% { transform: none; animation-timing-function: cubic-bezier(0, 0, 0.2, 1); }
}

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

.animate-slide-up {
    opacity: 0;
    animation: slide-up 0.8s ease-out forwards;
}

.animate-bounce {
    animation: bounce 1s infinite;
}

input.colonia-text::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
}