.elementor-kit-7{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS */:root {
      --color-primary: #CBA745;
      --color-primary-hover: #b08e3b;
      --color-secondary: #000000;
      --color-secondary-hover: #1a1a1a;
      --color-white: #FFFFFF;
      --color-gray-light: rgba(255, 255, 255, 0.1);
      --color-gray-dark: rgba(0, 0, 0, 0.5);

      --font-primary: 'Montserrat', sans-serif;
      --font-secondary: 'Bebas Neue', sans-serif;
      --font-regular: 'Inter', sans-serif;

      --transition-smooth: all 0.3s ease;
      --shadow-soft: 0 10px 30px rgba(203, 167, 69, 0.15);
      --shadow-hover: 0 20px 40px rgba(203, 167, 69, 0.25);
  }

  /* ============================================
     HERO SECTION
     ============================================ */
  .hero-container {
      position: relative;
      overflow: hidden;
  }

  .hero-title {
      font-family: var(--font-primary);
      font-weight: 700;
      line-height: 1.2;
      text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
      animation: fadeInUp 1s ease;
  }

  .hero-subtitle {
      font-family: var(--font-regular);
      font-weight: 500;
      line-height: 1.6;
      color: var(--color-gray-light);
      animation: fadeInUp 1s ease 0.2s backwards;
  }

  .btn-cta-primary {
      font-family: var(--font-primary);
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 1px;
      transition: var(--transition-smooth);
      position: relative;
      overflow: hidden;
  }

  .btn-cta-primary::before {
      content: '';
      position: absolute;
      top: 0;
      left: -100%;
      width: 100%;
      height: 100%;
      background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
      transition: 0.5s;
  }

  .btn-cta-primary:hover::before {
      left: 100%;
  }

  /* ============================================
     SECTIONS GERAIS
     ============================================ */
  .section-title {
      font-family: var(--font-secondary);
      text-transform: uppercase;
      letter-spacing: 2px;
      position: relative;
      display: inline-block;
      margin-bottom: 20px;
  }

  .section-title::after {
      content: '';
      position: absolute;
      bottom: -10px;
      left: 50%;
      transform: translateX(-50%);
      width: 80px;
      height: 2px;
      background: var(--color-primary);
  }

  /* ============================================
     PROBLEM CARDS
     ============================================ */
  .problem-card {
      font-family: var(--font-regular);
      transition: var(--transition-smooth);
  }

  .problem-card:hover {
      border-color: var(--color-primary);
      background: rgba(203, 167, 69, 0.05);
      transform: translateY(-5px);
      box-shadow: var(--shadow-soft);
  }

  /* ============================================
     BENEFIT CARDS
     ============================================ */
  .solution-grid {
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      gap: 30px;
  }

  @media (min-width: 768px) {
      .solution-grid {
          grid-template-columns: repeat(2, 1fr);
      }
  }

  @media (min-width: 1024px) {
      .solution-grid {
          grid-template-columns: repeat(3, 1fr);
      }
  }

  .benefit-card {
      font-family: var(--font-regular);
      text-align: center;
      transition: var(--transition-smooth);
      position: relative;
      overflow: hidden;
  }

  .benefit-card::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(135deg, rgba(203, 167, 69, 0.1), transparent);
      opacity: 0;
      transition: var(--transition-smooth);
  }

  .benefit-card:hover {
      transform: translateY(-10px);
      box-shadow: var(--shadow-hover);
  }

  .benefit-card:hover::before {
      opacity: 1;
  }

  .benefit-card .elementor-icon {
      color: var(--color-primary);
      margin-bottom: 20px;
  }

  /* ============================================
     TESTIMONIAL CARDS
     ============================================ */
  .testimonial-card {
      font-family: var(--font-regular);
      transition: var(--transition-smooth);
  }

  .testimonial-card:hover {
      transform: translateY(-5px);
      box-shadow: var(--shadow-soft);
  }

  .testimonial-grid {
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      gap: 30px;
  }

  @media (min-width: 768px) {
      .testimonial-grid {
          grid-template-columns: repeat(2, 1fr);
      }
  }

  @media (min-width: 1024px) {
      .testimonial-grid {
          grid-template-columns: repeat(3, 1fr);
      }
  }

  .testimonial-avatar {
      width: 60px;
      height: 60px;
      border-radius: 50%;
      margin-bottom: 15px;
      object-fit: cover;
      border: 2px solid var(--color-primary);
  }

  /* ============================================
     FAQ ITEMS
     ============================================ */
  .faq-list {
      font-family: var(--font-regular);
  }

  .faq-item {
      background: rgba(203, 167, 69, 0.05);
      padding: 20px;
      border-radius: 10px;
      margin-bottom: 15px;
      cursor: pointer;
      transition: var(--transition-smooth);
      display: flex;
      align-items: center;
      justify-content: space-between;
  }

  .faq-item:hover {
      background: rgba(203, 167, 69, 0.1);
  }

  .faq-answer {
      padding-top: 15px;
      border-top: 1px solid rgba(203, 167, 69, 0.3);
      margin-top: 15px;
      animation: slideDown 0.3s ease;
  }

  /* ============================================
     CTA FINAL
     ============================================ */
  .guarantee-container {
      text-align: center;
  }

  .guarantee-icon {
      margin-bottom: 30px;
      animation: pulse 2s infinite;
  }

  .btn-cta-final {
      font-family: var(--font-primary);
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 2px;
      transition: var(--transition-smooth);
      display: inline-block;
      position: relative;
      z-index: 1;
  }

  .btn-cta-final::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: var(--color-secondary);
      border-radius: 50px;
      z-index: -1;
      transition: var(--transition-smooth);
      transform: scale(1);
  }

  .btn-cta-final:hover::after {
      transform: scale(0);
  }

  /* ============================================
     ANIMAÇÕES
     ============================================ */
  @keyframes fadeInUp {
      from {
          opacity: 0;
          transform: translateY(30px);
      }
      to {
          opacity: 1;
          transform: translateY(0);
      }
  }

  @keyframes slideDown {
      from {
          opacity: 0;
          transform: translateY(-10px);
      }
      to {
          opacity: 1;
          transform: translateY(0);
      }
  }

  @keyframes pulse {
      0%, 100% {
          transform: scale(1);
      }
      50% {
          transform: scale(1.1);
      }
  }

  /* ============================================
     RESPONSIVIDADE
     ============================================ */
  @media (max-width: 768px) {
      .hero-title {
          font-size: 32px;
      }

      .section-title {
          font-size: 24px;
      }

      .btn-cta-primary,
      .btn-cta-final {
          font-size: 14px;
          padding: 12px 30px;
      }
  }

  /* ============================================
     SCROLLBAR PERSONALIZADA
     ============================================ */
  ::-webkit-scrollbar {
      width: 10px;
  }

  ::-webkit-scrollbar-track {
      background: var(--color-secondary);
  }

  ::-webkit-scrollbar-thumb {
      background: var(--color-primary);
      border-radius: 5px;
  }

  ::-webkit-scrollbar-thumb:hover {
      background: var(--color-primary-hover);
  }

  ---
  🚀 SCRIPTS ESPECIAIS (JavaScript)
  
  /* ============================================
     LAMBDA MIDIA - CUSTOM JAVASCRIPT
     ============================================ */

  document.addEventListener('DOMContentLoaded', function() {

      // ============================================
      // MENU MOBILE
      // ============================================
      const mobileMenuBtn = document.querySelector('.mobile-menu-btn');
      const mobileMenu = document.querySelector('.mobile-menu');

      if (mobileMenuBtn && mobileMenu) {
          mobileMenuBtn.addEventListener('click', function() {
              mobileMenu.classList.toggle('active');
              mobileMenuBtn.classList.toggle('active');
          });
      }

      // ============================================
      // SCROLL SMOOTH
      // ============================================
      document.querySelectorAll('a[href^="#"]').forEach(anchor => {
          anchor.addEventListener('click', function(e) {
              e.preventDefault();
              const target = document.querySelector(this.getAttribute('href'));
              if (target) {
                  target.scrollIntoView({
                      behavior: 'smooth',
                      block: 'start'
                  });
              }
          });
      });

      // ============================================
      // ANIMAÇÃO AO SCROLL
      // ============================================
      const observerOptions = {
          threshold: 0.1,
          rootMargin: '0px 0px -50px 0px'
      };

      const observer = new IntersectionObserver((entries) => {
          entries.forEach(entry => {
              if (entry.isIntersecting) {
                  entry.target.classList.add('animate-in');
                  observer.unobserve(entry.target);
              }
          });
      }, observerOptions);

      document.querySelectorAll('.animate-on-scroll').forEach(el => {
          observer.observe(el);
      });

      // ============================================
      // FAQ INTERACTION
      // ============================================
      document.querySelectorAll('.faq-item').forEach(item => {
          item.addEventListener('click', function() {
              // Fecha outros itens
              document.querySelectorAll('.faq-item').forEach(otherItem => {
                  if (otherItem !== this) {
                      otherItem.classList.remove('active');
                      otherItem.querySelector('.faq-answer').style.display = 'none';
                  }
              });

              // Alterna item atual
              const answer = this.querySelector('.faq-answer');
              if (this.classList.contains('active')) {
                  this.classList.remove('active');
                  answer.style.display = 'none';
              } else {
                  this.classList.add('active');
                  answer.style.display = 'block';
              }
          });
      });

      // ============================================
      // CARROUSEL AUTOMÁTICO (se necessário)
      // ============================================
      let currentSlide = 0;
      const slides = document.querySelectorAll('.carousel-slide');

      if (slides.length > 0) {
          setInterval(() => {
              slides[currentSlide].classList.remove('active');
              currentSlide = (currentSlide + 1) % slides.length;
              slides[currentSlide].classList.add('active');
          }, 5000); // Troca a cada 5 segundos
      }

      // ============================================
      // EFEITO PARALLAX
      // ============================================
      window.addEventListener('scroll', function() {
          const scrolled = window.pageYOffset;
          const parallaxElements = document.querySelectorAll('.parallax-element');

          parallaxElements.forEach(element => {
              const speed = element.getAttribute('data-speed') || 0.5;
              element.style.transform = `translateY(${scrolled * speed}px)`;
          });
      });

      // ============================================
      // FORMULÁRIO DE CONTATO (exemplo)
      // ============================================
      const contactForm = document.querySelector('.contact-form');

      if (contactForm) {
          contactForm.addEventListener('submit', function(e) {
              e.preventDefault();

              // Simulação de envio
              const submitBtn = this.querySelector('button[type="submit"]');
              const originalText = submitBtn.textContent;

              submitBtn.textContent = 'Enviando...';
              submitBtn.disabled = true;

              setTimeout(() => {
                  submitBtn.textContent = 'Enviado com sucesso!';
                  submitBtn.style.background = '#CBA745';

                  setTimeout(() => {
                      submitBtn.textContent = originalText;
                      submitBtn.disabled = false;
                      submitBtn.style.background = '';
                      this.reset();
                  }, 3000);
              }, 2000);
          });
      }

      // ============================================
      // TOAST NOTIFICATIONS
      // ============================================
      function showToast(message, type = 'success') {
          const toast = document.createElement('div');
          toast.className = `toast toast-${type}`;
          toast.textContent = message;

          document.body.appendChild(toast);

          setTimeout(() => {
              toast.classList.add('show');
          }, 100);

          setTimeout(() => {
              toast.classList.remove('show');
              setTimeout(() => {
                  document.body.removeChild(toast);
              }, 300);
          }, 3000);
      }

      // Exemplo de uso: showToast('Mensagem de sucesso!');

  });

  ---
  📱 RESPONSIVIDADE BÁSICA
  
  /* ============================================
     RESPONSIVIDADE - MOBILE FIRST
     ============================================ */

  /* Mobile - 0px to 767px */
  .hero-title {
      font-size: 28px;
  }

  .solution-grid,
  .testimonial-grid {
      grid-template-columns: 1fr;
  }

  @media (min-width: 768px) {
      .hero-title {
          font-size: 36px;
      }

      .solution-grid {
          grid-template-columns: repeat(2, 1fr);
      }
  }

  @media (min-width: 1024px) {
      .hero-title {
          font-size: 48px;
      }

      .solution-grid {
          grid-grid-template-columns: repeat(3, 1fr);
      }
  }

  /* ============================================
     MEDIA QUERIES ADICIONAIS
     ============================================ */
  @media (max-width: 480px) {
      .btn-cta-primary,
      .btn-cta-final {
          font-size: 12px;
          padding: 10px 25px;
      }

      .section-title {
          font-size: 20px;
      }
  }/* End custom CSS */