/* RINU | Logo flat 100% CSS · Paleta inspirada nas referências do projeto.
   Uso:
   <a class="rinu-brand" href="/">
     <span class="rinu-symbol" aria-hidden="true">
       <span class="rinu-symbol__stem"></span>
       <span class="rinu-symbol__bow"></span>
       <span class="rinu-symbol__leg"></span>
     </span>
     <span class="rinu-wordmark">rinu<b>.</b></span>
   </a>
   Em fundo escuro: class="rinu-brand inverse".
*/
:root { --rinu-orange:#ec7830; --rinu-graphite:#454753; }
.rinu-brand { --brand-letter: var(--rinu-graphite); display:inline-flex; align-items:center; gap:12px; color:var(--brand-letter); white-space:nowrap; line-height:1; text-decoration:none; }
.rinu-brand.inverse { --brand-letter:white; }
.rinu-symbol { display:block; position:relative; width:48px; height:52px; flex:0 0 48px; }
.rinu-symbol span { position:absolute; display:block; background:var(--rinu-orange); box-sizing:border-box; }
.rinu-symbol__stem { width:10px; height:45px; left:3px; top:3px; border-radius:6px; }
.rinu-symbol__bow { width:36px; height:28px; left:3px; top:3px; background:transparent!important; border:10px solid var(--rinu-orange); border-left:0; border-radius:0 17px 17px 0; }
.rinu-symbol__leg { width:10px; height:27px; left:25px; top:25px; border-radius:6px; transform:rotate(-37deg); transform-origin:top center; }
.rinu-wordmark { display:flex; align-items:baseline; letter-spacing:-.085em; font-family:ui-rounded,"Arial Rounded MT Bold","Avenir Next",Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size:43px; font-weight:850; line-height:.96; }
.rinu-wordmark b { color:var(--rinu-orange); font-weight:900; margin-left:2px; }