/* Página de índice de Guias na branch premium */
body.ff-guides{background:#f4fafb}
body.ff-guides .ffg-hero{background:radial-gradient(circle at 85% 18%,#16bfa044,transparent 36%),linear-gradient(115deg,#063240,#06525b)!important;border-radius:0 0 24px 24px;box-shadow:none}
body.ff-guides .ffg-hero h1{color:#fff!important;letter-spacing:-.04em}
body.ff-guides .ffg-hero p{color:#d9eded!important}
body.ff-guides .ffg-hero-panel{border-radius:20px!important;box-shadow:0 18px 38px #03252c20}
body.ff-guides .ff-guides-tools{border-radius:17px!important;background:#fff!important;border-color:#dcece9!important;box-shadow:0 12px 27px #09354b0a}
body.ff-guides .ffg-card{border:1px solid #dceae8!important;border-radius:18px!important;box-shadow:0 12px 28px #062d3c0d!important;transition:transform .2s,box-shadow .2s}
body.ff-guides .ffg-card:hover{transform:translateY(-3px);box-shadow:0 18px 33px #062d3c1e!important}
body.ff-guides .ffg-card:before{background:linear-gradient(90deg,#ff565b,#9966e8,#00ad93)!important}
body.ff-guides .ffg-card-tag{display:inline-flex;align-items:center;gap:7px}
body.ff-guides .ffg-card-tag:before{content:"";width:11px;height:11px;border-radius:4px;background:var(--ffg-category-color,#00a895);box-shadow:0 0 0 5px color-mix(in srgb,var(--ffg-category-color,#00a895) 12%,transparent)}
body.ff-guides .ffg-card:nth-of-type(8n+1){--ffg-category-color:#e75056}
body.ff-guides .ffg-card:nth-of-type(8n+2){--ffg-category-color:#945ce3}
body.ff-guides .ffg-card:nth-of-type(8n+3){--ffg-category-color:#ed8b32}
body.ff-guides .ffg-card:nth-of-type(8n+4){--ffg-category-color:#1b93ae}
body.ff-guides .ffg-card:nth-of-type(8n+5){--ffg-category-color:#048f6f}
body.ff-guides .ffg-card:nth-of-type(8n+6){--ffg-category-color:#3976e2}
body.ff-guides .ffg-card:nth-of-type(8n+7){--ffg-category-color:#bd8a26}
body.ff-guides .ffg-card:nth-of-type(8n){--ffg-category-color:#6861ce}
body.ff-guides .ff-guide-chip{border-radius:999px!important}
body.ff-guides .ffg-card h2 a{color:#103541!important}
body.ff-guides .ffg-card-foot a{color:#008a80!important;font-weight:800}
@media(max-width:640px){body.ff-guides .ffg-hero{border-radius:0 0 18px 18px}}

/* QA visual: a hero dos Guias tem painéis claros dentro do fundo escuro. */
body.ff-guides .ffg-hero .ffg-hero-copy h1{color:#0b3340!important}
body.ff-guides .ffg-hero .ffg-hero-copy p{color:#587780!important}
body.ff-guides .ffg-hero .ffg-hero-panel p{color:#67858b!important}
body.ff-guides .ffg-hero .ffg-hero-panel strong{color:#0a5e5d!important}