@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
body {
    font-family: 'Inter', sans-serif;
    scroll-behavior: smooth;
    background-color: #f9fafb;
}
/* Slider Styles */
.relative.h-96 {
    height: 28rem;
}
.relative.h-96 .text-white {
    color: #000;
}
.min-w-full {
    min-width: 100%;
}

.bg-cover {
    background-size: cover;
}

.bg-center {
    background-position: center;
}

.transition-transform {
    transition-property: transform;
}

.duration-500 {
    transition-duration: 500ms;
}

.ease-in-out {
    transition-timing-function: ease-in-out;
}

/* Gradient Overlay */
.from-black\/70 {
    --tw-gradient-from: rgba(0, 0, 0, 0.7);
    --tw-gradient-to: rgba(0, 0, 0, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.to-black\/30 {
    --tw-gradient-to: rgba(0, 0, 0, 0.3);
}
/* Product Boxes */
.bg-white {
  background-color: #ffffff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
  color: #000;
border-radius: 0.75rem;
  transition: all 0.3s ease;
}

.bg-white:hover {
  box-shadow: 0 10px 25px -5px rgba(0,0,0,0.1);
  transform: translateY(-5px);
}
/* Menu Topo */
.bg-primary-600 a {
    transition: color 0.2s ease;
    color: #000;
}
/* Download Button */
download-button {
  display: inline-block;
}

/* Animations */
@keyframes fadeIn {
from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

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

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #4F46E5;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #4338CA;
}
/* Text Content */
.text-content p {
  margin-bottom: 1rem;
  line-height: 1.6;
}

/* Tooltip */
.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position