/* Topo, menu "Veja mais" e rodapé do ranielreis.com, iguais em todos os projetos.
   Usado por: ranielreis.com (rodapé e páginas de documentos), ofertas.ranielreis.com (Achadinhos), dns.ranielreis.com.
   Tudo com o prefixo rrc- para não misturar com o estilo de cada site. */
@font-face{font-family:"RR Sans";src:url("https://ranielreis.com/fonts/RRSans-Regular.woff2?v=2.6") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"RR Sans";src:url("https://ranielreis.com/fonts/RRSans-Medium.woff2?v=2.6") format("woff2");font-weight:500 600;font-display:swap}
@font-face{font-family:"RR Sans";src:url("https://ranielreis.com/fonts/RRSans-Bold.woff2?v=2.6") format("woff2");font-weight:700 900;font-display:swap}

.rrc-top,.rrc-drawer,.rrc-foot{--rrc-f:"RR Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--rrc-ease:cubic-bezier(.2,.7,.2,1);--rrc-head:64px;
  --rrc-gut:max(16px,env(safe-area-inset-left,0px));--rrc-gut-r:max(16px,env(safe-area-inset-right,0px));--rrc-muted:rgba(207,219,255,.72);--rrc-line:rgba(207,219,255,.14);
  font-family:var(--rrc-f);-webkit-font-smoothing:antialiased}
.rrc-top *,.rrc-drawer *,.rrc-foot *{box-sizing:border-box}

/* ---------- topo: barra de vidro líquido com o reflexo que segue o cursor */
.rrc-top{position:sticky;top:0;z-index:60;height:calc(var(--rrc-head) + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);
  display:flex;align-items:center;justify-content:space-between;gap:24px;color:#fff;-webkit-user-select:none;user-select:none;
  padding-left:max(var(--rrc-gut),calc((100% - 1148px)/2));padding-right:max(var(--rrc-gut-r),calc((100% - 1148px)/2));
  --lx:50%;
  background:radial-gradient(240px 120% at var(--lx) 0%,rgba(160,185,255,.16),transparent 70%),linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.015));
  background-color:rgba(13,25,64,.93);-webkit-backdrop-filter:blur(16px) saturate(1.7);backdrop-filter:blur(16px) saturate(1.7);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 -1px 0 rgba(255,255,255,.06)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.rrc-top{background-color:rgb(13,25,64)}}
.rrc-brand{display:inline-flex;align-items:center;color:#fff;text-decoration:none;padding:6px 0;border-radius:6px}
.rrc-brand svg{width:24px;height:23px;display:block;overflow:visible}
.rrc-brand .rrc-play{transform-box:fill-box;transform-origin:50% 50%;transition:transform .45s cubic-bezier(.3,1.6,.5,1)}
.rrc-brand:hover .rrc-play{transform:translateX(2px) scale(1.12)}
.rrc-nav{display:flex;align-items:center;gap:clamp(28px,5vw,64px)}
.rrc-a{font:400 .8125rem/1 var(--rrc-f);letter-spacing:.01em;color:rgba(255,255,255,.82);text-decoration:none;padding:8px 0;display:inline-block;transition:color .2s;background:none;border:0;cursor:pointer}
.rrc-a:hover,.rrc-a:focus-visible{color:#fff}
.rrc-more{display:inline-flex;align-items:center;gap:5px}
.rrc-grid{width:12px;height:12px;fill:currentColor;transition:transform .35s var(--rrc-ease)}
.rrc-grid rect{transform-box:fill-box;transform-origin:center;animation:rrc-sq 3.6s ease-in-out infinite}
.rrc-grid rect:nth-child(2){animation-delay:.15s}.rrc-grid rect:nth-child(3){animation-delay:.3s}.rrc-grid rect:nth-child(4){animation-delay:.45s}
@keyframes rrc-sq{0%,70%,100%{transform:none;opacity:1}80%{transform:scale(.6);opacity:.55}}
.rrc-more:hover .rrc-grid,.rrc-more[aria-expanded="true"] .rrc-grid{transform:rotate(45deg)}
.rrc-more[aria-expanded="true"] .rrc-grid rect{animation-play-state:paused}
:focus-visible.rrc-a,.rrc-brand:focus-visible{outline:2px solid #3D6FFF;outline-offset:3px}

/* ---------- Veja mais: painel que desce do topo */
.rrc-drawer{position:fixed;inset:0;z-index:55;color:#fff;--rrc-y:64px}
.rrc-drawer[hidden]{display:none!important}
.rrc-back{position:absolute;inset:var(--rrc-y) 0 0;background:rgba(5,10,28,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transition:opacity .35s var(--rrc-ease)}
.rrc-drawer.on .rrc-back{opacity:1}
.rrc-panel{position:absolute;left:0;right:0;top:var(--rrc-y);background:rgba(11,22,56,.9);-webkit-backdrop-filter:blur(20px) saturate(1.6);backdrop-filter:blur(20px) saturate(1.6);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 30px 60px -30px rgba(0,0,0,.6);clip-path:inset(0 0 100% 0);transition:clip-path .45s cubic-bezier(.2,.8,.2,1)}
.rrc-drawer.on .rrc-panel{clip-path:inset(0 0 0 0)}
.rrc-in{display:flex;flex-wrap:wrap;align-items:flex-start;gap:20px clamp(40px,7vw,96px);padding:28px max(var(--rrc-gut-r),calc((100% - 1148px)/2)) 40px max(var(--rrc-gut),calc((100% - 1148px)/2))}
.rrc-grp{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}
.rrc-label{font-size:.8125rem;color:var(--rrc-muted);margin:0 0 8px}
.rrc-panel a{color:#fff;text-decoration:none;font-weight:700;font-size:1.75rem;letter-spacing:-.01em;line-height:1.2;padding:6px 0;opacity:0;transform:translateY(-6px);transition:opacity .3s var(--rrc-ease),transform .4s var(--rrc-ease),color .2s}
.rrc-drawer.on .rrc-panel a{opacity:1;transform:none}
.rrc-drawer.on .rrc-grp:nth-child(1) a{transition-delay:.06s}.rrc-drawer.on .rrc-grp:nth-child(2) a{transition-delay:.12s}.rrc-drawer.on .rrc-grp:nth-child(3) a{transition-delay:.18s}
.rrc-panel a:hover{color:#CFDBFF}
.rrc-panel a[aria-current="page"]{color:#CFDBFF}

/* ---------- rodapé */
.rrc-foot{background:#0B1638;color:var(--rrc-muted);border-top:1px solid var(--rrc-line);font-size:.8125rem;line-height:1.5;
  padding:48px max(var(--rrc-gut-r),calc((100% - 1148px)/2)) calc(40px + env(safe-area-inset-bottom,0px)) max(var(--rrc-gut),calc((100% - 1148px)/2))}
.rrc-foot a{color:var(--rrc-muted);text-decoration:none;transition:color .2s}
.rrc-foot a:hover,.rrc-foot a:focus-visible{color:#fff;text-decoration:underline;text-underline-offset:3px}
.rrc-foot-top{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:24px 48px;padding-bottom:28px;border-bottom:1px solid var(--rrc-line)}
.rrc-foot-logo{color:#fff;display:flex;flex:none}.rrc-foot-logo svg{width:30px;height:28px;display:block}
.rrc-foot-menu{display:flex;flex-wrap:wrap;gap:24px clamp(32px,6vw,72px)}
.rrc-foot-grp{display:flex;flex-direction:column;gap:8px;min-width:0}
.rrc-foot-grp b{color:#fff;font-weight:600;font-size:.8125rem}
.rrc-foot-bot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 32px;padding-top:22px}
.rrc-legal{display:flex;flex-wrap:wrap;gap:8px 24px}
.rrc-copy{margin:0}

/* ---------- celular */
@media (max-width:760px){
  .rrc-top,.rrc-drawer,.rrc-foot{--rrc-head:52px}
  .rrc-top{gap:12px}
  .rrc-nav{gap:clamp(10px,3.6vw,18px)}
  .rrc-a{font-size:.75rem;letter-spacing:0;white-space:nowrap;padding:10px 0}
  .rrc-in{gap:22px 36px;padding-top:20px;padding-bottom:28px}
  .rrc-panel a{font-size:1.375rem}
  .rrc-foot-top{flex-direction:column;gap:22px}
  .rrc-foot-menu{gap:22px 40px}
  .rrc-foot-bot{flex-direction:column;align-items:flex-start;gap:14px}
}
@media (prefers-reduced-motion:reduce){.rrc-grid rect{animation:none}.rrc-panel,.rrc-back,.rrc-panel a{transition:none}}
@media (prefers-reduced-transparency:reduce){.rrc-top{background-color:rgb(13,25,64);-webkit-backdrop-filter:none;backdrop-filter:none}}

/* nunca deixar o layout da página hospedeira espremer o menu ou o rodapé (ex.: body em flex com altura da tela) */
.rrc-top,.rrc-foot{flex-shrink:0}