/* ═══════════════════════════════════════════════════════════
   BARRA FLUTUANTE — padrão Hyros:
   fixed no rodapé, 16px de raio, sombra difusa,
   aparece depois do primeiro scroll, dispensável no ✕
   ═══════════════════════════════════════════════════════════ */
/* ancorada no canto inferior ESQUERDO, como a Hyros faz nas páginas
   internas — não centralizada: assim não disputa o eixo do conteúdo */
.brr{position:fixed;left:20px;bottom:18px;z-index:9000;
  display:flex;align-items:center;gap:14px;
  background:#FFF;border:1px solid #EDEAE3;border-radius:16px;
  padding:9px 12px 9px 10px;
  box-shadow:0 18px 50px -18px rgba(30,22,10,.35);
  transform:translateY(calc(100% + 32px));opacity:0;
  transition:transform .45s cubic-bezier(.22,.61,.36,1),opacity .35s;
  max-width:calc(100vw - 40px)}
.brr.on{transform:translateY(0);opacity:1}
.brr[hidden]{display:none}

.brr-mrc{width:34px;height:34px;border-radius:9px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(140deg,#FFF3E4,#FFE7EE);border:1px solid #F6DFC9}
.brr-mrc svg{width:18px;height:18px}
.brr-txt{font-size:.9375rem;color:#3A382F;white-space:nowrap}
.brr-cta{font-family:var(--font-corpo);font-size:.9375rem;font-weight:600;color:#FFF;
  text-decoration:none;white-space:nowrap;border-radius:999px;padding:10px 24px;
  background:linear-gradient(120deg,#FF8A2B,#FF4D5F 55%,#FF3D7F);
  box-shadow:0 8px 20px -8px rgba(255,77,95,.6);
  transition:transform .18s,filter .18s}
.brr-cta:hover{transform:translateY(-1px);filter:brightness(1.05)}
.brr-lnk{font-size:.875rem;font-weight:600;color:#12120F;text-decoration:none;
  padding:6px 9px;border-radius:8px;white-space:nowrap;transition:background .18s}
.brr-lnk:hover{background:#F6F2E8}
.brr-x{background:none;border:0;cursor:pointer;color:#B9B5AA;font-size:1.05rem;
  line-height:1;padding:5px 7px;border-radius:6px;transition:color .18s,background .18s}
.brr-x:hover{color:#12120F;background:#F6F2E8}

@media (max-width:720px){
  .brr{gap:9px;padding:8px 9px;left:16px;right:16px;transform:translateY(calc(100% + 32px))}
  .brr.on{transform:translateY(0)}
  .brr-txt,.brr-lnk{display:none}
  .brr-cta{flex:1;text-align:center}
}
@media (prefers-reduced-motion:reduce){
  .brr{transition:opacity .2s}
}