:root {
            --primary-green: #16a34a;
            --primary-yellow: #eab308;
            --dark-green: #15803d;
        }
        
        body {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
        }
        
        .navbar {
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }
        
        .brand-logo {
            font-size: 1.5rem;
            font-weight: 600;
            color: #1f2937;
        }
        
        .brand-subtitle {
            font-size: 0.75rem;
            color: #6b7280;
        }
        
        .hero-section {
            background: linear-gradient(135deg, #fef3c7 0%, #dcfce7 100%);
            padding: 60px 0;
        }
        
        .hero-title {
            font-size: 2.5rem;
            font-weight: 700;
            color: #1f2937;
        }
        
        .hero-title .highlight-yellow {
            color: #a16207;
        }
        
        .hero-title .highlight-green {
            color: var(--dark-green);
        }
        
        .btn-whatsapp {
            background-color: #25D366;
            color: white;
            border: none;
        }
        
        .btn-whatsapp:hover {
            background-color: #1fb855;
            color: white;
        }
        
        .feature-icon {
            width: 64px;
            height: 64px;
            background-color: #dcfce7;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 1rem;
        }
        
        .feature-icon i {
            font-size: 2rem;
            color: var(--primary-green);
        }
        
        .product-list {
            columns: 2;
            column-gap: 1rem;
        }
        
        .product-list-item {
            break-inside: avoid;
            margin-bottom: 0.75rem;
        }
        
        @media (min-width: 768px) {
            .product-list {
                columns: 3;
            }
            
            .hero-title {
                font-size: 3.5rem;
            }
        }
        
        @media (min-width: 992px) {
            .product-list {
                columns: 4;
            }
        }
        
        .nav-tabs .nav-link {
            color: #6b7280;
        }
        
        .nav-tabs .nav-link.active {
            background-color: var(--primary-green);
            color: white;
            border-color: var(--primary-green);
        }
        
        .membership-card {
            transition: transform 0.3s, border-color 0.3s;
        }
        
        .membership-card:hover {
            transform: translateY(-5px);
            border-width: 2px !important;
        }
        
        .social-btn {
            height: 56px;
            display: flex;
            align-items: center;
            gap: 1rem;
            font-size: 1.1rem;
        }
        
        .social-btn i {
            font-size: 1.5rem;
        }
        
        footer {
            background-color: #111827;
            color: white;
        }
        
        footer a {
            color: #9ca3af;
            text-decoration: none;
            transition: color 0.3s;
        }
        
        footer a:hover {
            color: #10b981;
        }
        
        .section-title {
            font-size: 2.5rem;
            font-weight: 700;
            margin-bottom: 1rem;
        }
        
        .card-header-gradient-1 {
            background: linear-gradient(135deg, #fef3c7 0%, #fed7aa 100%);
        }
        
        .card-header-gradient-2 {
            background: linear-gradient(135deg, #dcfce7 0%, #bfdbfe 100%);
        }
        
        .card-header-gradient-3 {
            background: linear-gradient(135deg, #dcfce7 0%, #d9f99d 100%);
        }
        
        .card-header-gradient-4 {
            background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
        }
        
        .card-header-gradient-5 {
            background: linear-gradient(135deg, #fed7aa 0%, #fde68a 100%);
        }
        
        .card-header-gradient-6 {
            background: linear-gradient(135deg, #fed7aa 0%, #fecaca 100%);
        }
        
        .img-ambassador {
            max-width: 100%;
            height: auto;
            border-radius: 0.5rem;
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
        }
 .lead{
    color: #000000;
    font-weight: 600;
    font-size:20px;
 }
 .text-muted{
    color: #000000;
    font-weight: 500;
 }
 .footerTxt{
    color: #fff !important;
 }
 .footerTxtt{
    color: #f7eeee !important;
 }
  .footerTxtt a{
    color: #f7eeee !important;
 }