.elementor-5281 .elementor-element.elementor-element-3197ec6a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:8px;margin-bottom:8px;padding:0px 0px 0px 0px;}.elementor-5281 .elementor-element.elementor-element-3197ec6a > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-5281 .elementor-element.elementor-element-32670e52.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-5281 .elementor-element.elementor-element-32670e52.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-5281 .elementor-element.elementor-element-32670e52.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-5281 .elementor-element.elementor-element-32670e52 > .elementor-element-populated{margin:-0px -0px -0px -0px;--e-column-margin-right:-0px;--e-column-margin-left:-0px;padding:0px 0px 0px 0px;}.elementor-5281 .elementor-element.elementor-element-bd286c6{width:var( --container-widget-width, 13.329% );max-width:13.329%;--container-widget-width:13.329%;--container-widget-flex-grow:0;}.elementor-5281 .elementor-element.elementor-element-587177c6{width:var( --container-widget-width, 79.034% );max-width:79.034%;--container-widget-width:79.034%;--container-widget-flex-grow:0;}.elementor-5281 .elementor-element.elementor-element-a9de14d{width:var( --container-widget-width, 32.584% );max-width:32.584%;--container-widget-width:32.584%;--container-widget-flex-grow:0;}.elementor-5281 .elementor-element.elementor-element-a9de14d > .elementor-widget-container{margin:-0px -0px -0px -0px;padding:0px 0px 0px 0px;}.elementor-5281 .elementor-element.elementor-element-13b66c9a > .elementor-widget-container{margin:62px 0px 0px 0px;}.elementor-5281 .elementor-element.elementor-element-13b66c9a{text-align:center;}.elementor-5281 .elementor-element.elementor-element-1f4fe362{text-align:center;}.elementor-5281 .elementor-element.elementor-element-679886e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:8px;margin-bottom:8px;padding:0px 0px 0px 0px;}.elementor-5281 .elementor-element.elementor-element-679886e > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-5281 .elementor-element.elementor-element-f916be8.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-5281 .elementor-element.elementor-element-f916be8.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-5281 .elementor-element.elementor-element-f916be8.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-5281 .elementor-element.elementor-element-f916be8 > .elementor-element-populated{margin:-0px -0px -0px -0px;--e-column-margin-right:-0px;--e-column-margin-left:-0px;padding:0px 0px 0px 0px;}.elementor-5281 .elementor-element.elementor-element-372f596{width:var( --container-widget-width, 100.804% );max-width:100.804%;--container-widget-width:100.804%;--container-widget-flex-grow:0;}.elementor-5281 .elementor-element.elementor-element-5ee8da9 > .elementor-widget-container{margin:62px 0px 0px 0px;}.elementor-5281 .elementor-element.elementor-element-5ee8da9{text-align:center;}.elementor-5281 .elementor-element.elementor-element-f7a0198{text-align:center;}.elementor-5281 .elementor-element.elementor-element-2340a30{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:8px;margin-bottom:8px;padding:0px 0px 0px 0px;}.elementor-5281 .elementor-element.elementor-element-2340a30 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-5281 .elementor-element.elementor-element-cb1aafa.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-5281 .elementor-element.elementor-element-cb1aafa.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-5281 .elementor-element.elementor-element-cb1aafa.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-5281 .elementor-element.elementor-element-cb1aafa > .elementor-element-populated{margin:-0px -0px -0px -0px;--e-column-margin-right:-0px;--e-column-margin-left:-0px;padding:0px 0px 0px 0px;}.elementor-5281 .elementor-element.elementor-element-3662a10{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:8px;margin-bottom:8px;padding:0px 0px 0px 0px;}.elementor-5281 .elementor-element.elementor-element-3662a10 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-5281 .elementor-element.elementor-element-075cafa.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-5281 .elementor-element.elementor-element-075cafa.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-5281 .elementor-element.elementor-element-075cafa.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-5281 .elementor-element.elementor-element-075cafa > .elementor-element-populated{margin:-0px -0px -0px -0px;--e-column-margin-right:-0px;--e-column-margin-left:-0px;padding:0px 0px 0px 0px;}.elementor-5281 .elementor-element.elementor-element-f853a39 > .elementor-widget-container{margin:-35px -35px -35px -35px;padding:9px -15px 21px -3px;}.elementor-5281 .elementor-element.elementor-element-641485ab{text-align:center;}.elementor-5281 .elementor-element.elementor-element-5365cc0 > .elementor-widget-container{margin:-35px -35px -35px -35px;padding:9px -15px 21px -3px;}body.elementor-page-5281:not(.elementor-motion-effects-element-type-background), body.elementor-page-5281 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E7E0E0;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-5281 .elementor-element.elementor-element-bd286c6{width:var( --container-widget-width, 91.764px );max-width:91.764px;--container-widget-width:91.764px;--container-widget-flex-grow:0;}.elementor-5281 .elementor-element.elementor-element-570d0628{width:var( --container-widget-width, 919.059px );max-width:919.059px;--container-widget-width:919.059px;--container-widget-flex-grow:0;}.elementor-5281 .elementor-element.elementor-element-587177c6{width:var( --container-widget-width, 681.997px );max-width:681.997px;--container-widget-width:681.997px;--container-widget-flex-grow:0;}.elementor-5281 .elementor-element.elementor-element-a9de14d{width:var( --container-widget-width, 347.122px );max-width:347.122px;--container-widget-width:347.122px;--container-widget-flex-grow:0;}.elementor-5281 .elementor-element.elementor-element-a9de14d > .elementor-widget-container{margin:-0px -0px -0px -0px;padding:0px 0px 0px 0px;}.elementor-5281 .elementor-element.elementor-element-1f4fe362{width:var( --container-widget-width, 642.111px );max-width:642.111px;--container-widget-width:642.111px;--container-widget-flex-grow:0;}.elementor-5281 .elementor-element.elementor-element-372f596{width:var( --container-widget-width, 525.868px );max-width:525.868px;--container-widget-width:525.868px;--container-widget-flex-grow:0;align-self:center;}.elementor-5281 .elementor-element.elementor-element-f7a0198{width:var( --container-widget-width, 642.111px );max-width:642.111px;--container-widget-width:642.111px;--container-widget-flex-grow:0;}.elementor-5281 .elementor-element.elementor-element-641485ab{width:var( --container-widget-width, 691.375px );max-width:691.375px;--container-widget-width:691.375px;--container-widget-flex-grow:0;}}@media(max-width:767px){.elementor-5281 .elementor-element.elementor-element-bd286c6{width:var( --container-widget-width, 76.969px );max-width:76.969px;--container-widget-width:76.969px;--container-widget-flex-grow:0;}.elementor-5281 .elementor-element.elementor-element-570d0628{width:var( --container-widget-width, 433px );max-width:433px;--container-widget-width:433px;--container-widget-flex-grow:0;}.elementor-5281 .elementor-element.elementor-element-587177c6{width:var( --container-widget-width, 399.5px );max-width:399.5px;--container-widget-width:399.5px;--container-widget-flex-grow:0;}.elementor-5281 .elementor-element.elementor-element-587177c6 > .elementor-widget-container{margin:0px 0px 27px 0px;}.elementor-5281 .elementor-element.elementor-element-a9de14d{width:var( --container-widget-width, 295px );max-width:295px;--container-widget-width:295px;--container-widget-flex-grow:0;align-self:center;}.elementor-5281 .elementor-element.elementor-element-a9de14d > .elementor-widget-container{margin:0px 0px -0px 0px;padding:0px 0px 0px 0px;}.elementor-5281 .elementor-element.elementor-element-1f4fe362{width:var( --container-widget-width, 401.444px );max-width:401.444px;--container-widget-width:401.444px;--container-widget-flex-grow:0;}.elementor-5281 .elementor-element.elementor-element-372f596{width:var( --container-widget-width, 322.934px );max-width:322.934px;--container-widget-width:322.934px;--container-widget-flex-grow:0;}.elementor-5281 .elementor-element.elementor-element-f7a0198{width:var( --container-widget-width, 401.444px );max-width:401.444px;--container-widget-width:401.444px;--container-widget-flex-grow:0;}.elementor-5281 .elementor-element.elementor-element-2340a30:not(.elementor-motion-effects-element-type-background), .elementor-5281 .elementor-element.elementor-element-2340a30 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://idmercado.com.br/wp-content/uploads/2025/10/Untitled-Project-2025-10-07T114516.516.png");background-size:459px auto;}.elementor-5281 .elementor-element.elementor-element-641485ab{width:var( --container-widget-width, 336.372px );max-width:336.372px;--container-widget-width:336.372px;--container-widget-flex-grow:0;}}/* Start custom CSS for html, class: .elementor-element-587177c6 */.card p3 {
  font-size: 2.65rem;
  opacity: .95;
  font-weight: bold;
  color: #39B881 ;
  margin-bottom: 18px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-372f596 */<section class="testimonials-section">
  <h2>O que dizem nossos leitores</h2>

  <div class="testimonials-container">
    <div class="testimonial-card">
      <p>“Este e-book mudou completamente a minha forma de pensar sobre negócios digitais.”</p>
      <div class="stars">★★★★★</div>
    </div>

    <div class="testimonial-card">
      <p>“Aprendi estratégias simples e práticas que aplico até hoje. Vale cada centavo!”</p>
      <div class="stars">★★★★★</div>
    </div>

    <div class="testimonial-card">
      <p>“Conteúdo leve e direto ao ponto. Super recomendo para quem quer começar.”</p>
      <div class="stars">★★★★★</div>
    </div>
  </div>
</section>

<style>
/* ================================
   SEÇÃO DEPOIMENTOS (ISOLADA)
================================== */
.testimonials-section {
  padding: 60px 20px;
  font-family: Arial, Helvetica, sans-serif;
  color: #fff;
  background: transparent; /* Sem fundo */
}

.testimonials-section h2 {
  text-align: center;
  font-size: clamp(1.6rem, 4vw, 2.4rem);
  font-weight: bold;
  margin-bottom: 40px;
  color: inherit; /* Mantém a cor do tema */
}

/* ===== CONTAINER RESPONSIVO ===== */
.testimonials-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 24px;
  max-width: 1100px;
  margin: 0 auto;
}

/* ======== CARD VIDRO ======== */
.testimonial-card {
  position: relative;
  background: rgba(255, 255, 255, 0.08); /* Vidro translúcido */
  border-radius: 16px;
  padding: 24px;
  backdrop-filter: blur(14px) saturate(150%);
  -webkit-backdrop-filter: blur(14px) saturate(150%);
  border: 1px solid rgba(255, 255, 255, 0.25);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Iluminação suave nas bordas */
.testimonial-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 16px;
  padding: 2px; /* espessura do brilho */
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.5),
    rgba(255, 255, 255, 0.05),
    rgba(255, 255, 255, 0.3)
  );
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  pointer-events: none;
}

.testimonial-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
}

/* ======== CONTEÚDO ======== */
.testimonial-card p {
  font-size: 1rem;
  font-style: italic;
  line-height: 1.5;
  margin-bottom: 15px;
  color: #f2f2f2;
}

.stars {
  color: #00ffae; /* Estrelas verdes neon */
  font-size: 1.2rem;
}

/* ======== RESPONSIVIDADE EXTRA ======== */
@media (max-width: 480px) {
  .testimonial-card {
    padding: 18px;
  }
  .testimonial-card p {
    font-size: 0.95rem;
  }
}
</style>/* End custom CSS */
/* Start custom CSS */<!DOCTYPE html>
<html lang="pt-BR">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Efeito Luzes Neon Verdes</title>
  <style>
    /* RESET */
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    /* ===== FUNDO DARK ===== */
    body {
      min-height: 100vh;
      background: radial-gradient(circle at center, #010f07 0%, #010a05 45%, #000 90%);
   
      font-family: sans-serif;
    }

    /* ===== GLOW DINÂMICO ===== */
    .neon-light {
      position: absolute;
      width: clamp(180px, 28vw, 420px);
      height: clamp(180px, 28vw, 420px);
      border-radius: 50%;
      background: radial-gradient(circle,
          rgba(0, 255, 120, 0.6) 0%,
          rgba(0, 255, 120, 0.18) 50%,
          transparent 70%);
      filter: blur(80px) brightness(1.2);
      opacity: 0.25;
      mix-blend-mode: screen;
      animation: float 10s ease-in-out infinite alternate;
      transition: all 0.4s ease;
      z-index: 1;
    }

    /* ===== VARIAÇÕES DE LUZ ===== */
    .light1 {
      top: 15%;
      left: 20%;
      animation-delay: 1.5s;
    }

    .light2 {
      bottom: 20%;
      right: 15%;
      background: radial-gradient(circle,
          rgba(0, 255, 170, 0.55) 0%,
          rgba(0, 255, 130, 0.2) 45%,
          transparent 70%);
      animation-delay: 3s;
    }

    .light3 {
      top: 50%;
      left: 45%;
      width: clamp(160px, 26vw, 360px);
      height: clamp(160px, 26vw, 360px);
      background: radial-gradient(circle,
          rgba(0, 255, 100, 0.5) 0%,
          rgba(0, 255, 100, 0.15) 50%,
          transparent 70%);
      animation-delay: 5s;
    }

    /* ===== ANIMAÇÕES ===== */
    @keyframes float {
      0% {
        transform: translateY(-25px) scale(1);
        opacity: 0.2;
      }
      50% {
        transform: translateY(25px) scale(1.05);
        opacity: 0.35;
      }
      100% {
        transform: translateY(-15px) scale(1);
        opacity: 0.25;
      }
    }

    /* ===== FUNDO COM BRILHO SUTIL ===== */
    .overlay-glow {
      position: absolute;
      inset: 0;
      background: radial-gradient(circle at center,
          rgba(0, 255, 140, 0.05) 0%,
          transparent 70%);
      pointer-events: none;
      mix-blend-mode: overlay;
      z-index: 0;
    }

    /* ===== RESPONSIVIDADE EXTRA ===== */
    @media (max-width: 768px) {
      .neon-light {
        filter: blur(60px);
      }
    }

    @media (max-width: 480px) {
      .neon-light {
        filter: blur(50px);
        opacity: 0.2;
      }
    }
  </style>
</head>
<body>
  <!-- Luzes neon -->
  <div class="neon-light light1"></div>
  <div class="neon-light light2"></div>
  <div class="neon-light light3"></div>
  
  <!-- Glow sutil do fundo -->
  <div class="overlay-glow"></div>
</body>
</html>/* End custom CSS */