/* ============================================================
   RIBEIRÃONET · DESIGN SYSTEM — APPLE STYLE
   Foundation: colors, typography, spacing, radii, shadows, motion.
   Philosophy: "Menos, melhor."
   Light only. Brand blue (#1159A5) is accent, never a page bg.
   Type stack = Apple system (San Francisco). No webfonts.
   ============================================================ */

:root {
  /* BRAND */
  --rn-brand:        #1159A5;
  --rn-brand-700:    #0E4A8A;
  --rn-brand-300:    #5B9BD9;
  --rn-ink:          #0D2139;

  /* NEUTRALS */
  --rn-white:        #FFFFFF;
  --rn-bg:           #FBFBFD;
  --rn-bg-alt:       #F5F5F7;
  --rn-line:         #E3E3E8;
  --rn-gray-200:     #D2D2D7;
  --rn-gray-400:     #86868B;
  --rn-gray-600:     #515154;
  --rn-text:         #1D1D1F;

  /* FEEDBACK */
  --rn-success:      #1A9E5E;
  --rn-warning:      #C77700;
  --rn-danger:       #D70015;

  /* SEMANTIC */
  --rn-fg-1:         var(--rn-text);
  --rn-fg-2:         var(--rn-gray-400);
  --rn-fg-3:         var(--rn-gray-200);
  --rn-fg-accent:    var(--rn-brand);
  --rn-link:         var(--rn-brand);
  --rn-surface:      var(--rn-white);
  --rn-surface-alt:  var(--rn-bg-alt);
  --rn-divider:      var(--rn-line);

  --rn-grad:         linear-gradient(135deg, #1159A5 0%, #2E7BD6 100%);

  /* SHADOWS */
  --rn-sh-sm:        0 2px 8px rgba(0,0,0,.04);
  --rn-sh-md:        0 6px 24px rgba(0,0,0,.06);
  --rn-sh-lg:        0 20px 60px rgba(0,0,0,.08);
  --rn-sh-focus:     0 0 0 4px rgba(17,89,165,.12);

  /* RADII */
  --rn-r-sm:         12px;
  --rn-r-md:         18px;
  --rn-r-lg:         28px;
  --rn-r-xl:         40px;
  --rn-r-full:       980px;

  /* SPACING */
  --rn-1:   4px;
  --rn-2:   8px;
  --rn-3:  16px;
  --rn-4:  24px;
  --rn-5:  40px;
  --rn-6:  64px;
  --rn-7:  96px;
  --rn-8: 140px;

  /* TYPOGRAPHY */
  --rn-font:        -apple-system, BlinkMacSystemFont, 'SF Pro Display',
                    'SF Pro Text', 'Helvetica Neue', Helvetica, Arial,
                    'Segoe UI', Roboto, sans-serif;
  --rn-font-mono:   ui-monospace, 'SF Mono', SFMono-Regular, Menlo,
                    Consolas, monospace;

  --rn-display:     600 clamp(40px, 7vw, 80px)/1.06 var(--rn-font);
  --rn-h1:          600 clamp(34px, 4.5vw, 56px)/1.08 var(--rn-font);
  --rn-h2:          600 clamp(28px, 3.5vw, 40px)/1.12 var(--rn-font);
  --rn-h3:          600 22px/1.2 var(--rn-font);
  --rn-headline:    600 19px/1.35 var(--rn-font);
  --rn-body:        400 17px/1.47 var(--rn-font);
  --rn-callout:     400 16px/1.45 var(--rn-font);
  --rn-footnote:    400 14px/1.4 var(--rn-font);
  --rn-caption:     400 12px/1.35 var(--rn-font);
  --rn-mono:        400 15px/1.5 var(--rn-font-mono);

  --rn-tr-display:  -0.03em;
  --rn-tr-heading:  -0.02em;
  --rn-tr-body:     -0.01em;
  --rn-tr-mono:      0;

  --rn-ease:        cubic-bezier(.28,.11,.32,1);
  --rn-ease-in:     cubic-bezier(.4,0,1,1);
  --rn-dur-fast:    .2s;
  --rn-dur:         .25s;
  --rn-dur-slow:    .35s;

  --rn-container:   1100px;
  --rn-narrow:      820px;
  --rn-nav-h:       64px;
  --rn-blur:        saturate(180%) blur(20px);
}

/* ============================================================
   ELEMENT BASELINES
   ============================================================ */
*{box-sizing:border-box}
html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; scroll-behavior: smooth; }
body {
  margin: 0;
  font: var(--rn-body);
  letter-spacing: var(--rn-tr-body);
  color: var(--rn-fg-1);
  background: var(--rn-bg);
}
img { max-width: 100%; display: block; }

h1 { font: var(--rn-h1); letter-spacing: var(--rn-tr-display); margin: 0; }
h2 { font: var(--rn-h2); letter-spacing: var(--rn-tr-display); margin: 0; }
h3 { font: var(--rn-h3); letter-spacing: var(--rn-tr-heading); margin: 0; }
h4 { font: var(--rn-headline); letter-spacing: var(--rn-tr-heading); margin: 0; }
p  { font: var(--rn-body); letter-spacing: var(--rn-tr-body); margin: 0; }

small, .rn-footnote { font: var(--rn-footnote); color: var(--rn-fg-2); }
code, kbd, pre, samp { font: var(--rn-mono); }

a {
  color: var(--rn-link);
  text-decoration: none;
  transition: color var(--rn-dur-fast) var(--rn-ease);
}
a:hover { text-decoration: underline; }

::selection { background: rgba(17,89,165,.18); color: var(--rn-fg-1); }

:focus-visible {
  outline: none;
  box-shadow: var(--rn-sh-focus);
  border-radius: var(--rn-r-sm);
}

/* ============================================================
   LAYOUT
   ============================================================ */
.rn-wrap{max-width:var(--rn-container);margin:0 auto;padding:0 var(--rn-4)}
.rn-narrow{max-width:var(--rn-narrow);margin:0 auto;padding:0 var(--rn-4)}

/* ============================================================
   NAV — logo · centered menu (dropdowns) · RN Chat button
   ============================================================ */
.rn-nav{
  position:sticky;top:0;z-index:50;
  background:rgba(251,251,253,.8);
  backdrop-filter:var(--rn-blur);
  -webkit-backdrop-filter:var(--rn-blur);
  border-bottom:1px solid var(--rn-line);
}
.rn-nav-grid{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:var(--rn-3);
  height:var(--rn-nav-h);
  max-width:var(--rn-container);
  margin:0 auto;padding:0 var(--rn-4);
}
.rn-nav-grid > .rn-brand{justify-self:start}
.rn-nav-grid > .rn-nav-menu{justify-self:center}
.rn-nav-grid > .rn-nav-end{justify-self:end}

.rn-brand{display:flex;align-items:center;gap:9px;font-size:17px;font-weight:600;letter-spacing:-.02em;color:var(--rn-text);text-decoration:none}
.rn-brand:hover{text-decoration:none}
.rn-brand-logo{height:26px;width:auto;display:block}

/* centered menu */
.rn-nav-menu{display:flex;align-items:center;gap:2px}
.rn-nav-item{position:relative}
.rn-nav-trigger{
  background:transparent;border:0;cursor:pointer;
  font-family:inherit;font-size:14px;font-weight:500;letter-spacing:-.005em;
  color:var(--rn-gray-600);
  padding:8px 14px;border-radius:10px;
  display:inline-flex;align-items:center;gap:5px;
  transition:color var(--rn-dur-fast) var(--rn-ease),background var(--rn-dur-fast) var(--rn-ease);
  text-decoration:none;
}
.rn-nav-trigger:hover,
.rn-nav-item:hover .rn-nav-trigger,
.rn-nav-item:focus-within .rn-nav-trigger,
.rn-nav-trigger.open{
  color:var(--rn-text);
  background:rgba(0,0,0,.04);
  text-decoration:none;
}
.rn-nav-caret{
  width:10px;height:10px;
  transition:transform var(--rn-dur-fast) var(--rn-ease);
  opacity:.6;
}
.rn-nav-item:hover .rn-nav-caret,
.rn-nav-item:focus-within .rn-nav-caret{transform:rotate(180deg);opacity:1}

/* dropdown panel */
.rn-nav-panel{
  position:absolute;
  top:100%;left:50%;
  transform:translateX(-50%) translateY(6px);
  min-width:240px;
  opacity:0;pointer-events:none;
  transition:opacity .15s var(--rn-ease), transform .18s var(--rn-ease);
  padding-top:8px;
  z-index:60;
}
.rn-nav-item:hover .rn-nav-panel,
.rn-nav-item:focus-within .rn-nav-panel{
  opacity:1;pointer-events:auto;
  transform:translateX(-50%) translateY(0);
}
.rn-nav-panel-inner{
  background:rgba(255,255,255,.92);
  backdrop-filter:saturate(180%) blur(20px);
  -webkit-backdrop-filter:saturate(180%) blur(20px);
  border:1px solid var(--rn-line);
  border-radius:14px;
  box-shadow:0 12px 40px rgba(15,23,42,.12), 0 4px 12px rgba(15,23,42,.06);
  padding:8px;
  display:flex;flex-direction:column;
}
.rn-nav-panel a{
  display:block;padding:9px 14px;border-radius:8px;
  font-size:14px;color:var(--rn-text);font-weight:500;letter-spacing:-.005em;
  text-decoration:none;
  transition:background var(--rn-dur-fast) var(--rn-ease),color var(--rn-dur-fast) var(--rn-ease);
  white-space:nowrap;
}
.rn-nav-panel a:hover{
  background:rgba(17,89,165,.08);
  color:var(--rn-brand);
  text-decoration:none;
}

/* CTA button — RN Chat */
.rn-nav-cta-btn{
  display:inline-flex;align-items:center;gap:8px;
  background:linear-gradient(135deg, #1159A5, #2E7BD6);
  color:#fff;text-decoration:none;
  font-size:14px;font-weight:600;letter-spacing:-.005em;
  padding:9px 18px;
  border-radius:var(--rn-r-full);
  box-shadow:0 4px 14px rgba(17,89,165,.28);
  transition:transform var(--rn-dur-fast) var(--rn-ease),box-shadow var(--rn-dur) var(--rn-ease);
  white-space:nowrap;flex-shrink:0;
}
.rn-nav-cta-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 6px 20px rgba(17,89,165,.35);
  text-decoration:none;color:#fff;
}
.rn-nav-cta-btn svg{width:16px;height:16px;flex-shrink:0}

/* search lupa no header */
.rn-nav-grid > .rn-nav-end{display:flex;align-items:center;gap:8px}
.rn-nav-search{
  position:relative;display:flex;align-items:center;
}
.rn-nav-search form{display:flex;align-items:center;margin:0}
.rn-nav-search-input{
  width:0;padding:0;border:0;background:transparent;
  font-family:inherit;font-size:14px;color:var(--rn-text);
  letter-spacing:-.005em;outline:0;min-width:0;
  transition:width var(--rn-dur) var(--rn-ease), padding var(--rn-dur) var(--rn-ease), background var(--rn-dur) var(--rn-ease), border-color var(--rn-dur) var(--rn-ease);
  border-radius:var(--rn-r-full);
  border:1px solid transparent;
}
.rn-nav-search.is-open .rn-nav-search-input{
  width:220px;flex:0 0 220px;padding:7px 14px;
  background:var(--rn-white);
  border-color:var(--rn-line);
}
.rn-nav-search.is-open .rn-nav-search-input:focus{
  border-color:rgba(17,89,165,.4);
  box-shadow:0 0 0 4px rgba(17,89,165,.08);
}
.rn-nav-search-input::placeholder{color:var(--rn-gray-400)}
.rn-nav-search-btn{
  background:transparent;border:0;cursor:pointer;
  width:38px;height:38px;border-radius:10px;
  display:grid;place-items:center;
  color:var(--rn-gray-600);
  transition:color var(--rn-dur-fast) var(--rn-ease),background var(--rn-dur-fast) var(--rn-ease);
  margin-left:-4px;
}
.rn-nav-search-btn:hover{color:var(--rn-text);background:rgba(0,0,0,.04)}
.rn-nav-search-btn svg{width:18px;height:18px}
.rn-nav-search.is-open .rn-nav-search-btn{color:var(--rn-brand)}
@media (max-width:900px){
  .rn-nav-search.is-open .rn-nav-search-input{width:160px;flex-basis:160px}
}
@media (max-width:520px){
  .rn-nav-search.is-open .rn-nav-search-input{width:120px;flex-basis:120px;font-size:13px}
}

/* Dropdown de resultados */
.rn-nav-search-results{
  position:absolute;top:calc(100% + 8px);right:0;
  min-width:320px;max-width:380px;
  background:rgba(255,255,255,.96);
  backdrop-filter:saturate(180%) blur(20px);
  -webkit-backdrop-filter:saturate(180%) blur(20px);
  border:1px solid var(--rn-line);
  border-radius:14px;
  box-shadow:0 12px 40px rgba(15,23,42,.12), 0 4px 12px rgba(15,23,42,.06);
  padding:6px;
  opacity:0;pointer-events:none;
  transform:translateY(-4px);
  transition:opacity .15s var(--rn-ease), transform .18s var(--rn-ease);
  z-index:60;
  max-height:60vh;overflow-y:auto;
}
.rn-nav-search-results.is-visible{
  opacity:1;pointer-events:auto;transform:translateY(0);
}
.rn-search-result{
  display:block;padding:10px 12px;border-radius:9px;
  text-decoration:none;color:var(--rn-text);
  transition:background var(--rn-dur-fast) var(--rn-ease);
}
.rn-search-result:hover,.rn-search-result.is-active{
  background:rgba(17,89,165,.08);text-decoration:none;
}
.rn-search-result-title{
  font-size:14px;font-weight:600;letter-spacing:-.005em;
  color:var(--rn-text);line-height:1.3;
}
.rn-search-result-sub{
  font-size:12.5px;color:var(--rn-gray-400);
  margin-top:2px;letter-spacing:-.005em;
}
.rn-search-result mark{
  background:rgba(17,89,165,.18);color:inherit;
  padding:0 2px;border-radius:3px;
}
.rn-search-empty{
  padding:14px 12px;font-size:13px;color:var(--rn-gray-400);text-align:center;
}

@media (max-width:520px){
  .rn-nav-search-results{min-width:240px;max-width:calc(100vw - 32px);right:auto;left:auto}
}

/* mobile burger */
.rn-nav-burger{
  display:none;
  background:transparent;border:0;cursor:pointer;
  width:40px;height:40px;border-radius:10px;
  align-items:center;justify-content:center;flex-direction:column;gap:5px;
  padding:0;
}
.rn-nav-burger span{
  display:block;width:20px;height:2px;background:var(--rn-text);border-radius:2px;
  transition:transform var(--rn-dur) var(--rn-ease),opacity var(--rn-dur) var(--rn-ease);
}
body.rn-nav-open .rn-nav-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
body.rn-nav-open .rn-nav-burger span:nth-child(2){opacity:0}
body.rn-nav-open .rn-nav-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* mobile dropdown drawer */
.rn-nav-mobile{
  display:none;
  position:fixed;
  top:var(--rn-nav-h);left:0;right:0;
  background:rgba(255,255,255,.98);
  backdrop-filter:var(--rn-blur);
  -webkit-backdrop-filter:var(--rn-blur);
  border-bottom:1px solid var(--rn-line);
  padding:var(--rn-4) 0;
  max-height:calc(100vh - var(--rn-nav-h));
  overflow-y:auto;
  z-index:49;
}
body.rn-nav-open .rn-nav-mobile{display:block}
.rn-nav-mobile-group{margin-bottom:var(--rn-3);padding:0 var(--rn-4)}
.rn-nav-mobile-group h5{
  font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;
  color:var(--rn-gray-400);margin:0 0 10px;
}
.rn-nav-mobile-group a{
  display:block;font-size:16px;color:var(--rn-text);font-weight:500;
  padding:8px 0;text-decoration:none;letter-spacing:-.005em;
}
.rn-nav-mobile-group a:hover{color:var(--rn-brand);text-decoration:none}

@media (max-width: 900px){
  .rn-nav-grid{grid-template-columns:auto 1fr auto;justify-content:space-between}
  .rn-nav-grid > .rn-nav-menu{display:none}
  .rn-nav-cta-btn{padding:8px 14px;font-size:13px}
  .rn-nav-cta-btn-label{display:none}
  .rn-nav-burger{display:inline-flex}
  .rn-nav-end{display:flex;align-items:center;gap:var(--rn-2)}
}

/* ============================================================
   HERO
   ============================================================ */
.rn-hero{text-align:center;padding:var(--rn-7) 0 var(--rn-6);position:relative;overflow:hidden}
.rn-hero-content{position:relative;z-index:2}

.rn-hero-tag{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(17,89,165,.08);
  color:var(--rn-brand);
  border:1px solid rgba(17,89,165,.18);
  font-size:13px;font-weight:500;letter-spacing:-.005em;
  padding:7px 14px;border-radius:var(--rn-r-full);
  margin:0 auto var(--rn-4);
}
.rn-hero-tag-dot{
  width:7px;height:7px;border-radius:50%;background:var(--rn-brand);
  box-shadow:0 0 0 0 rgba(17,89,165,.6);
  animation:rnPulseDot 2.2s var(--rn-ease) infinite;
}
@keyframes rnPulseDot{
  0%,100%{box-shadow:0 0 0 0 rgba(17,89,165,.5)}
  60%{box-shadow:0 0 0 8px rgba(17,89,165,0)}
}

.rn-hero-title{
  text-wrap:balance;
  font-size:clamp(34px,4.6vw,58px);font-weight:600;
  line-height:1.08;letter-spacing:-.03em;
  margin:0 0 var(--rn-3);
  max-width:880px;margin-left:auto;margin-right:auto;
  color:var(--rn-text);
}
.rn-hero-title .accent{color:var(--rn-brand)}
.rn-hero-sub{
  font-size:clamp(17px,1.8vw,21px);
  color:var(--rn-gray-400);font-weight:400;
  max-width:720px;margin:0 auto var(--rn-5);
  letter-spacing:-.01em;line-height:1.5;
}
.rn-hero-sub strong{color:var(--rn-text);font-weight:500}
.rn-hero-actions{display:flex;gap:12px;justify-content:center;align-items:center;flex-wrap:wrap}

/* ============================================================
   HERO BACKDROP — variante "noturno" (grafite + glows azuis)
   ============================================================ */
.rn-hero-noturno{
  background:#15171C;
  color:#fff;
}
.rn-hero-noturno .rn-hero-title{color:#fff}
.rn-hero-noturno .rn-hero-title .accent{color:#7FB3FF}
.rn-hero-noturno .rn-hero-sub{color:rgba(255,255,255,.72)}
.rn-hero-noturno .rn-hero-sub strong{color:#fff;font-weight:500}
.rn-hero-noturno .rn-hero-tag{
  background:rgba(127,179,255,.10);
  color:#7FB3FF;
  border-color:rgba(127,179,255,.28);
}
.rn-hero-noturno .rn-hero-tag-dot{background:#7FB3FF}
.rn-hero-noturno .rn-btn-tonal{
  background:rgba(255,255,255,.08);
  color:#fff;
  border-color:rgba(255,255,255,.16);
}
.rn-hero-noturno .rn-btn-tonal:hover{background:rgba(255,255,255,.14)}

.rn-noturno{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.rn-noturno-base{
  position:absolute;inset:0;
  background:
    radial-gradient(ellipse 70% 55% at 82% 25%, rgba(46,123,214,.28), transparent 65%),
    radial-gradient(ellipse 65% 50% at 15% 85%, rgba(17,89,165,.22), transparent 65%),
    linear-gradient(180deg, #1B1E25 0%, #131519 55%, #0E1014 100%);
}
.rn-noturno-grid{
  position:absolute;inset:0;
  background-image:
    linear-gradient(to right,  rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size:96px 96px;
  mask-image: radial-gradient(ellipse 75% 65% at 50% 45%, #000 25%, transparent 85%);
  -webkit-mask-image: radial-gradient(ellipse 75% 65% at 50% 45%, #000 25%, transparent 85%);
}
.rn-noturno-glow{
  position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;
}
.rn-noturno-g1{
  width:540px;height:540px;top:-180px;right:-140px;
  background:radial-gradient(circle, rgba(46,123,214,.55), rgba(46,123,214,0) 65%);
  animation:rnNotDriftA 22s var(--rn-ease) infinite alternate;
}
.rn-noturno-g2{
  width:460px;height:460px;bottom:-200px;left:-100px;
  background:radial-gradient(circle, rgba(17,89,165,.50), rgba(17,89,165,0) 65%);
  animation:rnNotDriftB 26s var(--rn-ease) infinite alternate-reverse;
}
.rn-noturno-g3{
  width:320px;height:320px;top:42%;left:48%;
  background:radial-gradient(circle, rgba(255,255,255,.06), rgba(255,255,255,0) 70%);
  animation:rnNotDriftC 32s var(--rn-ease) infinite alternate;
}
@keyframes rnNotDriftA{
  from{transform:translate(0,0) scale(1)}
  to  {transform:translate(-40px,30px) scale(1.06)}
}
@keyframes rnNotDriftB{
  from{transform:translate(0,0) scale(1)}
  to  {transform:translate(50px,-30px) scale(1.08)}
}
@keyframes rnNotDriftC{
  from{transform:translate(0,0) scale(1)}
  to  {transform:translate(30px,-20px) scale(1.05)}
}
.rn-noturno-stars{position:absolute;inset:0;opacity:.5}
.rn-noturno-stars circle{fill:#fff}
.rn-noturno-shine{
  position:absolute;left:0;right:0;top:62%;height:1px;
  background:linear-gradient(to right, transparent, rgba(255,255,255,.18), transparent);
  opacity:.5;
}
.rn-noturno-fade{
  position:absolute;left:0;right:0;bottom:0;height:120px;
  background:linear-gradient(to bottom, rgba(14,16,20,0), rgba(14,16,20,1));
}
.rn-noturno-topshade{
  position:absolute;left:0;right:0;top:0;height:80px;
  background:linear-gradient(to bottom, rgba(0,0,0,.25), rgba(0,0,0,0));
}

@media (prefers-reduced-motion: reduce){
  .rn-noturno-g1,.rn-noturno-g2,.rn-noturno-g3,.rn-hero-tag-dot{animation:none}
}

/* ============================================================
   SECTION
   ============================================================ */
.rn-section{padding:var(--rn-7) 0}
.rn-section-first{padding-top:calc(var(--rn-nav-h) + var(--rn-6))}
.rn-section-compact-top{padding-top:calc(var(--rn-nav-h) + var(--rn-5))}
.rn-section-alt{background:var(--rn-bg-alt)}
.rn-eyebrow{font-size:14px;font-weight:600;color:var(--rn-brand);text-align:center;margin:0 0 10px;letter-spacing:-.01em}
.rn-eyebrow-xl{font-size:28px;font-weight:600;color:var(--rn-brand);text-align:center;margin:0 0 14px;letter-spacing:-.02em;line-height:1}
.rn-h2{font-size:clamp(32px,4.5vw,48px);text-align:center;margin:0 0 14px;font-weight:600;letter-spacing:-.03em;line-height:1.08;color:var(--rn-text)}
.rn-lead{font-size:19px;color:var(--rn-gray-400);text-align:center;max-width:600px;margin:0 auto var(--rn-6);font-weight:400;line-height:1.4;letter-spacing:-.01em}

/* ============================================================
   LINK
   ============================================================ */
.rn-lnk{color:var(--rn-link);text-decoration:none;font-size:17px;font-weight:400;display:inline-flex;align-items:center;gap:3px;letter-spacing:-.01em}
.rn-lnk:hover{text-decoration:underline}
.rn-lnk::after{content:"›";font-size:19px;transition:transform var(--rn-dur-fast) var(--rn-ease);line-height:1}
.rn-lnk:hover::after{transform:translateX(3px)}

/* ============================================================
   BUTTON
   ============================================================ */
.rn-btn{font-family:var(--rn-font);font-size:17px;font-weight:400;cursor:pointer;border:none;
  padding:11px 22px;border-radius:var(--rn-r-full);transition:all var(--rn-dur) var(--rn-ease);
  display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;letter-spacing:-.01em}
.rn-btn:hover{text-decoration:none}
.rn-btn-primary{background:var(--rn-brand);color:#fff}
.rn-btn-primary:hover{background:var(--rn-brand-700);color:#fff}
.rn-btn-tonal{background:rgba(17,89,165,.10);color:var(--rn-brand)}
.rn-btn-tonal:hover{background:rgba(17,89,165,.16);color:var(--rn-brand)}
.rn-btn-text{background:transparent;color:var(--rn-link);padding:11px 8px}
.rn-btn-text:hover{text-decoration:underline}
.rn-btn-dark{background:var(--rn-text);color:#fff}
.rn-btn-dark:hover{background:#000;color:#fff}
.rn-btn-whats{background:#25D366;color:#fff}
.rn-btn-whats:hover{background:#1FAE54;color:#fff}
.rn-btn-whats svg{width:18px;height:18px;fill:currentColor}

/* ============================================================
   TAGS
   ============================================================ */
.rn-tag{
  display:inline-flex;align-items:center;gap:8px;
  font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  padding:6px 12px;border-radius:var(--rn-r-full);
}
.rn-tag-brand{background:rgba(17,89,165,.08);color:var(--rn-brand);border:1px solid rgba(17,89,165,.18)}
.rn-tag-neutral{background:var(--rn-bg-alt);color:var(--rn-gray-600);border:1px solid var(--rn-line)}

/* ============================================================
   SERVIÇOS — hierarquia em 3 camadas
   ============================================================ */
.rn-svc-stack{display:flex;flex-direction:column;gap:var(--rn-7)}

.rn-svc-hero{
  background:var(--rn-white);
  border:1px solid var(--rn-line);
  border-radius:var(--rn-r-xl);
  padding:var(--rn-6) var(--rn-5);
  display:grid;grid-template-columns:1.15fr 1fr;
  align-items:center;gap:var(--rn-5);
  box-shadow:var(--rn-sh-md);
  position:relative;overflow:hidden;
}
.rn-svc-hero-text{display:flex;flex-direction:column;gap:var(--rn-3);max-width:520px}
.rn-svc-hero h2{
  font-size:clamp(34px,4.2vw,52px);font-weight:600;letter-spacing:-.03em;
  line-height:1.05;margin:0;color:var(--rn-text);text-wrap:balance;
}
.rn-svc-hero h2 .accent{color:var(--rn-brand)}
.rn-svc-hero p{
  font-size:17px;color:var(--rn-gray-400);line-height:1.5;margin:0;letter-spacing:-.005em;
}
.rn-svc-hero p strong{color:var(--rn-text);font-weight:500}
.rn-svc-hero-actions{margin-top:var(--rn-2)}

.rn-svc-hero-viz{
  position:relative;
  display:flex;align-items:center;justify-content:center;
  min-height:340px;
}
.rn-chat{
  position:relative;width:100%;max-width:360px;
  padding:var(--rn-3);
  display:flex;flex-direction:column;gap:10px;
}
.rn-chat-bg{
  position:absolute;inset:0;
  background:
    radial-gradient(circle at 70% 30%, rgba(17,89,165,.10), transparent 60%),
    radial-gradient(circle at 30% 80%, rgba(46,123,214,.08), transparent 60%);
  border-radius:var(--rn-r-lg);
  z-index:0;
}
.rn-chat > *:not(.rn-chat-bg){position:relative;z-index:1}
.rn-chat-bubble{
  padding:11px 15px;border-radius:18px;
  font-size:14px;line-height:1.4;letter-spacing:-.005em;
  background:var(--rn-white);
  border:1px solid var(--rn-line);
  box-shadow:var(--rn-sh-sm);
  max-width:78%;width:fit-content;
}
.rn-chat-bubble.left{align-self:flex-start;border-bottom-left-radius:6px}
.rn-chat-bubble.right{
  align-self:flex-end;border-bottom-right-radius:6px;
  background:var(--rn-brand);color:#fff;border-color:transparent;
}
.rn-chat-typing{
  align-self:flex-end;
  padding:11px 15px;border-radius:18px;border-bottom-right-radius:6px;
  background:var(--rn-brand);
  display:inline-flex;gap:4px;align-items:center;
  box-shadow:var(--rn-sh-sm);width:fit-content;
}
.rn-chat-typing span{
  width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.85);
  animation:rnTypingDot 1.2s var(--rn-ease) infinite;
}
.rn-chat-typing span:nth-child(2){animation-delay:.15s}
.rn-chat-typing span:nth-child(3){animation-delay:.3s}
@keyframes rnTypingDot{
  0%,60%,100%{transform:translateY(0);opacity:.5}
  30%{transform:translateY(-3px);opacity:1}
}

/* ---- CAMADA 2 — Categorias (3 cards: Sites · Marketing · Ferramentas) ---- */
.rn-cats-head{text-align:center;margin-bottom:var(--rn-5)}
.rn-cats-head h3{
  font-size:clamp(28px,3.2vw,38px);font-weight:600;letter-spacing:-.025em;
  line-height:1.15;margin:0 0 10px;color:var(--rn-text);
}
.rn-cats-head p{
  font-size:17px;color:var(--rn-gray-400);max-width:560px;margin:0 auto;letter-spacing:-.005em;
}

.rn-cats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--rn-3)}
.rn-cat{
  background:var(--rn-white);
  border:1px solid var(--rn-line);
  border-radius:var(--rn-r-lg);
  padding:var(--rn-4) var(--rn-4) var(--rn-3);
  display:flex;flex-direction:column;gap:14px;
  transition:transform var(--rn-dur-slow) var(--rn-ease),box-shadow var(--rn-dur-slow) var(--rn-ease);
}
.rn-cat:hover{transform:translateY(-4px);box-shadow:var(--rn-sh-md)}

.rn-cat-head{
  display:flex;align-items:center;gap:12px;
  padding-bottom:14px;
  border-bottom:1px solid var(--rn-line);
}
.rn-cat-ic{
  width:42px;height:42px;border-radius:11px;
  display:grid;place-items:center;
  background:var(--rn-bg-alt);
  color:var(--rn-brand);
  flex-shrink:0;
}
.rn-cat-title{
  font-size:21px;font-weight:600;letter-spacing:-.02em;
  margin:0;color:var(--rn-text);line-height:1.2;
}
.rn-cat-sub{
  font-size:13.5px;color:var(--rn-gray-400);
  margin:2px 0 0;letter-spacing:-.005em;
}

.rn-cat-list{
  list-style:none;padding:0;margin:0;
  display:flex;flex-direction:column;gap:2px;
}
.rn-cat-list a{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:11px 4px;
  font-size:15px;color:var(--rn-text);font-weight:500;letter-spacing:-.005em;
  text-decoration:none;
  border-bottom:1px solid transparent;
  transition:color var(--rn-dur-fast) var(--rn-ease);
}
.rn-cat-list a:hover{
  color:var(--rn-brand);text-decoration:none;
}
.rn-cat-list a::after{
  content:"›";color:var(--rn-gray-200);font-size:18px;line-height:1;
  transition:transform var(--rn-dur-fast) var(--rn-ease),color var(--rn-dur-fast) var(--rn-ease);
}
.rn-cat-list a:hover::after{color:var(--rn-brand);transform:translateX(3px)}
.rn-cat-list li + li a{border-top:1px solid var(--rn-line)}

/* ============================================================
   SISTEMAS
   ============================================================ */
.rn-sys-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--rn-3)}
.rn-sys{
  background:var(--rn-white);
  border:1px solid var(--rn-line);
  border-radius:var(--rn-r-xl);
  padding:var(--rn-5);
  display:flex;flex-direction:column;gap:var(--rn-3);
  text-decoration:none;color:inherit;
  transition:transform var(--rn-dur-slow) var(--rn-ease),box-shadow var(--rn-dur-slow) var(--rn-ease);
  position:relative;overflow:hidden;
  min-height:340px;
}
.rn-sys,.rn-sys:hover{text-decoration:none}
.rn-sys:hover{transform:translateY(-5px);box-shadow:var(--rn-sh-lg)}
.rn-sys-tag{
  display:inline-flex;align-items:center;gap:8px;
  font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;
  color:var(--rn-brand);
}
.rn-sys-tag-dot{width:6px;height:6px;border-radius:50%;background:var(--rn-brand)}
.rn-sys h3{
  font-size:30px;font-weight:600;letter-spacing:-.025em;line-height:1.1;margin:0;color:var(--rn-text);
}
.rn-sys p{
  font-size:16px;color:var(--rn-gray-400);line-height:1.5;margin:0;letter-spacing:-.005em;
}
.rn-sys-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}
.rn-sys-chip{
  font-size:12px;font-weight:500;color:var(--rn-gray-600);
  background:var(--rn-bg-alt);
  border-radius:var(--rn-r-full);
  padding:5px 11px;letter-spacing:-.005em;
}
.rn-sys-cta{
  display:inline-flex;align-items:center;gap:4px;
  margin-top:var(--rn-3);
  color:var(--rn-link);font-size:16px;font-weight:500;letter-spacing:-.005em;
}
.rn-sys-cta::after{
  content:"›";font-size:19px;line-height:1;
  transition:transform var(--rn-dur-fast) var(--rn-ease);
}
.rn-sys:hover .rn-sys-cta::after{transform:translateX(3px)}

/* ============================================================
   ATENDIMENTO
   ============================================================ */
.rn-help-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--rn-3)}
.rn-help{
  background:var(--rn-white);
  border:1px solid var(--rn-line);
  border-radius:var(--rn-r-lg);
  padding:var(--rn-5) var(--rn-4);
  display:flex;flex-direction:column;gap:14px;
  transition:box-shadow var(--rn-dur-slow) var(--rn-ease),transform var(--rn-dur-slow) var(--rn-ease);
}
.rn-help:hover{box-shadow:var(--rn-sh-md);transform:translateY(-3px)}
.rn-help-ic{
  width:54px;height:54px;border-radius:15px;
  background:var(--rn-bg-alt);color:var(--rn-brand);
  display:grid;place-items:center;
}
.rn-help h3{
  font-size:24px;font-weight:600;letter-spacing:-.02em;margin:0;color:var(--rn-text);
}
.rn-help p{
  font-size:16px;color:var(--rn-gray-400);line-height:1.5;margin:0;letter-spacing:-.005em;flex:1;
}
.rn-help-actions{margin-top:6px}

/* ============================================================
   ABOUT STRIP — barra fina entre seções
   ============================================================ */
.rn-strip{
  padding:var(--rn-6) 0;
  border-top:1px solid var(--rn-line);
  border-bottom:1px solid var(--rn-line);
}
.rn-strip-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:var(--rn-4);
  text-align:center;
}
.rn-strip-num{
  font-size:44px;font-weight:600;letter-spacing:-.03em;color:var(--rn-text);line-height:1;
  margin-bottom:6px;
}
.rn-strip-lbl{font-size:14px;color:var(--rn-gray-400);letter-spacing:-.005em}

/* ============================================================
   CTA STRIP (WhatsApp)
   ============================================================ */
.rn-cta-strip{
  background:var(--rn-text);
  color:var(--rn-white);
  padding:var(--rn-6) 0;
}
.rn-cta-strip-inner{
  display:flex;align-items:center;justify-content:space-between;gap:var(--rn-4);
  flex-wrap:wrap;
}
.rn-cta-strip h2{
  font-size:clamp(28px,3.5vw,40px);font-weight:600;letter-spacing:-.025em;
  line-height:1.1;margin:0;color:var(--rn-white);max-width:560px;
}
.rn-cta-strip p{
  font-size:17px;color:rgba(255,255,255,.62);margin:8px 0 0;letter-spacing:-.005em;
}

/* ============================================================
   FOOTER
   ============================================================ */
.rn-footer{
  background:var(--rn-bg-alt);
  border-top:1px solid var(--rn-line);
  padding:var(--rn-7) 0 var(--rn-4);
}
.rn-footer-grid{
  display:grid;
  grid-template-columns: 1.6fr repeat(4, 1fr);
  gap:var(--rn-4);
  align-items:start;
  padding-bottom:var(--rn-6);
  border-bottom:1px solid var(--rn-line);
}
.rn-footer-brand{display:flex;flex-direction:column;gap:18px;align-items:flex-start}
.rn-footer-logo{height:28px;width:auto;display:block}
.rn-footer-statement{
  font-size:14px;color:var(--rn-gray-400);line-height:1.55;
  letter-spacing:-.005em;max-width:300px;margin:0;
}
.rn-footer-statement strong{color:var(--rn-text);font-weight:500}
.rn-footer-contact{display:flex;flex-direction:column;gap:6px;margin-top:4px}
.rn-footer-contact a,
.rn-footer-contact span{
  font-size:13.5px;color:var(--rn-gray-600);
  text-decoration:none;letter-spacing:-.005em;
  display:inline-flex;align-items:center;gap:8px;
}
.rn-footer-contact a:hover{color:var(--rn-text);text-decoration:none}
.rn-footer-contact svg{width:14px;height:14px;color:var(--rn-gray-400);flex-shrink:0}

.rn-footer-col h5{
  font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;
  color:var(--rn-gray-400);margin:0 0 14px;
}
.rn-footer-col a{
  display:block;
  color:var(--rn-text);text-decoration:none;
  font-size:14px;margin-bottom:10px;letter-spacing:-.005em;
  transition:color var(--rn-dur-fast) var(--rn-ease);
}
.rn-footer-col a:hover{color:var(--rn-brand);text-decoration:none}

.rn-footer-bot{
  display:flex;align-items:center;justify-content:space-between;
  padding-top:var(--rn-3);gap:var(--rn-3);flex-wrap:wrap;
}
.rn-footer-bot p{
  font-size:12.5px;color:var(--rn-gray-400);margin:0;letter-spacing:-.005em;
}
.rn-footer-bot-links{display:flex;gap:var(--rn-3);align-items:center}
.rn-footer-bot-links a,
.rn-footer-bot-links span:not(.rn-footer-bot-sep){
  font-size:12.5px;color:var(--rn-gray-400);text-decoration:none;letter-spacing:-.005em;
}
.rn-footer-bot-links a:hover{color:var(--rn-text);text-decoration:none}
.rn-footer-bot-sep{
  width:3px;height:3px;border-radius:50%;background:var(--rn-gray-200);
}

@media (max-width: 860px){
  .rn-footer-grid{grid-template-columns:1fr 1fr;gap:var(--rn-5) var(--rn-4)}
  .rn-footer-brand{grid-column:1/-1;margin-bottom:var(--rn-3)}
}
@media (max-width: 480px){
  .rn-footer-grid{grid-template-columns:1fr}
  .rn-footer-brand{grid-column:auto}
  .rn-footer-bot{flex-direction:column;align-items:flex-start;gap:var(--rn-2)}
}

/* ============================================================
   WHATSAPP FLOATING BUTTON (bottom-right, todas as páginas)
   ============================================================ */
.rn-wa-fab{
  position:fixed;
  right:24px;bottom:24px;
  z-index:200;
  width:58px;height:58px;
  border-radius:50%;
  background:#25D366;
  color:#fff;
  display:grid;place-items:center;
  text-decoration:none;
  box-shadow:0 8px 24px rgba(37,211,102,.40), 0 4px 12px rgba(0,0,0,.12);
  transition:transform var(--rn-dur-fast) var(--rn-ease),box-shadow var(--rn-dur) var(--rn-ease);
  animation:rnWaPulse 2.8s var(--rn-ease) infinite;
}
.rn-wa-fab:hover{
  transform:translateY(-2px) scale(1.04);
  box-shadow:0 12px 32px rgba(37,211,102,.50), 0 6px 16px rgba(0,0,0,.16);
  text-decoration:none;color:#fff;
}
.rn-wa-fab:active{transform:translateY(0) scale(.98)}
.rn-wa-fab svg{width:30px;height:30px;fill:currentColor;display:block}

@keyframes rnWaPulse{
  0%,100%{box-shadow:0 8px 24px rgba(37,211,102,.40), 0 4px 12px rgba(0,0,0,.12), 0 0 0 0 rgba(37,211,102,.45)}
  50%    {box-shadow:0 8px 24px rgba(37,211,102,.40), 0 4px 12px rgba(0,0,0,.12), 0 0 0 12px rgba(37,211,102,0)}
}

@media (max-width:600px){
  .rn-wa-fab{right:16px;bottom:16px;width:52px;height:52px}
  .rn-wa-fab svg{width:26px;height:26px}
}

@media (prefers-reduced-motion: reduce){
  .rn-wa-fab{animation:none}
}

/* ============================================================
   INTERNAL PAGE HERO (hero leve, claro, com badge + ilustração)
   ============================================================ */
.rn-int-hero{
  padding:calc(var(--rn-nav-h) + var(--rn-6)) 0 var(--rn-6);
  position:relative;overflow:hidden;
  background:var(--rn-bg);
}
.rn-int-hero-grid{
  display:grid;grid-template-columns:1.1fr 1fr;
  gap:var(--rn-5);align-items:center;
}
.rn-int-hero-copy{display:flex;flex-direction:column;gap:var(--rn-3);max-width:560px}
.rn-int-hero h1{
  font-size:clamp(34px,4.6vw,56px);font-weight:600;letter-spacing:-.03em;
  line-height:1.06;color:var(--rn-text);text-wrap:balance;margin:0;
}
.rn-int-hero h1 .accent{color:var(--rn-brand)}
.rn-int-hero-lead{
  font-size:clamp(17px,1.6vw,19px);color:var(--rn-gray-400);
  line-height:1.5;letter-spacing:-.005em;margin:0;
}
.rn-int-hero-lead strong{color:var(--rn-text);font-weight:500}
.rn-int-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:var(--rn-2)}
.rn-int-hero-checks{list-style:none;padding:0;margin:var(--rn-2) 0 0;display:flex;flex-direction:column;gap:10px}
.rn-int-hero-checks li{
  display:flex;align-items:center;gap:10px;
  font-size:14.5px;color:var(--rn-gray-600);letter-spacing:-.005em;
}
.rn-int-hero-checks svg{
  width:18px;height:18px;flex-shrink:0;
  color:var(--rn-brand);
  background:rgba(17,89,165,.10);
  border-radius:99px;padding:3px;
}
.rn-int-hero-visual{
  display:flex;align-items:center;justify-content:center;
  position:relative;min-height:280px;
}
.rn-int-hero-visual img{max-width:100%;height:auto;display:block;max-height:380px}

@media (max-width:840px){
  .rn-int-hero-grid{grid-template-columns:1fr;gap:var(--rn-4)}
  .rn-int-hero-visual{order:2;min-height:auto}
}

/* ============================================================
   FEATURE GRID — cards Apple-style com ícone + título + texto
   ============================================================ */
.rn-feat-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:var(--rn-3);
}
.rn-feat-grid.cols-4{grid-template-columns:repeat(4,1fr)}
.rn-feat{
  background:var(--rn-white);
  border:1px solid var(--rn-line);
  border-radius:var(--rn-r-lg);
  padding:var(--rn-4);
  display:flex;flex-direction:column;gap:10px;
  transition:transform var(--rn-dur-slow) var(--rn-ease),box-shadow var(--rn-dur-slow) var(--rn-ease);
}
.rn-feat:hover{transform:translateY(-3px);box-shadow:var(--rn-sh-md)}
.rn-feat-ic{
  width:44px;height:44px;border-radius:12px;
  display:grid;place-items:center;
  background:var(--rn-bg-alt);color:var(--rn-brand);
  margin-bottom:6px;
}
.rn-feat h3{
  font-size:18px;font-weight:600;letter-spacing:-.015em;
  margin:0;color:var(--rn-text);line-height:1.25;
}
.rn-feat p{
  font-size:14.5px;color:var(--rn-gray-400);line-height:1.55;
  margin:0;letter-spacing:-.005em;
}
.rn-feat p strong{color:var(--rn-text);font-weight:500}

@media (max-width:980px){
  .rn-feat-grid,.rn-feat-grid.cols-4{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:600px){
  .rn-feat-grid,.rn-feat-grid.cols-4{grid-template-columns:1fr}
}

/* ============================================================
   STEPS — numbered cards
   ============================================================ */
.rn-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--rn-3)}
.rn-step{
  background:var(--rn-white);
  border:1px solid var(--rn-line);
  border-radius:var(--rn-r-lg);
  padding:var(--rn-5) var(--rn-4) var(--rn-4);
  display:flex;flex-direction:column;gap:10px;
  position:relative;
}
.rn-step-num{
  font-size:14px;font-weight:600;color:var(--rn-brand);
  letter-spacing:.04em;text-transform:uppercase;
}
.rn-step h3{
  font-size:22px;font-weight:600;letter-spacing:-.02em;
  margin:0;color:var(--rn-text);line-height:1.2;
}
.rn-step p{
  font-size:15px;color:var(--rn-gray-400);line-height:1.5;
  margin:0;letter-spacing:-.005em;
}
@media (max-width:760px){.rn-steps{grid-template-columns:1fr}}

/* ============================================================
   IMPACT — big numbers
   ============================================================ */
.rn-impact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--rn-3)}
.rn-impact{
  background:var(--rn-white);
  border:1px solid var(--rn-line);
  border-radius:var(--rn-r-lg);
  padding:var(--rn-5) var(--rn-4);
  text-align:center;
  display:flex;flex-direction:column;gap:6px;align-items:center;
}
.rn-impact-num{
  font-size:clamp(40px,5vw,56px);font-weight:600;letter-spacing:-.04em;
  color:var(--rn-brand);line-height:1;margin-bottom:6px;
}
.rn-impact h3{
  font-size:17px;font-weight:600;letter-spacing:-.015em;
  margin:0;color:var(--rn-text);line-height:1.3;
}
.rn-impact p{
  font-size:14px;color:var(--rn-gray-400);line-height:1.5;
  margin:0;letter-spacing:-.005em;
}
@media (max-width:760px){.rn-impact-grid{grid-template-columns:1fr}}

/* ============================================================
   FINAL CTA panel — card destacado em fundo claro
   ============================================================ */
.rn-final-cta{
  background:var(--rn-white);
  border:1px solid var(--rn-line);
  border-radius:var(--rn-r-xl);
  padding:var(--rn-6) var(--rn-5);
  text-align:center;
  display:flex;flex-direction:column;gap:14px;align-items:center;
  box-shadow:var(--rn-sh-md);
}
.rn-final-cta h2{
  font-size:clamp(28px,3.5vw,40px);font-weight:600;letter-spacing:-.025em;
  line-height:1.1;color:var(--rn-text);margin:0;text-wrap:balance;max-width:680px;
}
.rn-final-cta h2 .accent{color:var(--rn-brand)}
.rn-final-cta p{
  font-size:17px;color:var(--rn-gray-400);
  margin:0;letter-spacing:-.005em;max-width:540px;
}
.rn-final-cta small{
  font-size:13px;color:var(--rn-gray-400);
  margin-top:6px;letter-spacing:-.005em;
}

/* ============================================================
   RECS — recomendações (filtros + grid de produtos)
   classes vêm do script.js: .rec-filters, .rec-grid, .rec-card,
   .rec-img, .rec-badge, .rec-title, .rec-skel, .rec-empty
   ============================================================ */
.rec-filters{
  display:flex;flex-wrap:wrap;gap:10px;
  margin-bottom:var(--rn-5);justify-content:center;
}
.rec-filter{
  border:1px solid var(--rn-line);
  background:var(--rn-white);
  color:var(--rn-text);
  font-family:inherit;font-size:14px;font-weight:500;letter-spacing:-.005em;
  padding:9px 16px;border-radius:var(--rn-r-full);
  cursor:pointer;
  display:inline-flex;align-items:center;gap:8px;
  transition:border-color var(--rn-dur) var(--rn-ease),background var(--rn-dur) var(--rn-ease),color var(--rn-dur) var(--rn-ease);
}
.rec-filter:hover{border-color:var(--rn-gray-200)}
.rec-filter .count{
  font-size:11.5px;font-weight:600;
  background:var(--rn-bg-alt);
  color:var(--rn-gray-600);
  padding:2px 8px;border-radius:var(--rn-r-full);
  letter-spacing:0;
}
.rec-filter.is-active{
  background:linear-gradient(135deg, #1159A5, #2E7BD6);
  color:#fff;border-color:transparent;
  box-shadow:0 4px 12px rgba(17,89,165,.22);
}
.rec-filter.is-active .count{
  background:rgba(255,255,255,.22);color:#fff;
}

.rec-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
  gap:var(--rn-3);
}
.rec-card{
  background:var(--rn-white);
  border:1px solid var(--rn-line);
  border-radius:var(--rn-r-lg);
  padding:var(--rn-3);
  display:flex;flex-direction:column;gap:12px;
  text-decoration:none;color:inherit;
  transition:transform var(--rn-dur-slow) var(--rn-ease),box-shadow var(--rn-dur-slow) var(--rn-ease);
}
.rec-card,.rec-card:hover{text-decoration:none}
.rec-card:hover{transform:translateY(-3px);box-shadow:var(--rn-sh-md)}
.rec-img{
  aspect-ratio:1;background:var(--rn-bg-alt) center/contain no-repeat;
  border-radius:var(--rn-r-md);overflow:hidden;
  position:relative;
}
.rec-badge{
  position:absolute;top:10px;left:10px;
  font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
  padding:4px 9px;border-radius:var(--rn-r-full);
}
.rec-title{
  font-size:15px;font-weight:600;letter-spacing:-.005em;
  color:var(--rn-text);line-height:1.3;margin:0;
}
.rec-skel{
  background:var(--rn-bg-alt);border:1px solid var(--rn-line);
  border-radius:var(--rn-r-lg);height:300px;
  animation:rnSkel 1.4s ease-in-out infinite;
}
@keyframes rnSkel{
  0%,100%{opacity:.6}
  50%{opacity:.9}
}
.rec-empty{
  grid-column:1/-1;text-align:center;
  font-size:16px;color:var(--rn-gray-400);
  padding:var(--rn-5) 0;letter-spacing:-.005em;
}

/* ============================================================
   PRICING — 3 planos lado a lado, um destacado
   ============================================================ */
.rn-plans{
  display:grid;grid-template-columns:repeat(3,1fr);gap:var(--rn-3);
  align-items:stretch;
}
.rn-plan{
  background:var(--rn-white);
  border:1px solid var(--rn-line);
  border-radius:var(--rn-r-lg);
  padding:var(--rn-5) var(--rn-4);
  display:flex;flex-direction:column;gap:14px;
  position:relative;
  transition:transform var(--rn-dur-slow) var(--rn-ease),box-shadow var(--rn-dur-slow) var(--rn-ease);
}
.rn-plan:hover{transform:translateY(-3px);box-shadow:var(--rn-sh-md)}
.rn-plan-feat{
  border-color:var(--rn-brand);
  box-shadow:var(--rn-sh-md);
}
.rn-plan-feat:hover{box-shadow:var(--rn-sh-lg)}
.rn-plan-badge{
  position:absolute;top:-12px;left:24px;
  background:var(--rn-brand);color:#fff;
  font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;
  padding:5px 12px;border-radius:var(--rn-r-full);
}
.rn-plan h3{
  font-size:22px;font-weight:600;letter-spacing:-.02em;
  margin:0;color:var(--rn-text);
}
.rn-plan-price{
  display:flex;align-items:baseline;gap:2px;
}
.rn-plan-price .cur{font-size:18px;font-weight:500;color:var(--rn-gray-600);margin-right:2px}
.rn-plan-price .amt{font-size:44px;font-weight:600;letter-spacing:-.03em;color:var(--rn-text);line-height:1}
.rn-plan-price .per{font-size:15px;color:var(--rn-gray-400);margin-left:2px}
.rn-plan-list{
  list-style:none;padding:0;margin:0;
  display:flex;flex-direction:column;gap:10px;flex:1;
}
.rn-plan-list li{
  display:flex;align-items:flex-start;gap:10px;
  font-size:14px;color:var(--rn-text);line-height:1.45;letter-spacing:-.005em;
}
.rn-plan-list svg{
  width:16px;height:16px;flex-shrink:0;margin-top:2px;
  color:var(--rn-brand);
}
.rn-plan-list strong{font-weight:600}
.rn-plan .rn-btn{margin-top:auto;width:100%;justify-content:center}

@media (max-width:980px){
  .rn-plans{grid-template-columns:1fr}
}

/* Addon cards: feature card with price */
.rn-addon-price{
  display:flex;align-items:baseline;gap:2px;
  margin-top:-4px;margin-bottom:4px;
}
.rn-addon-price .cur{font-size:14px;color:var(--rn-gray-600)}
.rn-addon-price .amt{font-size:24px;font-weight:600;letter-spacing:-.02em;color:var(--rn-text);line-height:1}
.rn-addon-price .per{font-size:13px;color:var(--rn-gray-400);margin-left:2px}

/* ============================================================
   FAQ ACCORDION
   ============================================================ */
.rn-faq{
  display:flex;flex-direction:column;gap:10px;
  max-width:760px;margin:0 auto;
}
.rn-faq-item{
  background:var(--rn-white);
  border:1px solid var(--rn-line);
  border-radius:var(--rn-r-md);
  overflow:hidden;
  transition:border-color var(--rn-dur-fast) var(--rn-ease);
}
.rn-faq-item.is-open{border-color:rgba(17,89,165,.3)}
.rn-faq-q{
  width:100%;text-align:left;cursor:pointer;
  background:transparent;border:0;font-family:inherit;
  padding:18px var(--rn-4);
  font-size:16px;font-weight:500;letter-spacing:-.005em;color:var(--rn-text);
  display:flex;align-items:center;justify-content:space-between;gap:var(--rn-3);
  transition:color var(--rn-dur-fast) var(--rn-ease);
}
.rn-faq-q:hover{color:var(--rn-brand)}
.rn-faq-ic{
  width:18px;height:18px;flex-shrink:0;
  transition:transform var(--rn-dur) var(--rn-ease);
  color:var(--rn-gray-400);
}
.rn-faq-item.is-open .rn-faq-ic{transform:rotate(45deg);color:var(--rn-brand)}
.rn-faq-a{
  max-height:0;overflow:hidden;
  transition:max-height var(--rn-dur) var(--rn-ease);
}
.rn-faq-item.is-open .rn-faq-a{max-height:400px}
.rn-faq-a-inner{
  padding:0 var(--rn-4) 18px;
  font-size:15px;color:var(--rn-gray-400);line-height:1.55;letter-spacing:-.005em;
}

/* ============================================================
   FEATURE WIDE — feature card with image (used by zz-loja)
   ============================================================ */
.rn-fwide-grid{display:flex;flex-direction:column;gap:var(--rn-3)}
.rn-fwide{
  background:var(--rn-white);
  border:1px solid var(--rn-line);
  border-radius:var(--rn-r-lg);
  padding:var(--rn-4);
  display:grid;grid-template-columns:1fr 1.1fr;gap:var(--rn-4);
  align-items:center;
  transition:transform var(--rn-dur-slow) var(--rn-ease),box-shadow var(--rn-dur-slow) var(--rn-ease);
}
.rn-fwide:hover{transform:translateY(-3px);box-shadow:var(--rn-sh-md)}
.rn-fwide:nth-child(even){grid-template-columns:1.1fr 1fr}
.rn-fwide:nth-child(even) .rn-fwide-text{order:2}
.rn-fwide-text{display:flex;flex-direction:column;gap:10px;padding:var(--rn-2) var(--rn-3)}
.rn-fwide-ic{
  width:44px;height:44px;border-radius:12px;
  display:grid;place-items:center;
  background:var(--rn-bg-alt);color:var(--rn-brand);
  margin-bottom:4px;
}
.rn-fwide h3{
  font-size:22px;font-weight:600;letter-spacing:-.02em;
  margin:0;color:var(--rn-text);line-height:1.2;
}
.rn-fwide p{
  font-size:15.5px;color:var(--rn-gray-400);line-height:1.55;
  margin:0;letter-spacing:-.005em;
}
.rn-fwide-shot{
  background:var(--rn-bg-alt);
  border-radius:var(--rn-r-md);overflow:hidden;
  aspect-ratio: 16/10;
  display:flex;align-items:center;justify-content:center;
}
.rn-fwide-shot img{width:100%;height:100%;object-fit:cover;display:block}

@media (max-width:840px){
  .rn-fwide,.rn-fwide:nth-child(even){grid-template-columns:1fr}
  .rn-fwide:nth-child(even) .rn-fwide-text{order:initial}
}

/* ============================================================
   SERVIÇOS EXPRESS — cards públicos + formulário de pedido
   ============================================================ */
.rn-svcs-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:var(--rn-3);
  margin-top:var(--rn-5);
}
.rn-svc-card{
  background:var(--rn-white);
  border:1px solid var(--rn-line);
  border-radius:var(--rn-r-lg);
  padding:var(--rn-4);
  display:flex;flex-direction:column;gap:10px;
  transition:transform var(--rn-dur-slow) var(--rn-ease),box-shadow var(--rn-dur-slow) var(--rn-ease);
  overflow:hidden;
}
.rn-svc-card:hover{transform:translateY(-3px);box-shadow:var(--rn-sh-md)}

/* Variante com imagem de capa */
.rn-svc-card.has-image{padding-top:0}
.rn-svc-card-cover{
  width:calc(100% + var(--rn-4) * 2);
  margin:0 calc(-1 * var(--rn-4)) var(--rn-3);
  aspect-ratio:16/9;
  background-size:cover;background-position:center;background-color:var(--rn-bg-alt);
  border-bottom:1px solid var(--rn-line);
}
.rn-svc-card-ic{
  width:48px;height:48px;border-radius:12px;
  background:var(--rn-bg-alt);color:var(--rn-brand);
  display:grid;place-items:center;
  margin-bottom:6px;
}
.rn-svc-card-ic svg{width:24px;height:24px}
.rn-svc-card h3{
  font-size:18px;font-weight:600;letter-spacing:-.015em;
  margin:0;color:var(--rn-text);line-height:1.25;
}
.rn-svc-card p{
  font-size:14px;color:var(--rn-gray-400);line-height:1.5;
  margin:0;letter-spacing:-.005em;flex:1;
}
.rn-svc-card-meta{
  display:flex;align-items:baseline;gap:6px;
  font-size:13.5px;color:var(--rn-text);
  margin-top:4px;letter-spacing:-.005em;
}
.rn-svc-card-price{font-weight:600;color:var(--rn-brand);font-size:15px}
.rn-svc-card-dur{color:var(--rn-gray-400);font-size:13px}
.rn-svc-card-cta{margin-top:10px;width:100%;justify-content:center}

.rn-svc-empty{
  text-align:center;padding:var(--rn-6) 0;color:var(--rn-gray-400);font-size:16px;
}

@media (max-width:980px){
  .rn-svcs-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:600px){
  .rn-svcs-grid{grid-template-columns:1fr}
}

/* Detail page de serviço */
.rn-breadcrumb{
  font-size:13px;color:var(--rn-gray-400);
  margin-bottom:var(--rn-3);letter-spacing:-.005em;
}
.rn-breadcrumb a{color:var(--rn-gray-400)}
.rn-breadcrumb a:hover{color:var(--rn-brand);text-decoration:none}
.rn-breadcrumb span[aria-hidden]{padding:0 6px;opacity:.5}
.rn-breadcrumb [aria-current]{color:var(--rn-text);font-weight:500}

.rn-svc-detail-hero h1{
  font-size:clamp(28px,3.6vw,42px);font-weight:600;letter-spacing:-.025em;
  line-height:1.1;margin:0;color:var(--rn-text);
}
.rn-svc-detail-price{
  display:inline-flex;align-items:baseline;gap:6px;
  margin-top:8px;
}
.rn-svc-detail-price .price{
  font-size:22px;font-weight:600;color:var(--rn-brand);letter-spacing:-.015em;
}
.rn-svc-detail-price .dur{font-size:14px;color:var(--rn-gray-400)}

.rn-svc-detail-visual{
  display:flex;align-items:center;justify-content:center;min-height:240px;
}
.rn-svc-detail-icon{
  width:160px;height:160px;border-radius:32px;
  background:var(--rn-grad);color:#fff;
  display:grid;place-items:center;
  box-shadow:0 20px 60px rgba(17,89,165,.30);
}
.rn-svc-detail-icon svg{width:64px;height:64px}
.rn-svc-detail-image{
  width:100%;max-width:480px;height:auto;
  aspect-ratio:16/10;object-fit:cover;
  border-radius:18px;
  box-shadow:0 20px 60px rgba(0,0,0,.10);
  display:block;
}

.rn-svc-detail-body{
  display:grid;grid-template-columns:1.4fr 1fr;gap:var(--rn-5);
  align-items:start;
}
@media (max-width:880px){
  .rn-svc-detail-body{grid-template-columns:1fr;gap:var(--rn-4)}
}
.rn-svc-detail-text{
  font-size:16px;line-height:1.7;color:var(--rn-gray-600);letter-spacing:-.005em;
}
.rn-svc-detail-text h2,
.rn-svc-detail-text h3{color:var(--rn-text);letter-spacing:-.015em;margin:16px 0 8px}
.rn-svc-detail-text h2{font-size:20px}
.rn-svc-detail-text h3{font-size:17px}
.rn-svc-detail-text p{margin:0 0 14px}
.rn-svc-detail-text strong{color:var(--rn-text);font-weight:600}

.rn-svc-detail-features{
  background:var(--rn-white);
  border:1px solid var(--rn-line);
  border-radius:var(--rn-r-lg);
  padding:var(--rn-4) var(--rn-5);
  box-shadow:var(--rn-sh-sm);
  position:sticky;top:80px;
}
.rn-svc-detail-features h2{
  font-size:18px;font-weight:600;letter-spacing:-.015em;
  margin:0 0 14px;color:var(--rn-text);
}
.rn-svc-detail-features ul{
  list-style:none;padding:0;margin:0;
  display:flex;flex-direction:column;gap:10px;
}
.rn-svc-detail-features li{
  display:flex;gap:10px;align-items:flex-start;
  font-size:14.5px;line-height:1.45;color:var(--rn-text);letter-spacing:-.005em;
}
.rn-svc-detail-features svg{
  width:16px;height:16px;flex-shrink:0;margin-top:3px;
  color:var(--rn-brand);
}

/* Form do pedido */
.rn-pedido-form{
  background:var(--rn-white);
  border:1px solid var(--rn-line);
  border-radius:var(--rn-r-lg);
  padding:var(--rn-5);
  max-width:720px;margin:0 auto;
  display:flex;flex-direction:column;gap:14px;
}
.rn-pf-row{display:flex;flex-direction:column;gap:6px}
.rn-pf-row.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:600px){.rn-pf-row.two{grid-template-columns:1fr}}
.rn-pf-row label{
  display:flex;flex-direction:column;gap:6px;
  font-size:13px;font-weight:600;color:var(--rn-text);letter-spacing:-.005em;
}
.rn-pf-row input,
.rn-pf-row select,
.rn-pf-row textarea{
  font-family:inherit;font-size:15px;color:var(--rn-text);
  padding:11px 14px;border-radius:10px;
  border:1px solid var(--rn-line);background:var(--rn-white);
  letter-spacing:-.005em;
  transition:border-color var(--rn-dur) var(--rn-ease),box-shadow var(--rn-dur) var(--rn-ease);
}
.rn-pf-row input:focus,
.rn-pf-row select:focus,
.rn-pf-row textarea:focus{
  outline:none;border-color:var(--rn-brand);
  box-shadow:0 0 0 4px rgba(17,89,165,.12);
}
.rn-pf-row textarea{resize:vertical;min-height:90px}
.rn-pf-actions{
  display:flex;gap:10px;flex-wrap:wrap;margin-top:8px;
}
.rn-pf-actions .rn-btn{flex:1;justify-content:center;min-width:200px}
.rn-pf-foot{
  font-size:12.5px;color:var(--rn-gray-400);
  margin-top:6px;letter-spacing:-.005em;
}

/* ============================================================
   LEGAL / LONG-FORM CONTENT
   ============================================================ */
.rn-legal{
  max-width:760px;margin:0 auto;
  background:var(--rn-white);
  border:1px solid var(--rn-line);
  border-radius:var(--rn-r-lg);
  padding:var(--rn-6) var(--rn-5);
  color:var(--rn-text);font-size:16px;line-height:1.65;letter-spacing:-.005em;
}
.rn-legal h2{
  font-size:22px;font-weight:600;letter-spacing:-.02em;
  margin:32px 0 12px;color:var(--rn-text);line-height:1.3;
}
.rn-legal h2:first-child{margin-top:0}
.rn-legal h3{
  font-size:17px;font-weight:600;letter-spacing:-.015em;
  margin:22px 0 8px;color:var(--rn-text);
}
.rn-legal p{margin:0 0 14px}
.rn-legal strong{color:var(--rn-text);font-weight:600}
.rn-legal a{color:var(--rn-brand)}
.rn-legal a:hover{text-decoration:underline}
.rn-legal ul{margin:8px 0 16px;padding-left:22px}
.rn-legal li{margin-bottom:8px}
.rn-legal .rn-legal-box{
  background:var(--rn-bg-alt);
  border:1px solid var(--rn-line);
  border-radius:var(--rn-r-md);
  padding:18px 22px;margin:14px 0;
}
.rn-legal .rn-legal-box p{margin:0 0 6px}
.rn-legal .rn-legal-box p:last-child{margin:0}

@media (max-width:600px){
  .rn-legal{padding:var(--rn-5) var(--rn-4);font-size:15px}
}

/* ============================================================
   PUBLICAÇÕES — busca + pills + grid de artigos
   ============================================================ */
.rn-pubs-controls{
  display:flex;align-items:center;gap:var(--rn-2);
  margin-bottom:var(--rn-3);
}
.rn-pubs-search{
  flex:1;display:flex;align-items:center;gap:10px;
  background:var(--rn-white);
  border:1px solid var(--rn-line);
  border-radius:var(--rn-r-full);
  padding:14px 22px;
  transition:border-color var(--rn-dur) var(--rn-ease),box-shadow var(--rn-dur) var(--rn-ease);
}
.rn-pubs-search:focus-within{
  border-color:rgba(17,89,165,.4);
  box-shadow:0 0 0 4px rgba(17,89,165,.08);
}
.rn-pubs-search svg{width:18px;height:18px;color:var(--rn-gray-400);flex-shrink:0}
.rn-pubs-search input{
  border:0;outline:0;background:transparent;
  width:100%;font-family:inherit;font-size:16px;color:var(--rn-text);
  letter-spacing:-.005em;
}
.rn-pubs-search input::placeholder{color:var(--rn-gray-400)}
.rn-pubs-btn{
  border:0;cursor:pointer;
  padding:14px 32px;border-radius:var(--rn-r-full);
  font-size:15px;font-weight:600;letter-spacing:-.005em;color:#fff;
  background:linear-gradient(135deg, #1159A5, #2E7BD6);
  box-shadow:0 4px 14px rgba(17,89,165,.25);
  transition:transform var(--rn-dur-fast) var(--rn-ease),box-shadow var(--rn-dur) var(--rn-ease);
  font-family:inherit;
}
.rn-pubs-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(17,89,165,.32)}
.rn-pubs-btn:active{transform:translateY(0)}

.rn-pubs-pills{
  display:flex;flex-wrap:wrap;gap:10px;
  margin-bottom:var(--rn-5);
}
.rn-pubs-pill{
  border:1px solid var(--rn-line);
  background:var(--rn-white);
  color:var(--rn-text);
  font-family:inherit;font-size:14px;font-weight:500;letter-spacing:-.005em;
  padding:9px 18px;border-radius:var(--rn-r-full);
  cursor:pointer;
  transition:border-color var(--rn-dur) var(--rn-ease),background var(--rn-dur) var(--rn-ease),color var(--rn-dur) var(--rn-ease),transform var(--rn-dur-fast) var(--rn-ease);
}
.rn-pubs-pill:hover{border-color:var(--rn-gray-200)}
.rn-pubs-pill.active{
  background:linear-gradient(135deg, #1159A5, #2E7BD6);
  color:#fff;border-color:transparent;
  box-shadow:0 4px 12px rgba(17,89,165,.22);
}

.rn-pubs-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:var(--rn-3);
}
.rn-pub{
  display:flex;flex-direction:column;
  background:var(--rn-white);
  border:1px solid var(--rn-line);
  border-radius:var(--rn-r-lg);
  overflow:hidden;
  text-decoration:none;color:inherit;
  transition:transform var(--rn-dur-slow) var(--rn-ease),box-shadow var(--rn-dur-slow) var(--rn-ease);
}
.rn-pub,.rn-pub:hover{text-decoration:none}
.rn-pub:hover{transform:translateY(-4px);box-shadow:var(--rn-sh-md)}

.rn-pub-cover{
  position:relative;
  aspect-ratio: 16 / 9;
  overflow:hidden;
  background:#0E1626;
}
.rn-pub-cover-tag{
  position:absolute;top:14px;left:14px;
  background:rgba(255,255,255,.15);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  color:#fff;
  font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;
  padding:5px 10px;border-radius:var(--rn-r-full);
  border:1px solid rgba(255,255,255,.18);
  z-index:2;
}
.rn-pub-cover-art{position:absolute;inset:0;width:100%;height:100%;display:block}

.rn-pub-body{
  padding:var(--rn-3);
  display:flex;flex-direction:column;gap:8px;flex:1;
}
.rn-pub-meta{
  font-size:12px;color:var(--rn-gray-400);
  text-transform:uppercase;font-weight:500;letter-spacing:.04em;
}
.rn-pub-title{
  font-size:19px;font-weight:600;letter-spacing:-.02em;line-height:1.25;
  margin:0;color:var(--rn-text);text-wrap:balance;
}
.rn-pub-excerpt{
  font-size:14px;color:var(--rn-gray-400);line-height:1.5;
  margin:0;letter-spacing:-.005em;flex:1;
}
.rn-pub-readmore{
  margin-top:6px;
  color:var(--rn-link);font-size:14px;font-weight:500;letter-spacing:-.005em;
  display:inline-flex;align-items:center;gap:3px;
}
.rn-pub-readmore::after{
  content:"›";font-size:17px;line-height:1;
  transition:transform var(--rn-dur-fast) var(--rn-ease);
}
.rn-pub:hover .rn-pub-readmore::after{transform:translateX(3px)}

.rn-pubs-empty{
  text-align:center;padding:var(--rn-6) 0;color:var(--rn-gray-400);
  font-size:16px;letter-spacing:-.005em;
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 980px){
  .rn-pubs-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 760px){
  .rn-sys-grid{grid-template-columns:1fr}
  .rn-help-grid{grid-template-columns:1fr}
  .rn-strip-grid{grid-template-columns:repeat(2,1fr);gap:var(--rn-5) var(--rn-4)}
  .rn-cta-strip-inner{flex-direction:column;align-items:flex-start;gap:var(--rn-3)}

  .rn-svc-stack{gap:var(--rn-6)}
  .rn-svc-hero{grid-template-columns:1fr;padding:var(--rn-5) var(--rn-4)}
  .rn-svc-hero-viz{min-height:280px;order:2}
  .rn-cats-grid{grid-template-columns:1fr}
}
@media (max-width: 640px){
  .rn-pubs-controls{flex-direction:column;align-items:stretch}
  .rn-pubs-btn{width:100%}
  .rn-pubs-grid{grid-template-columns:1fr}
  .rn-pubs-pills{
    flex-wrap:nowrap;overflow-x:auto;
    margin-left:calc(-1*var(--rn-4));margin-right:calc(-1*var(--rn-4));
    padding:0 var(--rn-4) 4px;
    scrollbar-width:none;
  }
  .rn-pubs-pills::-webkit-scrollbar{display:none}
  .rn-pubs-pill{flex-shrink:0}
}