/* Shared banner styles */
.cbp-banner { box-sizing: border-box; font-family: inherit; }
.cbp-banner .cbp-title { margin: 0 0 .4rem; font-size: 1.1rem; }
.cbp-banner .cbp-text { font-size: .95rem; line-height: 1.5; }
.cbp-banner .cbp-img img { display:block; max-width:100%; height:auto; border-radius:8px; }

/* Lateral (fixed sidebar-like) */
.cbp-banner.cbp-lateral{
  position: fixed; right: 16px; top: 120px; width: 280px;
  background: #ffffff; border: 1px solid #e5e5e5; border-radius: 12px;
  padding: 12px; box-shadow: 0 10px 25px rgba(0,0,0,.08); z-index: 9999;
}

/* Inferior (after content) */
.cbp-banner.cbp-inferior{
  margin-top: 24px; padding: 16px; background: #f8f9fb; border: 1px solid #e8ebf0;
  border-radius: 12px;
}

/* Popup (overlay centered) */
.cbp-banner.cbp-popup{
  display:none; position: fixed; inset: 0; background: rgba(0,0,0,.5);
  align-items: center; justify-content: center; padding: 24px; z-index: 10000;
}
.cbp-banner.cbp-popup.cbp-show{ display:flex; }
.cbp-banner.cbp-popup .cbp-content, .cbp-banner.cbp-popup .cbp-img{
  max-width: 100%;
}
.cbp-banner.cbp-popup > .cbp-content,
.cbp-banner.cbp-popup > .cbp-img { display:none; } /* ensure layout inside card below */

.cbp-banner.cbp-popup .cbp-inner{
  background:#fff; padding:20px; border-radius:12px; max-width:560px; width:100%;
}

.cbp-banner.cbp-popup .cbp-close{
  position:absolute; top:16px; right:16px; background:transparent; border:0;
  font-size:28px; line-height:1; cursor:pointer; color:#333;
}

/* Provide a card container inside popup */
.cbp-banner.cbp-popup { position: fixed; }
.cbp-banner.cbp-popup .cbp-content,
.cbp-banner.cbp-popup .cbp-img { display:block; }