@import url('/br/blog/blog-product-themes.css?v=20260828-1');

/* DeckLearn Blog Brasil — CTA flutuante compacto, com o visual REAL do produto do artigo */
body:has(.article){padding-bottom:calc(78px + env(safe-area-inset-bottom))}

.article .cta .btn{
  position:fixed;
  left:50%;
  bottom:max(10px,env(safe-area-inset-bottom));
  z-index:9000;
  width:min(340px,calc(100% - 32px));
  min-height:48px;
  padding:10px 16px;
  transform:translateX(-50%);
  border:var(--product-cta-border,0);
  border-radius:14px;
  color:var(--product-cta-color,#fff)!important;
  background:var(--product-cta-bg,linear-gradient(90deg,var(--theme-a),var(--theme-b) 58%,var(--theme-gold)));
  box-shadow:var(--product-cta-shadow,0 14px 28px rgba(var(--glow-b),.20));
  font:900 .9rem/1.2 Sora,Inter,sans-serif;
  letter-spacing:.01em;
  text-align:center;
  text-decoration:none!important;
  transition:transform .12s ease,filter .15s ease,box-shadow .15s ease;
}

.article .cta .btn:hover{
  transform:translateX(-50%) translateY(-1px);
  filter:brightness(1.06);
  text-decoration:none!important;
}

.article .cta{padding-bottom:14px}
.article .cta .btn:focus-visible{outline:3px solid var(--c);outline-offset:3px}

@media(max-width:560px){
  body:has(.article){padding-bottom:calc(72px + env(safe-area-inset-bottom))}
  .article .cta .btn{
    width:min(300px,calc(100% - 20px));
    min-height:46px;
    bottom:max(8px,env(safe-area-inset-bottom));
    padding:9px 14px;
    border-radius:14px;
    font-size:.86rem;
  }
}

@media(prefers-reduced-motion:reduce){.article .cta .btn{transition:none}}