/* Arena Core — blocos de conteúdo. Visual inspirado no tema-referência, na paleta do Arena. */
:root{ --arena-accent:#e5352b; --arena-dark:#14161b; }

/* ===================== Botão CTA (compartilhado) ===================== */
.arena-cta{
  display:flex;align-items:center;justify-content:center;gap:10px;
  background:var(--accent,var(--arena-accent));color:#fff !important;
  padding:23px 30px;border:none;border-radius:8px;
  font-size:18px;font-weight:700;line-height:1.2;text-align:center;text-decoration:none;
  width:100%;transition:filter .2s ease,transform .2s ease;
}
.arena-cta:hover{filter:brightness(.92);transform:translateY(-1px);color:#fff !important;text-decoration:none}
.arena-cta span[aria-hidden]{font-size:16px}
@media(max-width:639px){ .arena-cta{padding:18px 12px;font-size:15px} }

/* CTA único (quando fora de lista/card) ganha respiro vertical */
.arena-cta-single{margin:30px 0}
/* Bloco CTA lista */
.arena-cta-list{display:grid;grid-template-columns:1fr;gap:12px;margin:30px 0}
.arena-cta-list .arena-cta{margin:0}

/* ===================== Bullet points (caixas) ===================== */
.arena-listbox{
  display:flex;flex-direction:column;align-items:center;gap:16px;margin:26px 0;list-style:none;padding:0;
}
.arena-listbox li{
  display:flex;align-items:center;gap:14px;
  width:100%;max-width:420px;
  border:1px solid #e2e5ea;background:#f7f8fa;border-radius:8px;
  padding:14px 16px;line-height:1.4;
}
.arena-listbox li::before{
  content:"✓";flex:0 0 auto;
  width:24px;height:24px;border-radius:50%;
  background:#1e9e6a;color:#fff;font-size:13px;font-weight:700;
  display:flex;align-items:center;justify-content:center;
}
@media(min-width:800px){
  .arena-listbox{
    display:grid;grid-template-columns:repeat(2,1fr);gap:16px;
    max-width:860px;margin:26px auto;align-items:stretch;
  }
  .arena-listbox li{max-width:none}
}

/* ===================== FAQ (acordeão) ===================== */
.arena-faq{margin:30px 0;border:1px solid #e5e8ee;border-radius:10px;overflow:hidden}
.arena-faq-item+.arena-faq-item{border-top:1px solid #e5e8ee}
.arena-faq-q{
  width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;
  background:#fff;border:0;cursor:pointer;text-align:left;font-family:inherit;
  padding:22px 20px;font-size:16px;font-weight:700;color:#141933;line-height:1.35;
}
.arena-faq-q:hover,.arena-faq-item.is-open .arena-faq-q{background:#fbfbfb}
.arena-faq-ic{flex:0 0 auto;font-size:1.5rem;line-height:1;color:var(--accent,var(--arena-accent));transition:transform .2s ease}
.arena-faq-item.is-open .arena-faq-ic{transform:rotate(45deg)}
.arena-faq-a{padding:22px 24px;background:#fbfbfb;color:#3a3f49;font-size:15px;line-height:1.55}
.arena-faq-a>*:last-child{margin-bottom:0}
@media(max-width:639px){
  .arena-faq-q{padding:16px 18px;font-size:15px}
  .arena-faq-a{padding:18px}
}

/* ===================== Texto + imagem + CTA (card escuro) ===================== */
.arena-content{
  display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center;
  background:var(--arena-content-bg,var(--arena-dark));
  border-radius:12px;padding:25px;margin:40px 0;
}
.arena-content-img{display:block;border-radius:8px;overflow:hidden;background:#fff;height:285px}
.arena-content-img img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .2s ease}
.arena-content-img:hover img{opacity:.95}
.arena-content-info{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.arena-content-tag{
  display:inline-block;background:var(--accent,var(--arena-accent));color:#fff;
  font-size:11px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;
  padding:6px 15px;border-radius:100px;line-height:1.4;
}
.arena-content-title{margin:0;color:#fff;font-size:26px;line-height:1.25;font-weight:700}
.arena-content-text{margin:0;color:#eaecef;font-size:14px;line-height:1.6}
.arena-content .arena-cta{font-size:18px;padding:18px}
.arena-content-note{color:#c7ccd3;font-size:10px;line-height:1.5;text-align:center;width:100%}
@media(max-width:639px){
  .arena-content{grid-template-columns:1fr;gap:0;padding:0;overflow:hidden;margin:30px 0}
  .arena-content-img{height:180px;border-radius:0}
  .arena-content-info{padding:20px}
  .arena-content-title{font-size:20px}
}