/* Brand green = WhatsApp/Meta (#25D366) — único verde do site */
:root {
    --brand-green: #25D366;
    --brand-green-rgb: 37, 214, 102;
    --brand-green-glow: rgba(37, 214, 102, 0.55);
}

html {
    overflow-x: hidden;
    overscroll-behavior-x: none;
}

body {
    overflow-x: hidden;
    overscroll-behavior-x: none;
    max-width: 100%;
}

.min-w-0 { min-width: 0; }

@media (min-width: 640px) {
    .sm\:gap-3 { gap: 0.75rem; }
    .sm\:text-4xl { font-size: 2.25rem; line-height: 2.5rem; }
}

.text-neon-green,
.hover\:text-neon-green:hover,
.group:hover .group-hover\:text-neon-green,
.group\/item:hover .group-hover\/item\:text-neon-green,
.group:hover .group-hover\:text-neon-greenLight,
.text-primary-600 {
    color: #25D366 !important;
}

.bg-neon-green,
.hover\:bg-neon-green:hover,
.btn-primary,
.btn-primary:hover {
    background-color: #25D366 !important;
}

.border-neon-green,
.hover\:border-neon-green:hover,
.hover\:border-neon-green\/60:hover {
    border-color: #25D366 !important;
}

.from-primary-600 {
    --tw-gradient-from: #25D366 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(37 214 102 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.to-primary-700 {
    --tw-gradient-to: #25D366 var(--tw-gradient-to-position);
}

.btn-primary:hover {
    box-shadow: 0 0 20px #25D366, 0 0 30px rgba(37, 214, 102, 0.45);
}

/* Utilities usadas no HTML que não estão no tailwind.css compilado */

.mb-5 { margin-bottom: 1.25rem; }
.mt-5 { margin-top: 1.25rem; }
.gap-5 { gap: 1.25rem; }
.p-7 { padding: 1.75rem; }
.h-36 { height: 9rem; }
.h-40 { height: 10rem; }
.py-8 { padding-top: 2rem; padding-bottom: 2rem; }

.space-y-2 > :not([hidden]) ~ :not([hidden]) { margin-top: 0.5rem; }
.space-y-3 > :not([hidden]) ~ :not([hidden]) { margin-top: 0.75rem; }
.space-x-6 > :not([hidden]) ~ :not([hidden]) { margin-left: 1.5rem; }
.space-x-8 > :not([hidden]) ~ :not([hidden]) { margin-left: 2rem; }

.whitespace-nowrap { white-space: nowrap; }
.leading-snug { line-height: 1.375; }

@media (min-width: 768px) {
    .md\:mb-3 { margin-bottom: 0.75rem; }
    .md\:mb-4 { margin-bottom: 1rem; }
    .md\:mb-5 { margin-bottom: 1.25rem; }
    .md\:mb-6 { margin-bottom: 1.5rem; }
    .md\:mb-8 { margin-bottom: 2rem; }
    .md\:mb-10 { margin-bottom: 2.5rem; }
    .md\:mb-12 { margin-bottom: 3rem; }
    .md\:mt-10 { margin-top: 2.5rem; }
    .md\:py-8 { padding-top: 2rem; padding-bottom: 2rem; }
    .md\:p-6 { padding: 1.5rem; }
    .md\:p-10 { padding: 2.5rem; }
    .md\:gap-4 { gap: 1rem; }
    .md\:gap-12 { gap: 3rem; }
    .md\:block { display: block; }
    .md\:text-left { text-align: left; }
    .md\:text-right { text-align: right; }
    .md\:text-xl { font-size: 1.25rem; line-height: 1.75rem; }
    .md\:text-lg { font-size: 1.125rem; line-height: 1.75rem; }
    .md\:text-4xl { font-size: 2.25rem; line-height: 2.5rem; }
    .md\:items-start { align-items: flex-start; }
    .md\:items-center { align-items: center; }
    .md\:justify-between { justify-content: space-between; }
    .md\:flex-row { flex-direction: row; }
    .md\:min-h-\[4\.5rem\] { min-height: 4.5rem; }
    .md\:space-x-8 > :not([hidden]) ~ :not([hidden]) { margin-left: 2rem; }
}

@media (min-width: 1024px) {
    .lg\:gap-12 { gap: 3rem; }
    .lg\:space-x-8 > :not([hidden]) ~ :not([hidden]) { margin-left: 2rem; }
    .lg\:text-2xl { font-size: 1.5rem; line-height: 2rem; }
    .lg\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}

.gap-10 { gap: 2.5rem; }
.min-h-\[3\.5rem\] { min-height: 3.5rem; }