/* Blog article CTA: price box under the hero + mobile sticky bar.
   White ground, black rules, black text. No radius, shadow, gradient or tinted fill.
   Every selector is doubled (.bcta .x) so article-level rules such as
   ".article-body a" or ".article-body ul" cannot override it. */

.bcta-wrap { max-width: 1000px; margin: 18px auto 0; padding: 0 20px; }
.bcta-wrap--flush { max-width: none; margin: 24px 0 8px; padding: 0; }

.bcta {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
  gap: 16px 28px;
  background: #fff; color: #111; border: 1px solid #111; border-radius: 0; box-shadow: none;
  padding: 18px 20px; text-align: left; font-family: inherit; line-height: 1.5;
}
.bcta .bcta__main { flex: 1 1 320px; min-width: 0; }
.bcta .bcta__title { margin: 0 0 8px; font-size: 13px; font-weight: 700; letter-spacing: .02em; text-transform: uppercase; color: #111; }
.bcta .bcta__facts { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 4px 28px; font-size: 15px; color: #111; }
.bcta .bcta__facts li { margin: 0; padding: 0; border: 0; display: block; }
.bcta .bcta__facts li::before { content: none; }
.bcta .bcta__v { font-size: 20px; font-weight: 800; color: #111; }
.bcta .bcta__n { display: block; margin: 8px 0 0; font-size: 13px; color: #444; }
.bcta .bcta__btns { display: flex; flex-wrap: wrap; gap: 10px; flex: 0 1 auto; }
.bcta .bcta__btn {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 44px; padding: 10px 18px; border: 1px solid #111; border-radius: 0;
  background: #fff; color: #111; font-size: 14.5px; font-weight: 700; line-height: 1.2;
  text-decoration: none; box-shadow: none; white-space: nowrap;
}
.bcta .bcta__btn:hover, .bcta .bcta__btn:focus-visible { background: #111; color: #fff; text-decoration: none; }
.bcta .bcta__btn--wa { background: #111; color: #fff; }
.bcta .bcta__btn--wa:hover, .bcta .bcta__btn--wa:focus-visible { background: #fff; color: #111; }

@media (max-width: 600px) {
  .bcta-wrap { padding: 0 16px; }
  .bcta-wrap--flush { padding: 0; }
  .bcta { padding: 16px; }
  .bcta .bcta__btns { flex: 1 1 100%; }
  .bcta .bcta__btn { flex: 1 1 100%; white-space: normal; }
}

/* Mobile sticky bar: phone + WhatsApp. Hidden from 768px up. */
.bcta-sticky, .bcta-sticky-spacer { display: none; }
@media (max-width: 767px) {
  .bcta-sticky-spacer { display: block; height: calc(64px + env(safe-area-inset-bottom, 0px)); }
  .bcta-sticky {
    display: flex; gap: 8px; position: fixed; left: 0; right: 0; bottom: 0; z-index: 99;
    background: #fff; border-top: 1px solid #111; box-shadow: none;
    padding: 8px 12px calc(8px + env(safe-area-inset-bottom, 0px));
    font-family: inherit; line-height: 1.2;
  }
  .bcta-sticky .bcta-sticky__btn {
    flex: 1 1 0; display: flex; align-items: center; justify-content: center;
    min-height: 46px; padding: 8px; border: 1px solid #111; border-radius: 0;
    background: #fff; color: #111; font-size: 15px; font-weight: 700; text-decoration: none;
  }
  .bcta-sticky .bcta-sticky__btn--wa { background: #111; color: #fff; }
}
@media print { .bcta-sticky, .bcta-sticky-spacer { display: none !important; } }