/* ==========================================================================
   KIT-SUPLENTE — estilo da pagina individual do kit de roda suplente
   ==========================================================================
   Estava num <style> dentro do kit-suplente.php. Saiu para aqui quando a
   pagina passou a ser instancia do master_template.dwt: o template so tem
   uma regiao editavel no <head> para ligacoes, e assim o CSS entra na
   cache do browser e no versionamento do versionar_assets.py.
   ========================================================================== */

    .kit-hero { background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%); color: #fff; padding: 5rem 0 2rem; }
	.badge-compat  { background: #28a745; color: #fff; font-size: .75rem; padding: .35em .75em; border-radius: 20px; }
    .spec-table    { width: 100%; }
    .spec-table tr { border-bottom: 1px solid #f0f0f0; }
    .spec-table td { padding: .6rem .25rem; font-size: .92rem; }
    .spec-table td:first-child { color: #6c757d; width: 45%; }
    .spec-table td:last-child  { font-weight: 600; color: #212529; }
    .price-box     { background: #f8f9fa; border-radius: 12px; padding: 1.5rem; }
    .price-main    { font-size: 2rem; font-weight: 700; color: #FF7900; }
    .price-detail  { font-size: .8rem; color: #6c757d; }
    .delivery-card { border: 1.5px solid #dee2e6; border-radius: 10px; padding: 1rem; cursor: pointer; transition: border-color .2s; }
    .delivery-card:hover, .delivery-card.selected { border-color: #FF7900; background: #fff8f3; }
    .kit-card-mini { border: 1px solid #dee2e6; border-radius: 10px; padding: 1rem; font-size: .85rem; transition: box-shadow .2s; }
    .kit-card-mini:hover { box-shadow: 0 4px 12px rgba(0,0,0,.08); }
    .nota-remarks  { background: #fffbea; border-left: 4px solid #ffc107; border-radius: 0 6px 6px 0; padding: .75rem 1rem; font-size: .875rem; }
    .breadcrumb-custom { background: transparent; padding: .5rem 0; font-size: .85rem; }
    .breadcrumb-custom a { color: #FF7900; text-decoration: none; }
    .breadcrumb-custom .separator { color: #adb5bd; margin: 0 .4rem; }
    .sticky-cta    { position: sticky; top: 80px; }
    @media (max-width: 768px) { .sticky-cta { position: static; } .kit-hero { padding: 2rem 0 1.5rem; } }