@font-face {
  font-family: "Google Sans";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/weepulse-pages-v2/fonts/google-sans-medium.ttf") format("truetype");
}

.insights-hero-shade::after,
.insights-youtube-shade::after,
.insights-about-card::before,
.article-cover::after {
  background-image: url("/assets/weepulse-pages-v2/hero-pixel-grid.svg") !important;
}

.insights-article-page .article-prose {
  min-width: 0;
  overflow-wrap: anywhere;
}

.insights-article-page .article-prose :is(pre, code) {
  max-width: 100%;
  overflow-wrap: anywhere;
}

.insights-article-page .article-prose pre {
  overflow-x: auto;
  white-space: pre-wrap;
}

.lead-modal {
  width: min(680px, calc(100% - 32px));
  max-height: min(860px, calc(100dvh - 32px));
  margin: auto;
  padding: 0;
  border: 0;
  border-radius: 24px;
  color: #0b2c44;
  background: #f7fbf8;
  box-shadow: 0 24px 72px #071c2880;
}

.lead-modal::backdrop { background: #071c28bf; }
.lead-modal__panel { position: relative; max-height: inherit; overflow-y: auto; padding: clamp(28px, 5vw, 48px); }
.lead-modal__close { position: absolute; top: 14px; right: 14px; display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid #c9ddd3; border-radius: 50%; color: #0b2c44; background: #fff; font-size: 28px; line-height: 1; }
.lead-modal__close:hover { background: #e4f7eb; }
.lead-modal__title { max-width: 520px; padding-right: 42px; font-size: clamp(29px, 5vw, 46px); font-weight: 500; line-height: 1.04; letter-spacing: -.05em; }
.lead-modal__sub { max-width: 540px; margin: 16px 0 26px; color: #526c75; font-size: 15px; line-height: 1.6; }
.lead-form { display: grid; gap: 13px; }
.lead-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }
.lead-form__input { width: 100%; min-height: 50px; padding: 13px 15px; border: 1px solid #c7dbd1; border-radius: 10px; color: #0b2c44; background: #fff; font: 400 16px/1.35 Raleway, system-ui, sans-serif; font-size: 16px !important; }
.lead-form__input::placeholder { color: #60727c; opacity: 1; }
.lead-form__input:focus-visible, .lead-modal__close:focus-visible { outline: 3px solid #00ae60; outline-offset: 3px; border-color: #008f54; }
.lead-form textarea.lead-form__input { min-height: 120px; resize: vertical; }
.lead-form__submit { min-height: 52px; border: 0; border-radius: 100px; color: #0b2c44; background: #00e874; font: 700 14px/1.2 Raleway, system-ui, sans-serif; }
.lead-form__submit:hover { background: #a8ffd0; }
.lead-form__error { display: none; color: #b42318; font-size: 14px; }
.lead-form__legal { color: #60727c; font-size: 12px; line-height: 1.5; }
.lead-form__legal a { color: #007c4b; text-decoration: underline; }

/* CTA de conversão no meio e no fim do artigo (.cta-box): a V2 estiliza a caixa,
   mas o botão e a tipografia ficavam no blog.css legado, que o layout V2 não carrega. */
.insights-article-page .article-prose .cta-box__title { margin: 0 0 10px; color: #0b2c44; font-size: 20px; font-weight: 700; line-height: 1.3; }
.insights-article-page .article-prose .cta-box__text { margin: 0 0 20px; color: #405468; font-size: 16px; line-height: 1.6; }
.cta-box__btn { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 26px; border: 0; border-radius: 100px; color: #0b2c44; background: #00e874; font: 700 14px/1.2 Raleway, system-ui, sans-serif; cursor: pointer; transition: background 0.15s ease, transform 0.12s ease; }
.cta-box__btn:hover { background: #a8ffd0; transform: translateY(-1px); }
.cta-box__btn:focus-visible { outline: 2px solid #0b2c44; outline-offset: 3px; }

@media (max-width: 700px) {
  .insights-article-page .article-prose table { width: 100%; min-width: 0; table-layout: fixed; font-size: 12px; }
  .insights-article-page .article-prose :is(th, td) { padding: 10px 8px; overflow-wrap: anywhere; }
  .lead-modal { width: calc(100% - 20px); max-height: calc(100dvh - 20px); border-radius: 18px; }
  .lead-modal__panel { padding: 30px 20px 24px; }
  .lead-form__row { grid-template-columns: 1fr; }
}