/* Estilos personalizados que não estão no Tailwind */
html {
    scroll-behavior: smooth;
}

/* ==========================================
   PADRÃO DE LARGURA GLOBAL - TODAS AS SEÇÕES
   Baseado na largura da Hero Section (max-w-7xl = 1280px)
   ========================================== */
.container {
    max-width: 1280px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
}

/* Barra de rolagem personalizada (Custom scrollbar) */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #0a0a0a;
}

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

::-webkit-scrollbar-thumb:hover {
    background: #555;
}