/* ================= CTA PREMIUM SUPREMO ================= */

.cta-premium{
    position: relative;
    padding: 160px 20px;
    background: radial-gradient(
        circle at 20% 0%,
        rgba(255,215,0,0.10),
        transparent 35%
      ),
      radial-gradient(
        circle at 80% 100%,
        rgba(255,215,0,0.08),
        transparent 40%
      ),
      linear-gradient(180deg, #0b0b0b 0%, #000 100%);
    color: #fff;
    overflow: hidden;
  }
  
  /* Partículas douradas sutis */
  .cta-premium::after{
    content:"";
    position:absolute;
    inset:0;
    background-image:
      radial-gradient(2px 2px at 10% 20%, rgba(255,215,0,.25), transparent),
      radial-gradient(2px 2px at 80% 30%, rgba(255,215,0,.18), transparent),
      radial-gradient(1.5px 1.5px at 40% 70%, rgba(255,215,0,.15), transparent),
      radial-gradient(1.5px 1.5px at 65% 85%, rgba(255,215,0,.2), transparent);
    animation: goldFloat 18s linear infinite;
    pointer-events:none;
  }
  
  /* animação leve de fundo */
  @keyframes goldFloat{
    from{ transform: translateY(0); }
    to{ transform: translateY(-60px); }
  }
  
  /* ================= CONTAINER ================= */
  
  .cta-container{
    max-width: 1180px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 2;
    animation: fadeUp 1s ease forwards;
  }
  
  @keyframes fadeUp{
    from{
      opacity:0;
      transform: translateY(40px);
    }
    to{
      opacity:1;
      transform: translateY(0);
    }
  }
  
  /* TAG */
  .cta-tag{
    display:inline-block;
    background: rgba(255,215,0,.14);
    color:#FFD700;
    padding:8px 20px;
    border-radius:999px;
    font-size:13px;
    font-weight:800;
    letter-spacing:.5px;
    margin-bottom:30px;
    box-shadow: 0 0 0 1px rgba(255,215,0,.25);
  }
  
  /* TÍTULO */
  .cta-container h2{
    font-size:48px;
    line-height:1.12;
    margin-bottom:26px;
    color:#fff;
  }
  
  .cta-container h2 strong{
    color:#FFD700;
    text-shadow: 0 0 18px rgba(255,215,0,.45);
  }
  
  /* SUB */
  .cta-sub{
    font-size:18px;
    max-width:780px;
    margin:0 auto 56px;
    line-height:1.75;
    color:#d6d6d6;
  }
  
  /* BENEFÍCIOS */
  .cta-beneficios{
    display:flex;
    justify-content:center;
    gap:28px;
    flex-wrap:wrap;
    margin-bottom:60px;
  }
  
  .cta-beneficios div{
    display:flex;
    align-items:center;
    gap:10px;
    padding:16px 26px;
    border-radius:16px;
    background: rgba(255,255,255,.05);
    backdrop-filter: blur(6px);
    font-weight:600;
    box-shadow:
      inset 0 0 0 1px rgba(255,215,0,.15),
      0 10px 25px rgba(0,0,0,.4);
  }
  
  /* BOTÃO PREMIUM (FOCO TOTAL) */
  .cta-botao{
    position: relative;
    display:inline-flex;
    align-items:center;
    gap:12px;
    background: linear-gradient(135deg,#FFD700,#ffef9c);
    color:#000;
    font-weight:900;
    font-size:19px;
    padding:22px 46px;
    border-radius:16px;
    text-decoration:none;
    box-shadow:
      0 30px 70px rgba(255,215,0,.45),
      inset 0 -4px 8px rgba(0,0,0,.25);
    transition: transform .25s ease, box-shadow .25s ease;
  }
  
  /* brilho pulsante */
  .cta-botao::after{
    content:"";
    position:absolute;
    inset:-6px;
    border-radius:inherit;
    background: radial-gradient(circle, rgba(255,255,255,.6), transparent 60%);
    opacity:0;
    animation: pulseGold 3s infinite;
    z-index:-1;
  }
  
  @keyframes pulseGold{
    0%{opacity:0; transform:scale(.95);}
    50%{opacity:.35;}
    100%{opacity:0; transform:scale(1.1);}
  }
  
  .cta-botao:hover{
    transform: translateY(-5px);
    box-shadow:
      0 45px 100px rgba(255,215,0,.6),
      inset 0 -4px 8px rgba(0,0,0,.25);
  }
  
  /* AVISO */
  .cta-aviso{
    display:block;
    margin-top:26px;
    font-size:13px;
    color:#bbb;
  }
  
  /* ================= MOBILE ================= */
  
  @media (max-width:768px){
    .cta-premium{
      padding:120px 20px;
    }
  
    .cta-container h2{
      font-size:30px;
    }
  
    .cta-sub{
      font-size:16px;
      margin-bottom:42px;
    }
  
    .cta-beneficios{
      gap:14px;
      margin-bottom:46px;
    }
  
    .cta-beneficios div{
      font-size:14px;
      padding:14px 18px;
    }
  
    .cta-botao{
      font-size:16px;
      padding:18px 32px;
    }
  }