.card-tech { background: var(--bg-card); border: 1px solid rgba(157,78,221,0.3); backdrop-filter: blur(10px); }

.btn-primary { background: var(--gradient-primary); transition: all 0.3s ease; }
.btn-primary:hover { transform: translateY(-2px); box-shadow: 0 20px 40px rgba(157, 78, 221, 0.4); }

.btn-secondary { background: transparent; border: 2px solid var(--primary-color); transition: all 0.3s ease; }
.btn-secondary:hover { background: var(--primary-color); }

.video-container { position: relative; background: var(--bg-card); border-radius: 16px; overflow: hidden; }
.play-button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(157, 78, 221, 0.9); border-radius: 50%; width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s ease; }
.play-button:hover { background: var(--primary-color); transform: translate(-50%, -50%) scale(1.1); }

.floating-whatsapp { position: fixed; bottom: 20px; right: 20px; z-index: 1000; background: #25d366; border-radius: 50%; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 20px rgba(37, 211, 102, 0.4); transition: all 0.3s ease; }
.floating-whatsapp:hover { transform: scale(1.1); box-shadow: 0 4px 20px rgba(37, 211, 102, 0.4), 0 0 20px rgba(157, 78, 221, 0.6), 0 0 40px rgba(157, 78, 221, 0.4); }

.feature-icon { background: var(--gradient-primary); border-radius: 12px; padding: 16px; margin-bottom: 24px; }

.pricing-card.popular { border: 2px solid var(--primary-color); transform: scale(1.05); position: relative; box-shadow: 0 0 30px rgba(157, 78, 221, 0.4), 0 0 60px rgba(157, 78, 221, 0.2), 0 10px 40px rgba(0, 0, 0, 0.3); }

/* Animações para os preços */
.pricing-card:hover { transform: translateY(-5px); transition: all 0.3s ease; }
.pricing-card.popular:hover { transform: scale(1.05) translateY(-5px); }

/* Destaque para os valores */
.price-highlight { animation: pulse-glow 2s infinite; }
@keyframes pulse-glow {
  0%, 100% { box-shadow: 0 0 20px rgba(157, 78, 221, 0.3); }
  50% { box-shadow: 0 0 30px rgba(157, 78, 221, 0.6), 0 0 40px rgba(157, 78, 221, 0.4); }
}

/* Badge de economia */
.economy-badge { animation: bounce-subtle 3s infinite; }
@keyframes bounce-subtle {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-3px); }
}

.video-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.9); animation: fadeIn 0.3s ease-out; }
.video-modal-content { position: relative; margin: 2% auto; width: 98%; max-width: 1200px; animation: slideIn 0.3s ease-out; }
.video-close { position: absolute; top: -40px; right: 0; color: white; font-size: 35px; font-weight: bold; cursor: pointer; transition: color 0.3s; }
.video-close:hover { color: var(--primary-color); }
.video-wrapper { position: relative; padding-bottom: 70%; height: 0; overflow: hidden; border-radius: 12px; }
.video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 12px; }