.gradient-hero { background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%); }
        .gradient-primary { background: linear-gradient(135deg, #3b82f6 0%, #201a4a 100%); }
        .gradient-secondary { background: linear-gradient(135deg, #f97316 0%, #ea580c 100%); }
        .business-card { transition: all 0.2s ease; }
        .business-card:hover { transform: translateY(-4px); box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1); }
        .modal-overlay { backdrop-filter: blur(4px); }

        .whatsapp-float {
            animation: pulse 2s infinite;
        }
        
        @keyframes pulse {
            0% {
                transform: scale(1);
                box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);
            }
            70% {
                transform: scale(1.05);
                box-shadow: 0 0 0 10px rgba(37, 211, 102, 0);
            }
            100% {
                transform: scale(1);
                box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
            }
        }
        .business-card { 
            transition: all 0.15s ease;
            position: relative;
            cursor: default;
            border-top: 6px solid #f97316;
            border-bottom: 6px solid #f97316;
            
        }
        .business-card:hover { 
            transform: translateY(-4px); 
            box-shadow: 0 10px 25px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
        }
        
        .business-card.selected {
            transform: translateY(-4px);
            box-shadow: 0 10px 25px -3px rgba(0, 0, 0, 0.15), 0 4px 6px -2px rgba(0, 0, 0, 0.1);
        }
        
        .business-card.selected.premium {
            border: 3px solid #3b82f6;
            animation: borderPulse 2s infinite;
        }
        
        .business-card.selected.oro {
            border: 3px solid #f5de0b;
        }
        
        .business-card.selected.plata {
            border: 3px solid #ced3dd;
        }
        
        .business-card.selected.bronce {
            border: 3px solid #d65f15;
        }
        .bg-footer{
            background-color: #201a4a;
        }
        
        @keyframes borderPulse {
            0% { border-color: #3b82f6; 
                transform: scale(1);
                box-shadow: 0 0 0 0 #3b82f6;
            }
            50% { border-color: #8b5cf6; 
                transform: scale(1.05);
                box-shadow: 0 0 0 10px rgba(37, 211, 102, 0);
            }
            100% { border-color: #3b82f6; 
                transform: scale(1);
                box-shadow: 0 0 0 10px rgba(37, 211, 102, 0);
            }
        }
        .modal-overlay { backdrop-filter: blur(4px); }