/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 20 2026 | 13:24:14 */
/* cp-pages-anatomia-barreiras.css — Anatomia das barreiras (Radar STJ, F1).
   Prefixo cp-anb-. Centrada na barreira: dossiê dos caminhos sobre-representados.
   !important por causa do BuddyBoss (§1). Porte do demo demo-anatomia-barreiras-v1. */

.cp-anb { max-width: 1080px !important; margin: 0 auto !important; padding: 6px 0 0 !important; color: #1A1A1A !important; }
.cp-anb-eyebrow { font-size: 12px !important; letter-spacing: .08em !important; text-transform: uppercase !important; color: #7A2E3A !important; font-weight: 700 !important; }
.cp-anb-h1 { font-size: 30px !important; line-height: 1.15 !important; margin: 8px 0 8px !important; font-weight: 800 !important; letter-spacing: -.01em !important; color: #1A1A1A !important; }
.cp-anb-deck { font-size: 16px !important; color: #6b6b6b !important; max-width: 700px !important; margin: 0 !important; line-height: 1.5 !important; }

.cp-anb-error { background: #fbf3e6 !important; color: #8a6a1f !important; border-radius: 9px !important; padding: 10px 13px !important; font-size: 13px !important; margin: 12px 0 !important; }
.cp-anb-loading, .cp-anb-empty { font-size: 13px !important; color: #9a958c !important; padding: 10px 0 !important; }

/* Seletor de barreira */
.cp-anb-pills { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin: 22px 0 20px !important; }
.cp-anb-pill { padding: 8px 13px !important; border: 1px solid #e7e4dd !important; background: #fff !important; border-radius: 999px !important; font-size: 13px !important; cursor: pointer !important; color: #6b6b6b !important; font-family: inherit !important; }
.cp-anb-pill.on { background: #7A2E3A !important; color: #fff !important; border-color: #7A2E3A !important; font-weight: 700 !important; }
.cp-anb-pill-n { font-size: 11px !important; opacity: .7 !important; margin-left: 4px !important; font-variant-numeric: tabular-nums !important; }

/* Cabeçalho do dossiê */
.cp-anb-head { background: #fff !important; border: 1px solid #e7e4dd !important; border-radius: 14px !important; padding: 20px 24px !important; margin-bottom: 16px !important; }
.cp-anb-head h2 { font-size: 22px !important; margin: 0 0 12px !important; font-weight: 800 !important; color: #1A1A1A !important; }
.cp-anb-stats { display: flex !important; gap: 28px !important; flex-wrap: wrap !important; }
.cp-anb-stat .v { font-size: 26px !important; font-weight: 800 !important; line-height: 1 !important; color: #1A1A1A !important; }
.cp-anb-stat .l { font-size: 12px !important; color: #9a958c !important; margin-top: 4px !important; }

/* Os caminhos — 3 colunas */
.cp-anb-grid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 16px !important; margin-bottom: 16px !important; }
@media (max-width: 820px) { .cp-anb-grid { grid-template-columns: 1fr !important; } }
.cp-anb-col { background: #fff !important; border: 1px solid #e7e4dd !important; border-radius: 14px !important; padding: 18px !important; }
.cp-anb-col h3 { font-size: 12px !important; text-transform: uppercase !important; letter-spacing: .05em !important; color: #9a958c !important; margin: 0 0 3px !important; font-weight: 700 !important; }
.cp-anb-col .sub { font-size: 11.5px !important; color: #9a958c !important; margin: 0 0 12px !important; line-height: 1.4 !important; }
.cp-anb-item { margin-bottom: 11px !important; }
.cp-anb-item-top { display: flex !important; justify-content: space-between !important; align-items: baseline !important; gap: 8px !important; }
.cp-anb-item-name { font-size: 13.5px !important; font-weight: 600 !important; color: #1A1A1A !important; }
.cp-anb-lift { font-size: 11px !important; font-weight: 700 !important; color: #7A2E3A !important; background: #f1dfe1 !important; border-radius: 5px !important; padding: 1px 7px !important; white-space: nowrap !important; }
.cp-anb-bar { height: 7px !important; background: #f1ece1 !important; border-radius: 4px !important; overflow: hidden !important; margin-top: 5px !important; }
.cp-anb-bar > i { display: block !important; height: 100% !important; background: #7A2E3A !important; border-radius: 4px !important; }
.cp-anb-pct { font-size: 11px !important; color: #9a958c !important; margin-top: 3px !important; }

/* Como não cair */
.cp-anb-evitar { background: #eef7f1 !important; border: 1px solid #cfe8db !important; border-radius: 14px !important; padding: 18px 22px !important; margin-bottom: 16px !important; }
.cp-anb-evitar h3 { font-size: 12px !important; text-transform: uppercase !important; letter-spacing: .05em !important; color: #1d6b4e !important; margin: 0 0 10px !important; font-weight: 700 !important; }
.cp-anb-evitar ul { margin: 0 !important; padding: 0 !important; list-style: none !important; }
.cp-anb-evitar li { font-size: 14px !important; margin-bottom: 8px !important; padding-left: 22px !important; position: relative !important; color: #1A1A1A !important; line-height: 1.45 !important; }
.cp-anb-evitar li::before { content: "" !important; position: absolute !important; left: 0 !important; top: 6px !important; width: 9px !important; height: 9px !important; border: 2px solid #1D9E75 !important; border-radius: 3px !important; }
.cp-anb-evitar li b { color: #178a66 !important; font-weight: 700 !important; }

/* Exemplos */
.cp-anb-ex { background: #fff !important; border: 1px solid #e7e4dd !important; border-radius: 14px !important; padding: 18px 22px !important; }
.cp-anb-ex h3 { font-size: 12px !important; text-transform: uppercase !important; letter-spacing: .05em !important; color: #9a958c !important; margin: 0 0 12px !important; font-weight: 700 !important; }
.cp-anb-ex-item { border: 1px solid #e7e4dd !important; border-radius: 10px !important; padding: 11px 13px !important; margin-bottom: 9px !important; display: block !important; text-decoration: none !important; color: inherit !important; }
.cp-anb-ex-item:hover, .cp-anb-ex-item:visited { text-decoration: none !important; color: inherit !important; }
.cp-anb-ex-item:hover { border-color: #1D9E75 !important; }
.cp-anb-ex-proc { font-weight: 700 !important; font-size: 13.5px !important; color: #1A1A1A !important; }
.cp-anb-ex-q { font-size: 13px !important; color: #6b6b6b !important; margin-top: 4px !important; line-height: 1.45 !important; }
.cp-anb-ex-meta { font-size: 11.5px !important; color: #9a958c !important; margin-top: 5px !important; }

.cp-anb-disc { font-size: 12px !important; color: #9a958c !important; margin-top: 22px !important; border-top: 1px solid #e7e4dd !important; padding-top: 14px !important; line-height: 1.55 !important; }

/* Em construção */
.cp-anb-construcao { text-align: center !important; padding: 64px 20px !important; }
.cp-anb-construcao-badge { display: inline-block !important; background: #F7D44A !important; color: #1A1A1A !important; font-size: 12px !important; font-weight: 700 !important; padding: 4px 12px !important; border-radius: 6px !important; text-transform: uppercase !important; letter-spacing: .05em !important; }
.cp-anb-construcao-title { font-size: 28px !important; font-weight: 800 !important; margin: 14px 0 10px !important; color: #1A1A1A !important; }
.cp-anb-construcao-desc { font-size: 16px !important; color: #6b6b6b !important; max-width: 560px !important; margin: 0 auto !important; line-height: 1.55 !important; }