/* Senlux CTA — 19/09/2026. Hierarquia de botões + barra fixa de ação (repete o botão principal da página:
   curso → checkout Kiwify; serviço → formulário). Não cria texto novo. */
:root{--cta-orange:#ff5a2b;--cta-orange-2:#ff8558;--cta-ink:#141514}
/* ---------- barra fixa ---------- */
.cta-bar{position:fixed;left:0;right:0;bottom:0;z-index:80;display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));background:rgba(20,21,20,.94);border-top:1px solid rgba(255,90,43,.35);box-shadow:0 -12px 40px rgba(0,0,0,.35);transform:translate3d(0,110%,0);opacity:0;pointer-events:none;transition:transform .38s cubic-bezier(.16,1,.3,1),opacity .3s}
.cta-bar.is-on{transform:none;opacity:1;pointer-events:auto}
.cta-bar-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;flex:1;min-height:54px;padding:14px 20px;background:var(--cta-orange);color:var(--cta-ink)!important;border:1px solid var(--cta-orange);border-radius:0;font:600 15px/1.3 Archivo,Arial,sans-serif;letter-spacing:-.01em;text-align:center;text-decoration:none;transition:background .18s,transform .18s,box-shadow .3s}
.cta-bar-btn:hover{background:var(--cta-orange-2);transform:translateY(-1px);box-shadow:0 10px 30px rgba(255,90,43,.28)}
.cta-bar-btn:active{transform:scale(.985)}
html.cta-bar-on body{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}
@media (min-width:761px){
 .cta-bar{left:auto;right:28px;bottom:28px;padding:0;background:none;border:0;box-shadow:none;transform:translate3d(0,24px,0)}
 .cta-bar-btn{flex:none;min-height:56px;padding:16px 24px;box-shadow:0 14px 40px rgba(255,90,43,.28),0 2px 0 rgba(0,0,0,.2)}
 html.cta-bar-on body{padding-bottom:0}
}
/* ---------- pares principal + secundário ---------- */
.cta-pair{display:flex;flex-wrap:wrap;gap:14px 22px;align-items:center}
.cta-pair .pi-note{margin:0;flex-basis:100%}
.cta-link{font:500 14px/1.5 Archivo,Arial,sans-serif;color:#ff9a59;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.cta-link:hover{color:#ffb98e}
.vk-promo .cta-pair{flex-direction:column;align-items:flex-start;gap:12px}
.su-learning-feature .cta-pair{margin-top:auto;padding-top:22px;gap:12px 20px}
.su-learning-feature .cta-pair .su-learning-cta{margin:0}
.su-learning-feature{cursor:default}
.su-learning-feature .su-button{color:#141514!important}
.pi-solutions .cta-pair{margin-top:22px}
.su-product-grid .cta-pair{margin-top:18px}
.sdr-contact .cta-pair{margin-top:28px}
/* ---------- botões principais: mais presença no celular ---------- */
@media (max-width:760px){
 body.su-site .su-button:not(.su-button-dark),.edu-button:not(.secondary),.vk-btn:not(.vk-secondary),.br-button,.button.solid,.n-button,.btn:not(.secondary){min-height:56px;font-size:15px;font-weight:500}
 .cta-pair>.su-button,.cta-pair>.vk-btn{width:100%;justify-content:space-between}
}
/* ---------- respiração do botão principal do hero (só com movimento ligado) ---------- */
.fx-on .fx-hero :is(.su-button:not(.su-button-dark),.edu-button:not(.secondary),.vk-btn:not(.vk-secondary),.br-button,.button.solid,.n-button):first-of-type:not(.fx-hero-el){animation:ctaBreath 3.4s ease-in-out infinite}
@keyframes ctaBreath{0%,100%{box-shadow:0 0 0 0 rgba(255,90,43,0)}50%{box-shadow:0 12px 34px rgba(255,90,43,.34)}}

/* cache de borda pode servir o senlux-fx antigo (sem :not(.cta-bar)); esta regra vence e mantém a barra fixa */
.fx-on body>div.cta-bar:not(.fx-field):not(.fx-torch):not(.fx-progress){position:fixed;z-index:80}