.univ-promobar{box-sizing:border-box;position:relative;display:flex;align-items:center;gap:20px;padding:18px clamp(16px,4vw,34px);margin:18px 0;border-radius:14px;background:var(--univ-pb-bg,#171717);color:var(--univ-pb-text,#fff);font:inherit;z-index:2}
.univ-promobar-top,.univ-promobar-below{position:fixed;left:0;right:0;z-index:99998;margin:0;border-radius:0;justify-content:center;box-shadow:0 8px 28px rgba(0,0,0,.18);opacity:0;visibility:hidden;transform:translateY(-110%);transition:opacity .25s ease,transform .25s ease,visibility .25s}
.univ-promobar-top{top:0}
.univ-promobar-below{bottom:0;transform:translateY(110%)}
.univ-promobar-top.is-visible,.univ-promobar-below.is-visible{opacity:1;visibility:visible;transform:translateY(0)}
.univ-promobar-copy{flex:1;min-width:0}.univ-promobar-eyebrow{font-size:.82rem;font-weight:700;letter-spacing:.04em;margin:0 0 5px;opacity:.82}.univ-promobar h2{font-size:clamp(20px,2.6vw,28px);line-height:1.2;margin:0 0 7px;color:inherit}.univ-promobar-description{font-size:.96rem;line-height:1.55;margin:0;color:inherit;opacity:.9}.univ-promobar-image{flex:0 0 120px;max-width:180px}.univ-promobar-image img{display:block;width:100%;height:auto;max-height:130px;object-fit:cover;border-radius:8px}.univ-promobar-button{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;padding:11px 18px;border-radius:999px;background:var(--univ-pb-button-bg,#fff);color:var(--univ-pb-button-color,#171717);text-decoration:none;font-weight:750;white-space:nowrap}.univ-promobar-button:hover{filter:brightness(.94);color:var(--univ-pb-button-color,#171717)}.univ-promobar-overlay{position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.58);display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}.univ-promobar-overlay[hidden]{display:none}.univ-promobar-overlay .univ-promobar{width:min(760px,100%);margin:0;padding:clamp(24px,5vw,42px);box-shadow:0 18px 70px rgba(0,0,0,.25)}.univ-promobar-close{position:absolute;right:10px;top:8px;width:34px;height:34px;border:0;border-radius:50%;background:rgba(127,127,127,.18);color:inherit;font-size:25px;line-height:1;cursor:pointer}.univ-promobar-popup{padding-right:42px}.univ-promobar-overlay .univ-promobar-popup{padding-right:42px}
@media(max-width:650px){.univ-promobar{align-items:flex-start;flex-direction:column;gap:12px;padding:20px}.univ-promobar-image{flex:0 0 auto;width:100%;max-width:220px}.univ-promobar-button{white-space:normal}.univ-promobar-top,.univ-promobar-below{padding:14px 18px}.univ-promobar-overlay{padding:14px}.univ-promobar-overlay .univ-promobar{max-height:90vh;overflow:auto}}

@media(prefers-reduced-motion:reduce){.univ-promobar-top,.univ-promobar-below{transition:none}}

/* Botão fechar para as barras fixas de topo e inferior */
.univ-promobar-top,.univ-promobar-below{padding-right:58px}
.univ-promobar-top .univ-promobar-close,.univ-promobar-below .univ-promobar-close{position:absolute;right:14px;top:50%;transform:translateY(-50%);z-index:3;background:rgba(127,127,127,.2);color:var(--univ-pb-text,#fff)}
@media(max-width:650px){.univ-promobar-top,.univ-promobar-below{padding-right:54px}.univ-promobar-top .univ-promobar-close,.univ-promobar-below .univ-promobar-close{right:10px}}

/* UNIV 1.9.5: botão de fechar no canto superior direito e barras compactas */
.univ-promobar-top,.univ-promobar-below{position:fixed;justify-content:center;padding-top:30px;padding-right:58px;padding-bottom:14px;padding-left:clamp(16px,4vw,34px)}
.univ-promobar-top .univ-promobar-close,.univ-promobar-below .univ-promobar-close{top:7px;right:10px;transform:none;width:28px;height:28px;font-size:22px;display:flex;align-items:center;justify-content:center}
@media(max-width:650px){
  .univ-promobar-top,.univ-promobar-below{flex-direction:row;align-items:center;justify-content:flex-start;gap:9px;padding:10px 42px 10px 12px;min-height:0}
  .univ-promobar-top .univ-promobar-copy,.univ-promobar-below .univ-promobar-copy{flex:1 1 auto;min-width:0}
  .univ-promobar-top .univ-promobar-eyebrow,.univ-promobar-below .univ-promobar-eyebrow{font-size:10px;line-height:1.15;letter-spacing:.025em;margin:0 0 2px}
  .univ-promobar-top h2,.univ-promobar-below h2{font-size:14px;line-height:1.25;margin:0 0 2px}
  .univ-promobar-top .univ-promobar-description,.univ-promobar-below .univ-promobar-description{font-size:12px;line-height:1.3}
  .univ-promobar-top .univ-promobar-image,.univ-promobar-below .univ-promobar-image{flex:0 0 42px;width:42px;max-width:42px}
  .univ-promobar-top .univ-promobar-image img,.univ-promobar-below .univ-promobar-image img{width:42px;height:42px;max-height:42px;object-fit:cover;border-radius:6px}
  .univ-promobar-top .univ-promobar-button,.univ-promobar-below .univ-promobar-button{flex:0 0 auto;white-space:normal;font-size:11px;line-height:1.2;padding:7px 9px;max-width:100px;text-align:center;border-radius:8px}
  .univ-promobar-top .univ-promobar-close,.univ-promobar-below .univ-promobar-close{top:5px;right:5px;width:24px;height:24px;font-size:20px}
}

/* UNIV 1.9.6: acabamento editorial, borda configurável, gradiente e fechar alinhado à ação */
.univ-promobar{border:var(--univ-pb-border-width,1px) solid var(--univ-pb-border,#168bd2);}
.univ-promobar-eyebrow{color:var(--univ-pb-subtitle-color,#9bdcff);opacity:1}
.univ-promobar-button{background:var(--univ-pb-button-bg,#0ea5e9);background-image:linear-gradient(110deg,var(--univ-pb-button-bg,#0ea5e9),var(--univ-pb-button-bg2,#2563eb));gap:9px}
.univ-promobar[style*="--univ-pb-button-style:solid"] .univ-promobar-button{background-image:none}
.univ-promobar-button-icon{display:inline-flex;align-items:center;justify-content:center;line-height:1}
.univ-promobar-top,.univ-promobar-below{padding-top:14px;padding-bottom:14px;padding-right:78px}
.univ-promobar-top .univ-promobar-close,.univ-promobar-below .univ-promobar-close{top:50%;right:24px;transform:translateY(-50%);width:40px;height:40px;font-size:27px;background:transparent;border-radius:8px}
.univ-promobar-top .univ-promobar-button,.univ-promobar-below .univ-promobar-button{margin-right:14px}
@media(max-width:650px){
 .univ-promobar-top,.univ-promobar-below{padding:10px 42px 10px 12px}
 .univ-promobar-top .univ-promobar-button,.univ-promobar-below .univ-promobar-button{margin-right:0}
 .univ-promobar-top .univ-promobar-close,.univ-promobar-below .univ-promobar-close{top:50%;right:5px;transform:translateY(-50%);width:28px;height:28px;font-size:22px}
}