/* ═══════════════════════════════════════════════════════════════
   Ansiedade em Check — Frontend CSS (artigos publicados)
   Fontes: Inter (corpo) + Merriweather (títulos opcionais)
═══════════════════════════════════════════════════════════════ */

/* ── Wrapper ─────────────────────────────────────────────────── */
.acg-wrap{max-width:760px;margin:0 auto;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#1e293b;line-height:1.75}

/* ── Hero Bar ────────────────────────────────────────────────── */
.acg-hero-bar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:28px;padding-bottom:16px;border-bottom:2px solid #f1f5f9}
.acg-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 14px;border-radius:20px;border:1px solid;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.acg-meta-bar{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:#64748b}
.acg-meta-bar span{display:flex;align-items:center;gap:4px}

/* ── Score Box ───────────────────────────────────────────────── */
.acg-score-box{display:flex;align-items:center;gap:20px;background:linear-gradient(135deg,#f8f4ff,#fdf4ff);border:2px solid #e9d5ff;border-radius:16px;padding:20px 24px;margin-bottom:32px}
.acg-score-circle{flex-shrink:0}
.acg-score-info{}
.acg-score-label{font-size:11px;font-weight:700;color:#7c3aed;text-transform:uppercase;letter-spacing:.6px;margin-bottom:4px}
.acg-score-title{font-size:1.1rem;font-weight:700;color:#1e293b;margin-bottom:6px;line-height:1.3}
.acg-score-stars{font-size:1.2rem}

/* ── Article Content ─────────────────────────────────────────── */
.acg-content{font-size:1.02rem;line-height:1.8;color:#1e293b}
.acg-content h2{font-size:1.5rem;font-weight:800;color:#0f172a;margin:2.2rem 0 1rem;padding-bottom:.5rem;border-bottom:3px solid #7c3aed;display:inline-block}
.acg-content h3{font-size:1.18rem;font-weight:700;color:#1e293b;margin:1.8rem 0 .8rem}
.acg-content h4{font-size:1.05rem;font-weight:700;color:#334155;margin:1.4rem 0 .6rem}
.acg-content p{margin:0 0 1.2rem;line-height:1.8}
.acg-content strong{font-weight:700;color:#0f172a}
.acg-content em{font-style:italic;color:#475569}
.acg-content a{color:#7c3aed;text-decoration:underline;text-underline-offset:3px;transition:color .2s}
.acg-content a:hover{color:#6d28d9}

/* Listas */
.acg-content ul,.acg-content ol{margin:1rem 0 1.4rem 1.5rem;padding:0}
.acg-content li{margin-bottom:.55rem;line-height:1.7}
.acg-content ul li{list-style:none;padding-left:.2rem}
.acg-content ul li::before{content:"•";color:#7c3aed;font-weight:700;margin-right:.6rem}

/* Tabela */
.acg-content table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.95rem;border-radius:10px;overflow:hidden;box-shadow:0 1px 8px rgba(0,0,0,.06)}
.acg-content thead{background:linear-gradient(135deg,#7c3aed,#6d28d9)}
.acg-content thead th{color:#fff;padding:12px 16px;text-align:left;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.4px}
.acg-content tbody tr:nth-child(even){background:#f8f4ff}
.acg-content tbody tr:hover{background:#f3e8ff}
.acg-content td{padding:11px 16px;border-bottom:1px solid #e9d5ff;vertical-align:top}

/* Blockquote */
.acg-content blockquote{border-left:4px solid #7c3aed;background:#f8f4ff;padding:14px 20px;margin:1.5rem 0;border-radius:0 8px 8px 0;font-style:italic;color:#475569}
.acg-content blockquote p:last-child{margin:0}

/* ── Tip Box ─────────────────────────────────────────────────── */
.acg-tip-box{background:linear-gradient(135deg,#f8f4ff,#fdf9ff);border:1px solid #ddd6fe;border-left:4px solid #7c3aed;border-radius:0 10px 10px 0;padding:16px 20px;margin:1.5rem 0}
.acg-tip-box::before{content:"💡 Dica importante";display:block;font-size:11px;font-weight:700;color:#7c3aed;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}
.acg-tip-box p:last-child{margin:0}

/* ── Pros / Cons ─────────────────────────────────────────────── */
.acg-pros,.acg-cons{padding:14px 18px;border-radius:10px;margin:1rem 0}
.acg-pros{background:#f0fdf4;border:1px solid #bbf7d0}
.acg-cons{background:#fff7f7;border:1px solid #fecdd3}
.acg-pros li::before{content:"✓";color:#059669!important}
.acg-cons li::before{content:"✗";color:#dc2626!important}

/* ── FAQ Items ───────────────────────────────────────────────── */
.acg-faq-item{background:#f8f9fa;border:1px solid #e2e8f0;border-radius:10px;padding:18px 20px;margin:1rem 0;transition:box-shadow .2s}
.acg-faq-item:hover{box-shadow:0 2px 12px rgba(124,58,237,.1)}
.acg-faq-item h3{color:#0f172a;margin:0 0 10px;font-size:1rem;font-weight:700}
.acg-faq-item p:last-child{margin:0}

/* ── Disclaimer ──────────────────────────────────────────────── */
.acg-disclaimer{display:flex;align-items:flex-start;gap:12px;background:#faf5ff;border:1px solid #e9d5ff;border-radius:10px;padding:16px 20px;margin:2rem 0;font-size:.9rem;color:#6b21a8;line-height:1.6}
.acg-disclaimer-icon{font-size:1.4rem;flex-shrink:0;margin-top:2px}
.acg-disclaimer p{margin:0}

/* ── CTA Inline ──────────────────────────────────────────────── */
.acg-cta-inline{text-align:center;background:linear-gradient(135deg,#faf5ff,#f3e8ff);border:1px solid #ddd6fe;border-radius:16px;padding:28px 24px;margin:2.5rem 0}
.acg-cta-headline{font-size:1.15rem;font-weight:700;color:#1e293b;margin:0 0 18px;line-height:1.4}

/* ── Smart CTA Button Pulse ──────────────────────────────────── */
@keyframes acgPulseBtn{
    0%  {box-shadow:0 0 0 0 rgba(124,58,237,.65)}
    70% {box-shadow:0 0 0 14px rgba(124,58,237,0)}
    100%{box-shadow:0 0 0 0 rgba(124,58,237,0)}
}
.acg-cta-smart-btn{
    animation:acgPulseBtn 2.2s infinite;
    transition:transform .15s ease,opacity .15s ease;
    display:inline-block;
}
.acg-cta-smart-btn:hover{transform:translateY(-2px);opacity:.92}

/* ── Sticky Footer CTA ───────────────────────────────────────── */
#acg-sticky-footer{position:fixed;bottom:0;left:0;right:0;background:#1e293b;border-top:3px solid #7c3aed;padding:12px 20px;display:flex;align-items:center;justify-content:center;gap:16px;z-index:9999;flex-wrap:wrap;box-shadow:0 -4px 20px rgba(0,0,0,.3)}
.acg-sticky-text{color:#e2e8f0;font-size:14px;font-weight:500}
.acg-sticky-btn{padding:10px 22px;border-radius:50px;font-size:14px;font-weight:700;text-decoration:none;color:#fff;white-space:nowrap;transition:opacity .2s,transform .1s}
.acg-sticky-btn:hover{opacity:.88;transform:translateY(-1px);color:#fff}
.acg-sticky-close{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:18px;padding:4px;margin-left:8px;line-height:1;transition:color .2s}
.acg-sticky-close:hover{color:#e2e8f0}

/* ── Responsive ──────────────────────────────────────────────── */
@media(max-width:640px){
    .acg-content h2{font-size:1.25rem}
    .acg-content h3{font-size:1.05rem}
    .acg-score-box{flex-direction:column;text-align:center;gap:12px}
    .acg-hero-bar{flex-direction:column;gap:8px}
    .acg-meta-bar{gap:10px;font-size:12px}
    #acg-sticky-footer{padding:10px 14px;gap:10px}
    .acg-sticky-text{font-size:13px}
    .acg-content table{font-size:.85rem}
    .acg-content thead th,.acg-content td{padding:8px 10px}
}

/* ── Imagens Inline nas Seções ───────────────────────────────────────────── */
.acg-inline-img {
    margin: 1.2rem 0 1.8rem;
    padding: 0;
    border: none;
}

/* Largura total */
.acg-inline-img-full {
    width: 100%;
}
.acg-inline-img-full img {
    width: 100%;
    height: auto;
    max-height: 400px;
    object-fit: cover;
    border-radius: 10px;
    display: block;
}

/* Lateral (flutua à direita) */
.acg-inline-img-side {
    float: right;
    width: 280px;
    margin: 0 0 1.2rem 1.5rem;
    clear: right;
}
.acg-inline-img-side img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    display: block;
}

/* Caption e crédito */
.acg-inline-img-caption {
    font-size: 12px;
    color: #64748b;
    margin-top: 6px;
    line-height: 1.4;
    font-style: italic;
}
.acg-inline-img-caption a {
    color: #7c3aed;
    text-decoration: none;
}
.acg-inline-img-caption a:hover {
    text-decoration: underline;
}
figcaption {
    font-size: 12px;
    color: #64748b;
    margin-top: 6px;
    line-height: 1.4;
    font-style: italic;
}
figcaption a {
    color: #7c3aed;
}

/* Limpar float depois das seções */
.acg-content h2,
.acg-content h3 {
    clear: both;
}

@media (max-width: 640px) {
    .acg-inline-img-side {
        float: none;
        width: 100%;
        margin: 0 0 1.2rem;
    }
}