/*
 * ribbon.css : faixa "Projeto conceito da Inshock" compartilhada pelos sites conceito.
 * Contém SOMENTE a ribbon .cnc-ribbon* (sem reset, sem tokens). O HTML da ribbon
 * continua em cada página; ajustes de posição específicos de cada conceito
 * (folga para FAB/dock) ficam no <style> da própria página, depois deste link.
 *
 * ATENÇÃO CACHE: o .htaccess serve css/js com cache imutável de 1 ano.
 * A cada edição deste arquivo, subir o ?v= em TODAS as páginas que o usam
 * (prumo-arquitetura, bosque-dos-ipes, sabado-casa-de-carnes) :
 *   <link rel="stylesheet" href="../_shared/ribbon.css?v=N">
 */
.cnc-ribbon { position: fixed; z-index: 66; left: 12px; bottom: calc(12px + env(safe-area-inset-bottom, 0px)); max-width: 340px; display: flex; flex-direction: column; gap: 2px; padding: 8px 12px; border-radius: 12px; background: #05070a; color: #f3f4f5; border: 1px solid rgba(243,244,245,.28); font: 500 11px/1.4 system-ui, -apple-system, "Segoe UI", sans-serif; box-shadow: 0 4px 16px rgba(0,0,0,.35); }
.cnc-ribbon a { color: #fff; font-weight: 700; text-decoration: underline; text-underline-offset: 2px; }
.cnc-ribbon a:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
@media (max-width: 1100px) { .cnc-ribbon { left: 12px; right: 12px; max-width: none; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 4px 12px; padding: 6px 12px; } }