/* ═══════════════════════════════════════════════════════
   APOIO MAKER — Front-end styles
   Prefixed with .am- to avoid conflicts with themes/Elementor
   ═══════════════════════════════════════════════════════ */

#apoio-maker-wrap {
  --am-bg: #0a0a0f;
  --am-panel: #15151f;
  --am-panel2: #1c1c28;
  --am-border: #262636;
  --am-text: #e8e8f0;
  --am-muted: #8a8aa0;
  --am-neon: #ff6a00;
  --am-green: #39ff88;
  --am-gold: #ffd60a;
  --am-radius: 18px;
  font-family: 'Space Grotesk', system-ui, sans-serif;
  color: var(--am-text);
  line-height: 1.5;
}

/* ── Plans grid ─────────────────────────────────────── */
.am-plans { padding: 40px 0 20px; }
.am-section-head { text-align: center; margin-bottom: 32px; }
.am-section-head h2 { font-size: clamp(24px,3vw,36px); font-weight: 700; color: var(--am-text); }
.am-section-head p  { color: var(--am-muted); margin-top: 8px; }

.am-grid {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
}

.am-plan {
  position: relative;
  background: linear-gradient(180deg, var(--am-panel), var(--am-panel2));
  border: 1px solid var(--am-border);
  border-radius: var(--am-radius);
  padding: 26px 22px;
  display: flex; flex-direction: column;
  transition: transform .25s, border-color .25s, box-shadow .25s;
}
.am-plan:hover { transform: translateY(-4px); border-color: #3a3a55; }

.am-plan.am-featured { border-color: rgba(57,255,136,.45); box-shadow: 0 0 0 1px rgba(57,255,136,.15), 0 20px 60px -20px rgba(57,255,136,.25); }
.am-plan.am-hot      { border-color: rgba(255,106,0,.45);  box-shadow: 0 0 0 1px rgba(255,106,0,.15),  0 20px 60px -20px rgba(255,106,0,.25); }
.am-plan.am-lifetime {
  border-color: rgba(255,214,10,.5);
  box-shadow: 0 0 0 1px rgba(255,214,10,.18), 0 24px 70px -20px rgba(255,214,10,.3);
  background: linear-gradient(180deg,#1c1722,#15131a);
}
.am-plan.am-reseller {
  border-color: rgba(180,70,255,.5);
  box-shadow: 0 0 0 1px rgba(180,70,255,.18), 0 24px 70px -20px rgba(180,70,255,.3);
  background: linear-gradient(180deg,#1a1424,#161221);
}
.am-plan.am-selected { outline: 2px solid var(--am-neon); outline-offset: 2px; }

.am-badge {
  position: absolute; top: -12px; left: 22px;
  font-size: 11px; font-weight: 700; letter-spacing: .6px;
  padding: 5px 10px; border-radius: 999px; text-transform: uppercase;
}
.am-badge.am-fav      { background:rgba(57,255,136,.15); color:#39ff88; border:1px solid rgba(57,255,136,.4); }
.am-badge.am-hot-badge{ background:rgba(255,106,0,.15);  color:#ff6a00; border:1px solid rgba(255,106,0,.4); }
.am-badge.am-crown    { background:rgba(255,214,10,.15); color:#ffd60a; border:1px solid rgba(255,214,10,.45); }
.am-badge.am-biz      { background:rgba(180,70,255,.15); color:#c87bff; border:1px solid rgba(180,70,255,.45); }

.am-plan h3   { font-size: 18px; margin-bottom: 10px; color: var(--am-text); }
.am-price     { display: flex; align-items: baseline; gap: 6px; margin: 8px 0 6px; }
.am-currency  { color: var(--am-muted); font-size: 14px; }
.am-value     { font-size: 34px; font-weight: 700; letter-spacing: -1px; color: var(--am-text); }
.am-strike    { color: #6a6a80; text-decoration: line-through; font-size: 13px; display: block; }
.am-saving    { display: inline-block; margin-top: 4px; font-size: 12px; font-weight: 700;
                padding: 3px 8px; border-radius: 6px;
                background: rgba(57,255,136,.12); color: #39ff88; border: 1px solid rgba(57,255,136,.3); }
.am-saving.am-gold   { background:rgba(255,214,10,.12); color:#ffd60a; border-color:rgba(255,214,10,.35); }
.am-saving.am-violet { background:rgba(180,70,255,.12); color:#c87bff; border-color:rgba(180,70,255,.35); }
.am-tag { font-size: 13px; color: var(--am-muted); min-height: 38px; margin-top: 6px; }
.am-plan ul { list-style: none; margin: 16px 0 20px; padding: 0; font-size: 14px; color: #c8c8d8; }
.am-plan ul li { padding: 6px 0; display: flex; gap: 8px; align-items: flex-start; }
.am-plan ul li::before {
  content: ""; width: 16px; height: 16px; flex: none; margin-top: 2px; border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, #39ff88, #0d3a22);
  box-shadow: 0 0 8px rgba(57,255,136,.4);
}
.am-plan.am-hot      ul li::before { background: radial-gradient(circle at 30% 30%, #ff6a00, #3a1500); box-shadow: 0 0 8px rgba(255,106,0,.4); }
.am-plan.am-lifetime ul li::before { background: radial-gradient(circle at 30% 30%, #ffd60a, #3a2e00); box-shadow: 0 0 8px rgba(255,214,10,.4); }
.am-plan.am-reseller ul li::before { background: radial-gradient(circle at 30% 30%, #c87bff, #2a103e); box-shadow: 0 0 8px rgba(180,70,255,.4); }

.am-choose-btn {
  margin-top: auto; display: inline-flex; align-items: center; justify-content: center;
  padding: 12px 16px; border-radius: 12px; font-weight: 600; font-size: 14px;
  background: #22222e; color: var(--am-text); border: 1px solid var(--am-border);
  cursor: pointer; transition: .2s; font-family: inherit;
}
.am-choose-btn:hover { background: #2a2a3a; border-color: #3a3a55; }
.am-plan.am-featured .am-choose-btn { background: linear-gradient(90deg,#127a3f,#1f9f5a); border-color: transparent; color: #03110a; }
.am-plan.am-hot      .am-choose-btn { background: linear-gradient(90deg,#c4480d,#ff6a00); border-color: transparent; color: #1a0900; }
.am-plan.am-lifetime .am-choose-btn { background: linear-gradient(90deg,#b58a00,#ffd60a); border-color: transparent; color: #1a1500; }
.am-plan.am-reseller .am-choose-btn { background: linear-gradient(90deg,#7b1fb8,#c87bff); border-color: transparent; color: #1a0a26; }
.am-plan.am-featured .am-choose-btn:hover,
.am-plan.am-hot      .am-choose-btn:hover,
.am-plan.am-lifetime .am-choose-btn:hover,
.am-plan.am-reseller .am-choose-btn:hover { filter: brightness(1.1); }

/* ── Guarantee bar ──────────────────────────────────── */
.am-guarantee-bar {
  max-width: 900px; margin: 30px auto 0;
  display: flex; align-items: center; gap: 16px; flex-wrap: wrap; justify-content: center;
  background: linear-gradient(90deg,rgba(57,255,136,.06),rgba(57,255,136,.03));
  border: 1px solid rgba(57,255,136,.25); border-radius: 16px; padding: 18px 22px;
}
.am-seal { width:54px;height:54px;flex:none;border-radius:50%;
           background:radial-gradient(circle at 30% 30%,#39ff88,#0d3a22);
           box-shadow:0 0 18px rgba(57,255,136,.45);
           display:flex;align-items:center;justify-content:center;font-size:24px; }
.am-gtxt { color:#cfd6d2; font-size:14px; line-height:1.45; }
.am-gtxt b { color:#39ff88; }

/* ── Form card ──────────────────────────────────────── */
.am-signup { padding: 50px 0 80px; }
.am-form-card {
  max-width: 640px; margin: 0 auto;
  background: linear-gradient(180deg, var(--am-panel), var(--am-panel2));
  border: 1px solid var(--am-border); border-radius: var(--am-radius); padding: 36px;
}
.am-form-card h2 { font-size: clamp(22px,3vw,30px); margin-bottom: 8px; color: var(--am-text); }
.am-sub { color: var(--am-muted); margin-bottom: 24px; font-size: 15px; }
.am-field { margin-bottom: 18px; }
.am-field label { display: block; font-size: 13px; color: var(--am-muted); margin-bottom: 6px; font-weight: 500; }
.am-field input,
.am-field select {
  width:100%; padding:13px 14px; border-radius:12px;
  background:#0e0e16; border:1px solid var(--am-border); color:var(--am-text);
  font-size:15px; font-family:inherit; outline:none; transition:.2s; -webkit-appearance:none;
}
.am-field input:focus,
.am-field select:focus { border-color: var(--am-neon); box-shadow:0 0 0 3px rgba(255,106,0,.15); }
.am-field input::placeholder { color:#55556b; }

.am-selected-info {
  display:none; margin-top:10px; padding:12px 14px; border-radius:10px;
  background:rgba(255,106,0,.08); border:1px solid rgba(255,106,0,.3);
  font-size:14px; color:#ffd2b0;
}
.am-selected-info.am-show { display:block; }
.am-selected-info b { color:var(--am-neon); }

.am-submit-btn {
  width:100%; padding:16px; border:none; border-radius:12px; cursor:pointer;
  font-size:16px; font-weight:700; letter-spacing:.3px;
  background:linear-gradient(90deg,var(--am-neon),var(--am-gold));
  color:#1a0900; transition:.2s; font-family:inherit;
}
.am-submit-btn:hover   { filter:brightness(1.1); transform:translateY(-1px); }
.am-submit-btn:disabled{ opacity:.6; cursor:not-allowed; transform:none; }

.am-form-msg {
  padding:12px 16px; border-radius:10px; margin-bottom:16px; font-size:14px;
  background:rgba(255,56,96,.12); border:1px solid rgba(255,56,96,.35); color:#ffb3c1;
}
.am-mini-guarantee {
  margin-top:14px; display:flex; align-items:center; gap:10px;
  padding:10px 12px; border-radius:10px;
  background:rgba(57,255,136,.06); border:1px solid rgba(57,255,136,.22);
  font-size:13px; color:#bce6cf;
}
.am-mini-guarantee b { color:#39ff88; }
.am-form-note { margin-top:14px; font-size:12px; color:var(--am-muted); text-align:center; }

/* ── Thanks state ───────────────────────────────────── */
.am-thanks { animation: amFadeIn .35s ease; }
@keyframes amFadeIn { from{opacity:0;transform:translateY(8px)} to{opacity:1;transform:none} }
.am-check {
  width:72px;height:72px;border-radius:50%;margin:0 auto 16px;
  background:radial-gradient(circle at 30% 30%,#39ff88,#0d3a22);
  box-shadow:0 0 28px rgba(57,255,136,.5);
  display:flex;align-items:center;justify-content:center;font-size:36px;
}
.am-thanks h2 { text-align:center; margin-bottom:6px; color:var(--am-text); }
.am-summary {
  background:#0e0e16; border:1px solid var(--am-border);
  border-radius:12px; padding:16px 18px; margin-bottom:22px;
  font-size:14px; color:#cfcfdf;
}
.am-row { display:flex; justify-content:space-between; padding:4px 0; gap:12px; flex-wrap:wrap; }
.am-row span:first-child { color:var(--am-muted); }
.am-row b { color:var(--am-text); }
.am-total b { color:var(--am-neon); font-size:16px; }
.am-action-buttons { display:grid; gap:12px; grid-template-columns:1fr 1fr; }
@media(max-width:520px){ .am-action-buttons{ grid-template-columns:1fr; } }
.am-big-btn {
  padding:18px; border-radius:14px; font-weight:700; font-size:15px;
  display:flex; align-items:center; justify-content:center; gap:10px;
  cursor:pointer; border:none; text-align:center; transition:.2s; line-height:1.2;
  text-decoration:none;
}
.am-big-btn:hover { transform:translateY(-2px); filter:brightness(1.08); }
.am-btn-pay { background:linear-gradient(90deg,var(--am-neon),var(--am-gold)); color:#1a0900; box-shadow:0 14px 30px -10px rgba(255,106,0,.55); }
.am-btn-wa  { background:#25d366; color:#062017; box-shadow:0 14px 30px -10px rgba(37,211,102,.55); }
.am-next-steps { margin-top:22px; padding-top:18px; border-top:1px dashed var(--am-border); font-size:13px; color:var(--am-muted); }
.am-next-steps b { color:var(--am-text); }
.am-next-steps ol { padding-left:18px; margin-top:8px; display:grid; gap:6px; }

/* ── WhatsApp float ─────────────────────────────────── */
.am-wa-float {
  position:fixed; bottom:24px; right:24px; z-index:9999;
  background:#25d366; color:#062017;
  width:60px;height:60px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 10px 30px rgba(37,211,102,.45), 0 0 0 0 rgba(37,211,102,.6);
  cursor:pointer; transition:.2s;
  animation:amPulse 2.4s ease-out infinite;
}
.am-wa-float:hover { transform:scale(1.08); }
.am-wa-float svg { width:30px;height:30px;fill:#062017; }
@keyframes amPulse {
  0%  { box-shadow:0 10px 30px rgba(37,211,102,.45), 0 0 0 0 rgba(37,211,102,.6); }
  70% { box-shadow:0 10px 30px rgba(37,211,102,.45), 0 0 0 18px rgba(37,211,102,0); }
  100%{ box-shadow:0 10px 30px rgba(37,211,102,.45), 0 0 0 0 rgba(37,211,102,0); }
}