p, span, h1, h2, h3, h4, h5, ul, a{font-family: 'Merriweather Sans', sans-serif !important}i.fa, i.fas, i.far, i.fal, i.fab, i.fak, .fa, .fas, .far, .fal, .fak, [class*="fa-"], [class^="fa-"]{font-family: "Font Awesome 6 Free" !important; font-weight: 900 !important}i.fab, [class*="fa-brands"], [class^="fab"]{font-family: "Font Awesome 6 Brands" !important; font-weight: 400 !important}i.fal, .fa-light, .fal{font-family: "Font Awesome 6 Free" !important; font-weight: 300 !important}.font-merriweather{font-family: 'Merriweather Sans', sans-serif !important}.font-opensans{font-family: 'Merriweather Sans', sans-serif !important}::-webkit-scrollbar{width: 8px}::-webkit-scrollbar-track{background: #f1f5f9}::-webkit-scrollbar-thumb{background: linear-gradient(135deg, #8b5cf6, #ec4899); border-radius: 4px}::-webkit-scrollbar-thumb:hover{background: linear-gradient(135deg, #7c3aed, #db2777)}*{scrollbar-width: thin; scrollbar-color: #8b5cf6 #f1f5f9}html{scroll-behavior: smooth}@keyframes fadeInUp{from{opacity: 0; transform: translateY(30px)}to{opacity: 1; transform: translateY(0)}}@keyframes fadeInRight{from{opacity: 0; transform: translateX(30px)}to{opacity: 1; transform: translateX(0)}}@keyframes float{0%, 100%{transform: translateY(0px)}50%{transform: translateY(-10px)}}.animate-fade-in-up{animation: fadeInUp 0.8s ease-out}.animate-fade-in-right{animation: fadeInRight 0.8s ease-out 0.2s both}.animate-float{animation: float 3s ease-in-out infinite}.btn-primary{@apply bg-gradient-to-r from-purple-600 to-pink-600 text-white px-6 py-3 rounded-full font-semibold hover:shadow-lg hover:scale-105 transition-all duration-300 inline-flex items-center justify-center}.btn-primary:hover{background: linear-gradient(135deg, #7c3aed, #db2777); transform: translateY(-2px); box-shadow: 0 10px 25px rgba(139, 92, 246, 0.3)}.whatsapp-btn{display: flex !important; align-items: center !important; justify-content: center !important; width: 80px !important; height: 80px !important; background-color: #25d366 !important; border-radius: 50% !important; color: white !important; font-size: 45px !important; text-decoration: none !important; box-shadow: 0 4px 16px rgba(37, 211, 102, 0.5) !important; transition: all 0.3s ease !important; animation: bounce-whatsapp 0.5s ease-in-out !important}.whatsapp-btn:hover{background-color: #20ba5a !important; transform: scale(1.15) !important; box-shadow: 0 8px 24px rgba(37, 211, 102, 0.7) !important}.whatsapp-btn:active{transform: scale(0.95) !important}@keyframes bounce-whatsapp{0%{transform: scale(0); opacity: 0}50%{transform: scale(1.1)}100%{transform: scale(1); opacity: 1}}@media (max-width: 768px){.whatsapp-btn{width: 70px !important; height: 70px !important; font-size: 38px !important}}@media (max-width: 768px){.whatsapp-button{bottom: 15px; right: 15px; width: 55px; height: 55px; font-size: 28px}}.btn-secondary{@apply bg-white text-purple-600 border-2 border-purple-600 px-6 py-3 rounded-full font-semibold hover:bg-purple-600 hover:text-white transition-all duration-300 inline-flex items-center justify-center}.btn-lg{@apply px-8 py-4 text-lg}.btn-white{@apply bg-white text-purple-600 px-6 py-3 rounded-full font-semibold hover:bg-purple-50 transition-all duration-300 inline-flex items-center justify-center}.section-title{@apply text-4xl lg:text-5xl font-playfair font-bold text-gray-800 mb-6 text-center}.service-card{@apply bg-white p-8 rounded-3xl shadow-lg hover:shadow-2xl transition-all duration-500 border border-gray-100; backdrop-filter: blur(10px)}.service-card:hover{transform: translateY(-10px)}.testimonial-card{@apply bg-white p-8 rounded-3xl shadow-lg hover:shadow-xl transition-all duration-300 border border-gray-100; backdrop-filter: blur(10px)}.testimonial-card:hover{transform: translateY(-5px)}.faq-item{@apply transition-all duration-300 hover:shadow-md}.faq-question:hover{@apply bg-gray-100}.faq-question.active i{transform: rotate(180deg)}.contact-input{@apply w-full px-4 py-3 bg-white/20 border border-white/30 rounded-xl text-white placeholder-purple-200 focus:outline-none focus:border-white/50 focus:bg-white/30 transition-all duration-300; color: #000}.contact-input::placeholder{color: rgba(196, 181, 253, 0.7)}#main-header{backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px)}#main-header.scrolled{@apply bg-white/95 shadow-lg; position: fixed; top: 0; left: 0; right: 0}#main-header:not(.scrolled){position: sticky; background-color: rgba(255, 255, 255, 1)}.nav-link{@apply relative}.nav-link::after{content: ''; @apply absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-purple-600 to-pink-600 transition-all duration-300}.nav-link:hover::after, .nav-link.active::after{@apply w-full}@media (max-width: 768px){.section-title{@apply text-3xl}.service-card, .testimonial-card{@apply p-6}}.glass-effect{backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2)}.gradient-purple-pink{background: linear-gradient(135deg, #8b5cf6, #ec4899)}.gradient-indigo-purple{background: linear-gradient(135deg, #6366f1, #8b5cf6)}.gradient-pink-red{background: linear-gradient(135deg, #ec4899, #ef4444)}.service-card i, .testimonial-card i{transition: all 0.3s ease}.service-card:hover i{transform: scale(1.1) rotate(5deg)}@media (prefers-reduced-motion: no-preference){.parallax-element{transform: translateZ(0); will-change: transform}}button, a, input, textarea, select{transition: all 0.3s ease}.btn-primary:active{transform: scale(0.98)}.shadow-purple{box-shadow: 0 10px 25px rgba(139, 92, 246, 0.15)}.shadow-pink{box-shadow: 0 10px 25px rgba(236, 72, 153, 0.15)}@keyframes pulse-purple{0%, 100%{box-shadow: 0 0 0 0 rgba(139, 92, 246, 0.4)}50%{box-shadow: 0 0 0 10px rgba(139, 92, 246, 0)}}.animate-pulse-purple{animation: pulse-purple 2s infinite}