/* ==========================================================================
   GUIA-RODA-SUPLENTE — estilo do indice e das paginas por modelo
   ==========================================================================
   Estava num <style> dentro do guia-roda-suplente.php. Saiu para aqui quando
   a pagina passou a ser instancia do master_template.dwt (mesma razao do
   kit-suplente.css).
   ========================================================================== */

    .guia-hero    { background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);color:#fff;padding:5rem 0 2.5rem; }
    .breadcrumb-c { background:transparent;padding:.5rem 0;font-size:.85rem; }
    .breadcrumb-c a { color:#FF7900;text-decoration:none; }
    .breadcrumb-c .sep { color:#adb5bd;margin:0 .4rem; }
    .section-title { font-size:1.1rem;font-weight:700;border-left:4px solid #FF7900;padding-left:.75rem;margin-bottom:1.25rem; }
    .ano-card     { border:1px solid #dee2e6;border-radius:10px;margin-bottom:1rem;overflow:hidden; }
    .ano-header   { background:#f8f9fa;padding:.75rem 1.25rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:600; }
    .ano-header:hover { background:#f0f0f0; }
    .ano-body     { display:none; }
    .kit-row      { padding:.75rem 1.25rem;border-top:1px solid #f0f0f0;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:space-between; }
    .kit-row:hover { background:#fffbf5; }
    .spec-pill    { font-size:.78rem;background:#f0f0f0;border-radius:20px;padding:.2rem .7rem;color:#555; }
    .price-badge  { font-size:.9rem;font-weight:700;color:#FF7900;min-width:80px;text-align:right; }
    .btn-kit      { font-size:.8rem;padding:.3rem .9rem; }
    .stat-box     { background:#f8f9fa;border-radius:10px;padding:1.25rem;text-align:center; }
    .stat-num     { font-size:1.6rem;font-weight:700;color:#FF7900; }
    .stat-label   { font-size:.8rem;color:#6c757d;margin-top:.2rem; }
    .faq-item     { border-bottom:1px solid #f0f0f0;padding:1rem 0; }
    .faq-q        { font-weight:600;cursor:pointer;display:flex;justify-content:space-between; }
    .faq-a        { font-size:.9rem;color:#555;margin-top:.5rem;line-height:1.7;display:none; }
    .faq-a.open   { display:block; }
    .indice-letra { font-size:1.1rem;font-weight:700;color:#FF7900;border-bottom:2px solid #FF7900;padding-bottom:.25rem;margin:1.5rem 0 .75rem; }
    .indice-grid  { display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem; }
    .indice-link  { display:block;padding:.5rem .75rem;border:1px solid #dee2e6;border-radius:8px;font-size:.875rem;color:#333;text-decoration:none;transition:all .2s; }
    .indice-link:hover { border-color:#FF7900;color:#FF7900;background:#fffbf5; }
    .nota-box     { background:#fffbea;border-left:4px solid #ffc107;border-radius:0 8px 8px 0;padding:1rem 1.25rem;font-size:.875rem; }
    .sticky-cta   { position:sticky;top:80px; }
    @media(max-width:768px){ .sticky-cta{position:static;} }