.joao-calvino #corpo,
.autor-messias-anacleto-rosa #corpo,
.autor-marcelo-gomes #corpo,
.quem-somos #corpo,
.publique-seu-livro #corpo,
.dois-coracoes-e-uma-historia #corpo,
.instantes-para-maternar-com-leveza-e-coragem #corpo{
    padding: 0px !important;
}
.joao-calvino #corpo .conteiner,
.autor-messias-anacleto-rosa #corpo .conteiner,
.autor-marcelo-gomes #corpo .conteiner,
.quem-somos #corpo .conteiner,
.publique-seu-livro #corpo .conteiner,
.dois-coracoes-e-uma-historia #corpo .conteiner,
.instantes-para-maternar-com-leveza-e-coragem #corpo .conteiner{
    width: 100% !important;
    max-width: 100% !important;
    padding: 0px !important;
    margin: 0px !important;
}
.joao-calvino #corpo .conteiner .breadcrumbs,
.autor-messias-anacleto-rosa #corpo .conteiner .breadcrumbs,
.autor-marcelo-gomes #corpo .conteiner .breadcrumbs,
.quem-somos #corpo .conteiner .breadcrumbs,
.publique-seu-livro #corpo .conteiner .breadcrumbs,
.dois-coracoes-e-uma-historia #corpo .conteiner .breadcrumbs,
.instantes-para-maternar-com-leveza-e-coragem #corpo .conteiner .breadcrumbs{
    display:none!important;
}
.joao-calvino #corpo .conteiner .caixa-sombreada h1.titulo,
.autor-messias-anacleto-rosa #corpo .conteiner .caixa-sombreada h1.titulo,
.autor-marcelo-gomes #corpo .conteiner .caixa-sombreada h1.titulo,
.quem-somos #corpo .conteiner .caixa-sombreada h1.titulo,
.publique-seu-livro #corpo .conteiner .caixa-sombreada h1.titulo,
.dois-coracoes-e-uma-historia #corpo .conteiner .caixa-sombreada h1.titulo,
.instantes-para-maternar-com-leveza-e-coragem #corpo .conteiner .caixa-sombreada h1.titulo{
    display:none!important;    
}
.vc-page,
.vc-page * {
  box-sizing: border-box;
}

.vc-page {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  color: #1f2937;
  line-height: 1.6;
  font-size: 16px;
  width: 100%;
  margin: 0;
  padding: 0 0 48px;
}

.vc-page img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Wrapper interno limitando largura do conteúdo dentro de cada seção full-width */
.vc-wrap {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 16px;
}

/* ---------- BANNER ---------- */
.vc-banner {
  margin: 0;
}
.vc-banner img {
  width: 100%;
  border-radius: 0;
}
.vc-page .vc-banner-desktop { display: block !important; }
.vc-page .vc-banner-mobile  { display: none  !important; }
/* Desktop, notebook e tablet (>768px) usam o banner desktop; mobile (≤768px) usa o banner mobile */
@media (max-width: 768px) {
  .vc-page .vc-banner-desktop { display: none  !important; }
  .vc-page .vc-banner-mobile  { display: block !important; }
}

/* ---------- SEÇÕES ---------- */
.vc-section {
  padding: 64px 0;
}

/* Backgrounds full-width por seção */
.vc-bg-dark  { background: #34190E; color: #f5ece1; }
.vc-bg-cream { background: #F3EFE5; }
.vc-bg-white { background: #FFFFFF; }

/* Ajustes de texto quando o fundo é escuro */
.vc-page .vc-bg-dark p,
.vc-page .vc-bg-dark .vc-list li,
.vc-page .vc-bg-dark ul li { color: #ffffff !important; }
.vc-page .vc-bg-dark .vc-title,
.vc-page .vc-bg-dark .vc-title span,
.vc-page .vc-bg-dark h2,
.vc-page .vc-bg-dark h2 span { color: #C3B382 !important; }
.vc-page .vc-bg-dark strong { color: #C3B382 !important; }

.vc-grid {
  display: grid;
  gap: 40px;
  align-items: center;
}
.vc-grid-2 { grid-template-columns: 1fr 1fr; }

.vc-col-image img {
  margin: 0 auto;
  border-radius: 0;
  box-shadow: none;
  max-height: 560px;
  width: auto;
  background: transparent;
}

/* No mobile, sempre imagem em cima e texto embaixo (mesmo nas seções "reverse") */
@media (max-width: 860px) {
  .vc-grid-2 {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .vc-reverse .vc-col-image { order: -1; }
  .vc-section { padding: 40px 0; }
}

/* ---------- TIPOGRAFIA ---------- */
.vc-title {
  font-size: clamp(1.6rem, 2.4vw, 2.25rem);
  line-height: 1.2;
  color: #0f3a5f;
  margin: 0 0 16px;
  font-weight: 700;
}
.vc-title span {
  display: block;
  font-size: 0.7em;
  font-weight: 500;
  color: #4a7ba6;
  margin-top: 6px;
}
.vc-page p { margin: 0 0 14px; color: #374151; }
.vc-page strong { color: #0f3a5f; }

.vc-list {
  margin: 0 0 16px 20px;
  padding: 0;
}
.vc-list li {
  margin-bottom: 6px;
  list-style: disc;
}

.vc-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  background: linear-gradient(135deg, #0f3a5f, #4a7ba6);
  color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  border-radius: 50%;
  margin-bottom: 14px;
  box-shadow: 0 6px 16px -6px rgba(15, 58, 95, 0.5);
}

/* ---------- BOTÕES ---------- */
.vc-btn {
  display: inline-block;
  padding: 14px 28px;
  border-radius: 6px;
  font-weight: 600;
  text-decoration: none;
  font-size: 0.95rem;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
  margin-top: 10px;
  cursor: pointer;
  border: none;
}
.vc-btn-primary {
  background: #0f3a5f;
  color: #fff;
  box-shadow: 0 6px 18px -8px rgba(15, 58, 95, 0.6);
}
.vc-btn-primary:hover {
  background: #14507f;
  transform: translateY(-2px);
  box-shadow: 0 10px 22px -8px rgba(15, 58, 95, 0.7);
}

/* ---------- CTA FINAL ---------- */
.vc-cta {
  text-align: center;
  padding-top: 56px;
}
.vc-cta-title {
  font-size: clamp(1.8rem, 3vw, 2.5rem);
  color: #0f3a5f;
  margin: 0 0 10px;
}
.vc-cta-sub {
  font-size: 1.05rem;
  margin-bottom: 32px;
  color: #4b5563;
}

.vc-cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 24px;
}
@media (max-width: 1024px) { .vc-cards { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 520px)  { .vc-cards { grid-template-columns: 1fr; } }

.vc-page .vc-cards { align-items: stretch; }
.vc-page .vc-card {
  display: flex !important;
  flex-direction: column !important;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s;
  height: 100%;
}
.vc-page .vc-card > * { max-width: 100%; }
.vc-card a {
  text-decoration: none;
}
.vc-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 36px -16px rgba(15, 58, 95, 0.35);
  border-color: #4a7ba6;
}
.vc-card-media {
  display: block;
}
.vc-card img {
  width: 100%;
  aspect-ratio: 295 / 445;
  object-fit: cover;
  background: #f3f4f6;
}
.vc-card-body {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
}
.vc-card-body h3 {
  font-size: 1rem;
  margin: 0;
  color: #0f3a5f;
  line-height: 1.35;
  min-height: 2.7em;
}
.vc-card-title-link {
  color: #0f3a5f;
}
.vc-price {
  display: block;
  font-weight: 700;
  color: #0f3a5f;
  font-size: 1.1rem;
}
.vc-card-btn {
  display: block;
  margin-top: auto;
  background: #0f3a5f;
  color: #fff;
  text-align: center;
  padding: 10px 14px;
  border-radius: 6px;
  font-size: 0.9rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
.vc-card:hover .vc-card-btn { background: #14507f; }

/* ---------- ANIMAÇÃO DE ENTRADA ---------- */
.vc-section { opacity: 0; transform: translateY(20px); transition: opacity .7s ease, transform .7s ease; }
.vc-section.vc-visible { opacity: 1; transform: none; }
.vc-messias-anacleto-rosa,
.vc-messias-anacleto-rosa * {
  box-sizing: border-box;
}

.vc-messias-anacleto-rosa,
.vc-messias-anacleto-rosa * {
  box-sizing: border-box;
}

.vc-messias-anacleto-rosa {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  color: #1f2937;
  line-height: 1.6;
  font-size: 16px;
  width: 100%;
  margin: 0;
  padding: 0 0 48px;
}

.vc-messias-anacleto-rosa img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Wrapper interno limitando largura */
.vc-messias-anacleto-rosa .vc-wrap {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 16px;
}

/* ---------- BANNER ---------- */
.vc-messias-anacleto-rosa .vc-banner { margin: 0; }
.vc-messias-anacleto-rosa .vc-banner img { width: 100%; border-radius: 0; }
.vc-messias-anacleto-rosa .vc-banner-desktop { display: block !important; }
.vc-messias-anacleto-rosa .vc-banner-mobile  { display: none  !important; }
@media (max-width: 768px) {
  .vc-messias-anacleto-rosa .vc-banner-desktop { display: none  !important; }
  .vc-messias-anacleto-rosa .vc-banner-mobile  { display: block !important; }
}

/* ---------- SEÇÕES ---------- */
.vc-messias-anacleto-rosa .vc-section { padding: 64px 0; }

/* Backgrounds full-width por seção */
.vc-messias-anacleto-rosa .vc-bg-dark  { background: #34190E; color: #f5ece1; }
.vc-messias-anacleto-rosa .vc-bg-cream { background: #F3EFE5; }
.vc-messias-anacleto-rosa .vc-bg-white { background: #FFFFFF; }

/* Texto sobre fundo escuro */
.vc-messias-anacleto-rosa .vc-bg-dark p,
.vc-messias-anacleto-rosa .vc-bg-dark ul li { color: #ffffff !important; }
.vc-messias-anacleto-rosa .vc-bg-dark .vc-title,
.vc-messias-anacleto-rosa .vc-bg-dark .vc-title span,
.vc-messias-anacleto-rosa .vc-bg-dark h2,
.vc-messias-anacleto-rosa .vc-bg-dark h2 span { color: #C3B382 !important; }
.vc-messias-anacleto-rosa .vc-bg-dark strong { color: #C3B382 !important; }

/* Grid */
.vc-messias-anacleto-rosa .vc-grid {
  display: grid;
  gap: 40px;
  align-items: center;
}
.vc-messias-anacleto-rosa .vc-grid-2 { grid-template-columns: 1fr 1fr; }

.vc-messias-anacleto-rosa .vc-col-image img {
  margin: 0 auto;
  border-radius: 0;
  box-shadow: none;
  max-height: 560px;
  width: auto;
  background: transparent;
}

/* Mobile: imagem em cima, texto embaixo */
@media (max-width: 860px) {
  .vc-messias-anacleto-rosa .vc-grid-2 {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .vc-messias-anacleto-rosa .vc-reverse .vc-col-image { order: -1; }
  .vc-messias-anacleto-rosa .vc-section { padding: 40px 0; }
}

/* ---------- TIPOGRAFIA ---------- */
.vc-messias-anacleto-rosa .vc-title {
  font-size: clamp(1.6rem, 2.4vw, 2.25rem);
  line-height: 1.2;
  color: #0f3a5f;
  margin: 0 0 16px;
  font-weight: 700;
}
.vc-messias-anacleto-rosa .vc-title span {
  display: block;
  font-size: 0.7em;
  font-weight: 500;
  color: #4a7ba6;
  margin-top: 6px;
}
.vc-messias-anacleto-rosa .vc-title-center { text-align: center; }

/* Biografia: vídeo + texto lado a lado */
.vc-messias-anacleto-rosa .vc-grid-bio {
  grid-template-columns: minmax(280px, 360px) 1fr;
  gap: 48px;
  align-items: center;
}
.vc-messias-anacleto-rosa .vc-col-video { display: flex; justify-content: center; }
.vc-messias-anacleto-rosa .vc-bio-video {
  width: 100%;
  max-width: 360px;
  height: auto;
  border-radius: 6px;
  background: #000;
  box-shadow: 0 14px 32px -16px rgba(0, 0, 0, 0.6);
  display: block;
}
@media (max-width: 860px) {
  .vc-messias-anacleto-rosa .vc-grid-bio {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .vc-messias-anacleto-rosa .vc-bio-video { max-width: 320px; margin: 0 auto; }
}

.vc-messias-anacleto-rosa p { margin: 0 0 14px; color: #374151; }
.vc-messias-anacleto-rosa strong { color: #0f3a5f; }

/* Preço destaque */
.vc-messias-anacleto-rosa .vc-price-highlight {
  display: inline-block;
  font-size: 1.6rem;
  font-weight: 700;
  color: #0f3a5f;
  margin: 0 0 14px;
}

/* ---------- ASSOCIAÇÃO AVANI ---------- */
.vc-messias-anacleto-rosa .vc-associacao { padding: 40px 0; }
.vc-messias-anacleto-rosa .vc-associacao-link {
  display: block;
  text-decoration: none;
  transition: transform 0.25s ease, opacity 0.25s ease;
}
.vc-messias-anacleto-rosa .vc-associacao-link:hover { transform: translateY(-2px); opacity: 0.95; }
.vc-messias-anacleto-rosa .vc-associacao-link img { margin: 0 auto; max-width: 100%; }
.vc-messias-anacleto-rosa .vc-associacao-desktop { display: block !important; }
.vc-messias-anacleto-rosa .vc-associacao-mobile  { display: none  !important; }
@media (max-width: 768px) {
  .vc-messias-anacleto-rosa .vc-associacao-desktop { display: none  !important; }
  .vc-messias-anacleto-rosa .vc-associacao-mobile  { display: block !important; }
}

/* ---------- BOTÕES ---------- */
.vc-messias-anacleto-rosa .vc-btn {
  display: inline-block;
  padding: 14px 28px;
  border-radius: 6px;
  font-weight: 600;
  text-decoration: none;
  font-size: 0.95rem;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
  margin-top: 10px;
  cursor: pointer;
  border: none;
}
.vc-messias-anacleto-rosa .vc-btn-primary {
  background: #0f3a5f;
  color: #fff;
  box-shadow: 0 6px 18px -8px rgba(15, 58, 95, 0.6);
}
.vc-messias-anacleto-rosa .vc-btn-primary:hover {
  background: #14507f;
  transform: translateY(-2px);
  box-shadow: 0 10px 22px -8px rgba(15, 58, 95, 0.7);
}

/* ---------- ANIMAÇÃO DE ENTRADA ---------- */
.vc-messias-anacleto-rosa .vc-section { opacity: 0; transform: translateY(20px); transition: opacity .7s ease, transform .7s ease; }
.vc-messias-anacleto-rosa .vc-section.vc-visible { opacity: 1; transform: none; }

.vc-marcelo-gomes,
.vc-marcelo-gomes * {
  box-sizing: border-box;
}

.vc-marcelo-gomes {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  color: #1f2937;
  line-height: 1.6;
  font-size: 16px;
  width: 100%;
  margin: 0;
  padding: 0 0 48px;
}

.vc-marcelo-gomes img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Wrapper interno limitando largura */
.vc-marcelo-gomes .vc-wrap {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 16px;
}

/* ---------- BANNER ---------- */
.vc-marcelo-gomes .vc-banner { margin: 0; }
.vc-marcelo-gomes .vc-banner img { width: 100%; border-radius: 0; }
.vc-marcelo-gomes .vc-banner-desktop { display: block !important; }
.vc-marcelo-gomes .vc-banner-mobile  { display: none  !important; }
@media (max-width: 768px) {
  .vc-marcelo-gomes .vc-banner-desktop { display: none  !important; }
  .vc-marcelo-gomes .vc-banner-mobile  { display: block !important; }
}

/* ---------- SEÇÕES ---------- */
.vc-marcelo-gomes .vc-section { padding: 64px 0; }

/* Backgrounds full-width por seção */
.vc-marcelo-gomes .vc-bg-dark  { background: #34190E; color: #f5ece1; }
.vc-marcelo-gomes .vc-bg-cream { background: #F3EFE5; }
.vc-marcelo-gomes .vc-bg-white { background: #FFFFFF; }

/* Texto sobre fundo escuro */
.vc-marcelo-gomes .vc-bg-dark p,
.vc-marcelo-gomes .vc-bg-dark ul li { color: #ffffff !important; }
.vc-marcelo-gomes .vc-bg-dark .vc-title,
.vc-marcelo-gomes .vc-bg-dark .vc-title span,
.vc-marcelo-gomes .vc-bg-dark h2,
.vc-marcelo-gomes .vc-bg-dark h2 span { color: #C3B382 !important; }
.vc-marcelo-gomes .vc-bg-dark strong { color: #C3B382 !important; }

/* Grid */
.vc-marcelo-gomes .vc-grid {
  display: grid;
  gap: 40px;
  align-items: center;
}
.vc-marcelo-gomes .vc-grid-2 { grid-template-columns: 1fr 1fr; }

.vc-marcelo-gomes .vc-col-image img {
  margin: 0 auto;
  border-radius: 0;
  box-shadow: none;
  max-height: 560px;
  width: auto;
  background: transparent;
}

/* Mobile: imagem em cima, texto embaixo (também nas seções "reverse") */
@media (max-width: 860px) {
  .vc-marcelo-gomes .vc-grid-2 {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .vc-marcelo-gomes .vc-reverse .vc-col-image { order: -1; }
  .vc-marcelo-gomes .vc-section { padding: 40px 0; }
}

/* ---------- TIPOGRAFIA ---------- */
.vc-marcelo-gomes .vc-title {
  font-size: clamp(1.6rem, 2.4vw, 2.25rem);
  line-height: 1.2;
  color: #0f3a5f;
  margin: 0 0 16px;
  font-weight: 700;
}
.vc-marcelo-gomes .vc-title span {
  display: block;
  font-size: 0.7em;
  font-weight: 500;
  color: #4a7ba6;
  margin-top: 6px;
}

/* Biografia: vídeo + texto lado a lado */
.vc-marcelo-gomes .vc-grid-bio-reverse { direction: ltr; }
@media (max-width: 860px) {
  .vc-marcelo-gomes .vc-grid-bio-reverse .vc-col-video { order: -1; }
}
.vc-marcelo-gomes .vc-grid-bio {
  grid-template-columns: minmax(280px, 460px) 1fr;
  gap: 48px;
  align-items: center;
}
.vc-marcelo-gomes .vc-col-video { display: flex; justify-content: center; }
.vc-marcelo-gomes .vc-bio-video {
  width: 100%;
  max-width: 360px;
  height: 360px;
  object-fit: cover;
  border-radius: 8px;
  background: #000;
  box-shadow: 0 14px 32px -16px rgba(0, 0, 0, 0.6);
  display: block;
}
@media (max-width: 860px) {
  .vc-marcelo-gomes .vc-grid-bio {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .vc-marcelo-gomes .vc-bio-video { max-width: 300px; height: 300px; margin: 0 auto; }
}

.vc-marcelo-gomes p { margin: 0 0 14px; color: #374151; }
.vc-marcelo-gomes strong { color: #0f3a5f; }

/* Preço destaque */
.vc-marcelo-gomes .vc-price-highlight {
  display: inline-block;
  font-size: 1.6rem;
  font-weight: 700;
  color: #0f3a5f;
  margin: 0 0 14px;
}

/* ---------- BANNER ESPAÇO PALAVRA ---------- */
.vc-marcelo-gomes .vc-associacao { padding: 40px 0; }
.vc-marcelo-gomes .vc-associacao-link {
  display: block;
  text-decoration: none;
  transition: transform 0.25s ease, opacity 0.25s ease;
}
.vc-marcelo-gomes .vc-associacao-link:hover { transform: translateY(-2px); opacity: 0.95; }
.vc-marcelo-gomes .vc-associacao-link img { margin: 0 auto; max-width: 100%; }
.vc-marcelo-gomes .vc-associacao-desktop { display: block !important; }
.vc-marcelo-gomes .vc-associacao-mobile  { display: none  !important; }
@media (max-width: 768px) {
  .vc-marcelo-gomes .vc-associacao-desktop { display: none  !important; }
  .vc-marcelo-gomes .vc-associacao-mobile  { display: block !important; }
}

/* ---------- BOTÕES ---------- */
.vc-marcelo-gomes .vc-btn {
  display: inline-block;
  padding: 14px 28px;
  border-radius: 6px;
  font-weight: 600;
  text-decoration: none;
  font-size: 0.95rem;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
  margin-top: 10px;
  cursor: pointer;
  border: none;
}
.vc-marcelo-gomes .vc-btn-primary {
  background: #0f3a5f;
  color: #fff;
  box-shadow: 0 6px 18px -8px rgba(15, 58, 95, 0.6);
}
.vc-marcelo-gomes .vc-btn-primary:hover {
  background: #14507f;
  transform: translateY(-2px);
  box-shadow: 0 10px 22px -8px rgba(15, 58, 95, 0.7);
}

/* ---------- ANIMAÇÃO DE ENTRADA ---------- */
.vc-marcelo-gomes .vc-section { opacity: 0; transform: translateY(20px); transition: opacity .7s ease, transform .7s ease; }
.vc-marcelo-gomes .vc-section.vc-visible { opacity: 1; transform: none; }

.vc-sobre2, .vc-sobre2 * { box-sizing: border-box; }

.vc-sobre2 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  color: #1f2937;
  line-height: 1.7;
  font-size: 16px;
  width: 100%;
  margin: 0;
  padding: 0;
}

.vc-sobre2 img { max-width: 100%; height: auto; display: block; }

.vc-sobre2 .vc-wrap2 {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 24px;
}

/* ====================================================
   HERO SPLIT
   ==================================================== */
.vc-sobre2 .vc-hero2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 78vh;
  position: relative;
}
.vc-sobre2 .vc-hero2-left {
  background: #004e74;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 60px;
  position: relative;
  overflow: hidden;
}
.vc-sobre2 .vc-hero2-left::before {
  content: "";
  position: absolute; inset: 0;
  background:
    radial-gradient(circle at 30% 30%, rgba(255,255,255,0.08), transparent 60%),
    radial-gradient(circle at 70% 70%, rgba(255,255,255,0.05), transparent 60%);
}
.vc-sobre2 .vc-hero2-logo-wrap {
  position: relative;
  max-width: 420px;
  width: 100%;
}
.vc-sobre2 .vc-hero2-logo {
  width: 100%;
  height: auto;
  filter: drop-shadow(0 20px 60px rgba(0,0,0,0.35));
  animation: vc-fadeUp 1.1s ease both;
}

.vc-sobre2 .vc-hero2-right {
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 80px 8% 80px 8%;
  position: relative;
}
.vc-sobre2 .vc-hero2-eyebrow {
  font-size: .8rem;
  letter-spacing: 4px;
  text-transform: uppercase;
  font-weight: 600;
  color: #004e74;
  margin: 0 0 24px;
}
.vc-sobre2 .vc-hero2-title {
  font-size: clamp(2.2rem, 4.6vw, 4rem)!important;
  line-height: 1.05;
  font-weight: 300!important;
  color: #0d2638;
  margin: 0 0 28px;
  letter-spacing: -0.5px;
}
.vc-sobre2 .vc-hero2-title em {
  font-style: italic;
  color: #004e74;
  font-weight: 400;
}
.vc-sobre2 .vc-hero2-sub {
  font-size: 1.1rem;
  color: #555;
  max-width: 480px;
  margin: 0 0 40px;
}
.vc-sobre2 .vc-hero2-scroll {
  display: inline-block;
  width: 30px;
  height: 50px;
  border: 2px solid #004e74;
  border-radius: 20px;
  position: relative;
}
.vc-sobre2 .vc-hero2-scroll span {
  position: absolute;
  top: 8px; left: 50%;
  transform: translateX(-50%);
  width: 4px; height: 8px;
  background: #004e74;
  border-radius: 2px;
  animation: vc-scroll 1.6s ease-in-out infinite;
}
@keyframes vc-scroll {
  0% { opacity: 1; transform: translate(-50%, 0); }
  100% { opacity: 0; transform: translate(-50%, 16px); }
}
@keyframes vc-fadeUp {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: none; }
}

@media (max-width: 900px) {
  .vc-sobre2 .vc-hero2 { grid-template-columns: 1fr; min-height: auto; }
  .vc-sobre2 .vc-hero2-left { padding: 60px 40px; min-height: 280px; }
  .vc-sobre2 .vc-hero2-logo-wrap { max-width: 280px; }
  .vc-sobre2 .vc-hero2-right { padding: 60px 28px; }
}

/* ====================================================
   MANIFESTO
   ==================================================== */
.vc-sobre2 .vc-manifesto {
  background: #fff;
  padding: 120px 0;
}
.vc-sobre2 .vc-manifesto-grid {
  display: grid;
  grid-template-columns: 320px 1fr;
  gap: 80px;
  align-items: center;
}
.vc-sobre2 .vc-manifesto-logo img {
  width: 100%;
  max-width: 280px;
}
.vc-sobre2 .vc-manifesto-since {
  display: block;
  margin-top: 24px;
  font-size: .75rem;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #9aa3ad;
  font-weight: 600;
}
.vc-sobre2 .vc-manifesto-quote {
  font-size: clamp(1.4rem, 2.2vw, 2rem)!important;
  line-height: 1.45;
  font-weight: 300;
  color: #0d2638;
  margin: 0 0 28px;
  position: relative;
  font-family: Georgia, "Times New Roman", serif!important;
  display: block;
}
.vc-sobre2 .vc-quote-mark {
  position: absolute;
  top: -40px; left: -10px;
  font-size: 6rem;
  color: #004e74;
  opacity: 0.18;
  font-family: Georgia, serif;
  line-height: 1;
}
.vc-sobre2 .vc-manifesto-quote strong {
  color: #004e74;
  font-style: italic;
  font-weight: 400;
}
.vc-sobre2 .vc-manifesto-body {
  color: #555;
  font-size: 1.05rem;
  margin: 0;
}
@media (max-width: 860px) {
  .vc-sobre2 .vc-manifesto { padding: 72px 0; }
  .vc-sobre2 .vc-manifesto-grid { grid-template-columns: 1fr; gap: 40px; }
  .vc-sobre2 .vc-quote-mark { top: -30px; left: -5px; font-size: 4rem; }
}

/* ====================================================
   COUNTERS
   ==================================================== */
.vc-sobre2 .vc-counters {
  background: #f6f3ee;
  padding: 80px 0;
  border-top: 1px solid #e9e4d8;
  border-bottom: 1px solid #e9e4d8;
}
.vc-sobre2 .vc-counters-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 32px;
  text-align: center;
}
.vc-sobre2 .vc-counter {
  position: relative;
  padding: 0 16px;
}
.vc-sobre2 .vc-counter + .vc-counter::before {
  content: "";
  position: absolute;
  left: 0; top: 20%;
  height: 60%;
  width: 1px;
  background: #d4cdb8;
}
.vc-sobre2 .vc-counter-num {
  font-size: clamp(2.8rem, 5vw, 4.5rem);
  font-weight: 700;
  color: #004e74;
  line-height: 1;
  font-family: Georgia, "Times New Roman", serif;
}
.vc-sobre2 .vc-counter-plus {
  font-size: clamp(1.6rem, 3vw, 2.5rem);
  color: #004e74;
  font-weight: 400;
  vertical-align: top;
  margin-left: 4px;
}
.vc-sobre2 .vc-counter p {
  margin: 14px 0 0;
  font-size: .85rem;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #6b7280;
  font-weight: 600;
}
@media (max-width: 760px) {
  .vc-sobre2 .vc-counters-grid { grid-template-columns: repeat(2, 1fr); gap: 40px 16px; }
  .vc-sobre2 .vc-counter:nth-child(3)::before { display: none; }
}

/* ====================================================
   PARALLAX
   ==================================================== */
.vc-sobre2 .vc-parallax {
  min-height: 520px;
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff;
  padding: 120px 24px;
}
.vc-sobre2 .vc-parallax-overlay {
  position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(0,40,60,0.7), rgba(0,30,45,0.85));
}
.vc-sobre2 .vc-parallax-content {
  position: relative;
  z-index: 1;
  max-width: 820px;
}
.vc-sobre2 .vc-parallax-eyebrow {
  font-size: .8rem;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: #cbe2ee;
  font-weight: 600;
  margin: 0 0 20px;
}
.vc-sobre2 .vc-parallax-title {
  font-size: clamp(1.8rem, 3.6vw, 3rem);
  font-weight: 300;
  line-height: 1.2;
  color: #fff;
  margin: 0 0 22px;
  letter-spacing: -0.3px;
}
.vc-sobre2 .vc-parallax-title em {
  font-style: italic;
  color: #cbe2ee;
}
.vc-sobre2 .vc-parallax-sub {
  font-size: 1.1rem;
  color: rgba(255,255,255,0.85);
  margin: 0;
  max-width: 620px;
  margin-left: auto; margin-right: auto;
}
@media (max-width: 768px) {
  .vc-sobre2 .vc-parallax {
    background-attachment: scroll;
    min-height: 380px;
    padding: 80px 24px;
  }
}

/* ====================================================
   VALORES NUMERADOS
   ==================================================== */
.vc-sobre2 .vc-values2 {
  padding: 120px 0;
  background: #fff;
}
.vc-sobre2 .vc-section2-head { margin-bottom: 70px; max-width: 720px; }
.vc-sobre2 .vc-center2 { margin-left: auto; margin-right: auto; text-align: center; }
.vc-sobre2 .vc-eyebrow2 {
  font-size: .8rem;
  letter-spacing: 4px;
  text-transform: uppercase;
  font-weight: 600;
  color: #004e74;
  margin: 0 0 16px;
}
.vc-sobre2 .vc-title2 {
  font-size: clamp(1.8rem, 3.4vw, 2.8rem);
  line-height: 1.15;
  font-weight: 300;
  color: #0d2638;
  margin: 0;
  letter-spacing: -0.3px;
}

.vc-sobre2 .vc-values2-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0;
  border-top: 1px solid #e5e7eb;
  border-left: 1px solid #e5e7eb;
}
.vc-sobre2 .vc-value2 {
  padding: 48px 40px;
  border-right: 1px solid #e5e7eb;
  border-bottom: 1px solid #e5e7eb;
  transition: background .3s ease;
  position: relative;
}
.vc-sobre2 .vc-value2:hover { background: #f6f3ee; }
.vc-sobre2 .vc-value2-num {
  display: block;
  font-size: 3rem;
  font-weight: 300;
  color: #004e74;
  font-family: Georgia, serif;
  line-height: 1;
  margin-bottom: 18px;
  opacity: .85;
}
.vc-sobre2 .vc-value2 h3 {
  font-size: 1.3rem;
  font-weight: 600;
  color: #0d2638;
  margin: 0 0 10px;
}
.vc-sobre2 .vc-value2 p {
  color: #6b7280;
  margin: 0;
  font-size: .98rem;
}
@media (max-width: 760px) {
  .vc-sobre2 .vc-values2 { padding: 72px 0; }
  .vc-sobre2 .vc-values2-grid { grid-template-columns: 1fr; }
  .vc-sobre2 .vc-value2 { padding: 36px 24px; }
}

/* ====================================================
   CATALOG
   ==================================================== */
.vc-sobre2 .vc-catalog {
  padding: 120px 0;
  background: #f6f3ee;
}
.vc-sobre2 .vc-catalog-grid {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 80px;
  align-items: start;
}
.vc-sobre2 .vc-catalog-text { position: sticky; top: 40px; }
.vc-sobre2 .vc-catalog-lead {
  margin: 24px 0 32px;
  color: #555;
  font-size: 1.05rem;
}
.vc-sobre2 .vc-catalog-list {
  list-style: none;
  margin: 0; padding: 0;
}
.vc-sobre2 .vc-catalog-list li {
  display: grid;
  grid-template-columns: 80px 1fr;
  gap: 24px;
  padding: 28px 0;
  border-bottom: 1px solid #e0d9c7;
  align-items: start;
}
.vc-sobre2 .vc-catalog-list li:last-child { border-bottom: none; }
.vc-sobre2 .vc-catalog-list li > span {
  font-size: 2.4rem;
  font-weight: 300;
  color: #004e74;
  font-family: Georgia, serif;
  line-height: 1;
  opacity: .8;
}
.vc-sobre2 .vc-catalog-list li h4 {
  font-size: 1.15rem;
  font-weight: 600;
  color: #0d2638;
  margin: 4px 0 6px;
}
.vc-sobre2 .vc-catalog-list li p {
  color: #6b7280;
  font-size: .95rem;
  margin: 0;
}
@media (max-width: 860px) {
  .vc-sobre2 .vc-catalog { padding: 72px 0; }
  .vc-sobre2 .vc-catalog-grid { grid-template-columns: 1fr; gap: 40px; }
  .vc-sobre2 .vc-catalog-text { position: static; }
  .vc-sobre2 .vc-catalog-list li { grid-template-columns: 56px 1fr; gap: 16px; }
}

/* ====================================================
   POR QUE COMPRAR
   ==================================================== */
.vc-sobre2 .vc-reasons2 {
  padding: 120px 0;
  background: #fff;
}
.vc-sobre2 .vc-reasons2-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 18px;
  max-width: 1000px;
  margin: 0 auto;
}
.vc-sobre2 .vc-reason2 {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 22px 24px;
  background: #f6f3ee;
  border-left: 3px solid #004e74;
  border-radius: 0;
  transition: transform .25s ease, background .25s ease;
}
.vc-sobre2 .vc-reason2:hover {
  transform: translateY(-3px);
  background: #efe9d9;
}
.vc-sobre2 .vc-check2 {
  flex: 0 0 32px;
  width: 32px; height: 32px;
  background: #004e74;
  color: #fff;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-weight: 700;
}
.vc-sobre2 .vc-reason2 p {
  margin: 0;
  color: #1f2937;
  font-weight: 500;
}
@media (max-width: 760px) {
  .vc-sobre2 .vc-reasons2 { padding: 72px 0; }
}

/* ====================================================
   CTA FINAL
   ==================================================== */
.vc-sobre2 .vc-cta2 {
  background: #004e74;
  background-image:
    radial-gradient(circle at 20% 20%, rgba(255,255,255,0.06), transparent 60%),
    radial-gradient(circle at 80% 80%, rgba(255,255,255,0.04), transparent 60%);
  color: #fff;
  padding: 120px 24px;
  text-align: center;
}
.vc-sobre2 .vc-cta2-inner { max-width: 720px; }
.vc-sobre2 .vc-cta2-logo {
  max-width: 220px;
  margin: 0 auto 32px;
  opacity: .95;
}
.vc-sobre2 .vc-cta2 h2 {
  font-size: clamp(1.8rem, 3.2vw, 2.6rem);
  font-weight: 300;
  margin: 0 0 16px;
  color: #fff;
  letter-spacing: -0.3px;
}
.vc-sobre2 .vc-cta2 p {
  color: rgba(255,255,255,0.85);
  margin: 0 0 36px;
  font-size: 1.1rem;
}
@media (max-width: 760px) {
  .vc-sobre2 .vc-cta2 { padding: 80px 24px; }
}

/* ====================================================
   BOTÕES
   ==================================================== */
.vc-sobre2 .vc-btn2 {
  display: inline-block;
  padding: 16px 38px;
  border-radius: 0;
  font-weight: 600;
  text-decoration: none;
  font-size: .85rem;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  transition: transform .25s ease, box-shadow .25s ease, background .25s ease, color .25s ease;
  cursor: pointer;
  border: 2px solid transparent;
}
.vc-sobre2 .vc-btn2-dark {
  background: #004e74;
  color: #fff;
  border-color: #004e74;
}
.vc-sobre2 .vc-btn2-dark:hover {
  background: transparent;
  color: #004e74;
  transform: translateY(-2px);
}
.vc-sobre2 .vc-btn2-light {
  background: transparent;
  color: #fff;
  border-color: #fff;
}
.vc-sobre2 .vc-btn2-light:hover {
  background: #fff;
  color: #004e74;
  transform: translateY(-2px);
}

/* ====================================================
   ANIMAÇÃO ENTRADA
   ==================================================== */
.vc-sobre2 .vc-manifesto,
.vc-sobre2 .vc-counters,
.vc-sobre2 .vc-values2,
.vc-sobre2 .vc-catalog,
.vc-sobre2 .vc-reasons2,
.vc-sobre2 .vc-cta2 {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .9s ease, transform .9s ease;
}
.vc-sobre2 .vc-visible2 { opacity: 1 !important; transform: none !important; }




/* ====== PUBLIQUE SEU LIVRO — Vida & Caminho ======
   Tudo escopado dentro de .vc-pub para não conflitar
   com o template da Loja Integrada.
*/
.vc-pub,
.vc-pub *,
.vc-pub *::before,
.vc-pub *::after{box-sizing:border-box}
.vc-pub{
  /* Isolation cria um stacking context próprio,
     evitando que o conteúdo da loja "vaze" para dentro
     do nosso hero (z-index/position absoluta). */
  position:relative;
  z-index:0;
  isolation:isolate;
  display:block;
  width:100%;
  overflow:hidden;
  --vc-azul:#004e74;
  --vc-azul-2:#003a57;
  --vc-amarelo:#e5933b;
  --vc-verde:#27a585;
  --vc-cinza:#f3f4f6;
  --vc-cinza-2:#e5e7eb;
  --vc-cinza-3:#9ca3af;
  --vc-texto:#1f2937;
  --vc-texto-2:#6b7280;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  color:var(--vc-texto);
  line-height:1.55;
}
.vc-pub h1,.vc-pub h2,.vc-pub h3,.vc-pub h4{margin:0;font-weight:700;letter-spacing:-.01em}
.vc-pub p{margin:0}
.vc-pub-container{max-width:1180px;margin:0 auto;padding:0 24px}

/* HERO — alta especificidade para vencer CSS global da Loja Integrada */
.vc-pub .vc-pub-hero{
  position:relative !important;min-height:60vh !important;display:flex !important;align-items:center !important;
  background:linear-gradient(120deg,rgba(0,58,87,.85),rgba(0,78,116,.7)),url('https://cdn.awsli.com.br/2945/2945019/arquivos/hero.jpg') center/cover no-repeat !important;
  color:#fff !important;padding:80px 0 !important;margin:0 !important;width:100% !important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif !important;
}
.vc-pub .vc-pub-hero > :not(.vc-pub-hero__overlay):not(.vc-pub-hero__inner){display:none !important}
.vc-pub .vc-pub-hero__inner{
  max-width:1180px !important;margin:0 auto !important;padding:0 24px !important;width:100% !important;
  position:relative !important;z-index:2 !important;
}
.vc-pub .vc-pub-hero__eyebrow{
  text-transform:uppercase !important;letter-spacing:.25em !important;
  font-size:.78rem !important;opacity:.85 !important;margin:0 0 14px !important;
  color:#fff !important;font-weight:500 !important;line-height:1.4 !important;
}
.vc-pub .vc-pub-hero__title{
  font-size:clamp(2.2rem,5vw,3.6rem) !important;line-height:1.05 !important;
  margin:0 0 18px !important;color:#fff !important;font-weight:700 !important;
  letter-spacing:-.01em !important;text-transform:none !important;
}
.vc-pub .vc-pub-hero__sub{
  max-width:620px !important;font-size:1.05rem !important;opacity:.92 !important;
  margin:0 0 28px !important;color:#fff !important;line-height:1.55 !important;font-weight:400 !important;
}
.vc-pub .vc-pub-hero__cta{
  display:inline-block !important;background:#fff !important;color:var(--vc-azul) !important;
  font-weight:700 !important;padding:14px 32px !important;border-radius:999px !important;
  text-decoration:none !important;transition:.25s !important;font-size:1rem !important;
  border:0 !important;line-height:1.2 !important;
}
.vc-pub .vc-pub-hero__cta:hover{transform:translateY(-2px) !important;box-shadow:0 14px 30px rgba(0,0,0,.2) !important;color:var(--vc-azul) !important}

/* INTRO */
.vc-pub-intro{padding:90px 0;background:#fff}
.vc-pub-intro__grid{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:center}
.vc-pub-intro__media{position:relative}
.vc-pub-intro__media img{
  width:100%;height:auto;display:block;
}
.vc-pub-intro__eyebrow{
  text-transform:uppercase;letter-spacing:.22em;font-size:.78rem;color:var(--vc-azul);
  font-weight:700;margin-bottom:14px;
}
.vc-pub-intro h2{font-size:clamp(1.7rem,3vw,2.3rem);color:var(--vc-azul);margin-bottom:18px;line-height:1.2}
.vc-pub-intro__text > p{color:var(--vc-texto-2);font-size:1.02rem;margin-bottom:22px}
.vc-pub-intro__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}
.vc-pub-intro__list li{
  position:relative;padding-left:30px;color:var(--vc-texto);font-size:.98rem;
}
.vc-pub-intro__list li::before{
  content:"";position:absolute;left:0;top:7px;width:18px;height:18px;border-radius:50%;
  background:var(--vc-azul);
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>") center/14px no-repeat;
          mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>") center/14px no-repeat;
}
@media (max-width:880px){
  .vc-pub-intro{padding:60px 0}
  .vc-pub-intro__grid{grid-template-columns:1fr;gap:36px;text-align:center}
  .vc-pub-intro__list li{text-align:left}
  .vc-pub-intro__media{max-width:340px;margin:0 auto}
}

/* FORM WRAPPER */
.vc-pub-form-wrap{padding:80px 0 100px;background:var(--vc-cinza)}
.vc-pub-form-title{text-align:center;margin-bottom:50px;font-size:clamp(1.5rem,3vw,2rem);line-height:1.25}
.vc-pub-form-title strong{display:block;color:#0f172a}
.vc-pub-form-title span{display:block;font-weight:400;color:#1f2937;margin-top:4px}

/* STEPPER */
.vc-pub-stepper{
  list-style:none;padding:0;margin:0 auto 44px;display:flex;justify-content:space-between;
  max-width:880px;position:relative;
}
.vc-pub-stepper::before{
  content:"";position:absolute;top:22px;left:5%;right:5%;height:1px;background:var(--vc-cinza-2);z-index:0;
}
.vc-pub-step{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:8px;flex:0 0 auto}
.vc-pub-step__num{
  width:46px;height:46px;border-radius:50%;background:var(--vc-cinza-3);color:#fff;
  display:flex;align-items:center;justify-content:center;font-weight:700;font-style:italic;font-size:1.1rem;
  transition:.3s;border:4px solid var(--vc-cinza);
}
.vc-pub-step__lbl{font-size:.85rem;color:var(--vc-cinza-3);font-weight:500}
.vc-pub-step.is-active .vc-pub-step__num{background:var(--vc-azul)}
.vc-pub-step.is-active .vc-pub-step__lbl{color:var(--vc-azul);font-weight:600}
.vc-pub-step.is-done .vc-pub-step__num{background:var(--vc-azul);opacity:.8}

/* PANELS */
.vc-pub-form{max-width:1080px;margin:0 auto}
.vc-pub-panel{display:none;border:0;padding:0;margin:0;animation:vcFade .35s ease}
.vc-pub-panel.is-active{display:block}
@keyframes vcFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.vc-pub-panel__title{font-size:1.35rem;color:#0f172a;margin-bottom:8px}
.vc-pub-panel__sub{color:var(--vc-texto-2);margin-bottom:26px;font-size:.95rem}

/* PLANS */
.vc-pub-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-bottom:24px;margin-top: 30px;}
.vc-pub-plan{
  position:relative;border-radius:18px;padding:28px 22px 22px;color:#fff;text-align:center;
  box-shadow:0 18px 40px -22px rgba(0,0,0,.35);
  transition:.3s;
}
.vc-pub-plan--basico{background:linear-gradient(160deg,#3a5b8a,#2c4a73)}
.vc-pub-plan--inter{background:linear-gradient(160deg,#e89a3a,#cf7d1e)}
.vc-pub-plan--avanc{background:linear-gradient(160deg,#2fb892,#1f8e6e)}
.vc-pub-plan__radio{position:absolute;top:14px;left:14px;cursor:pointer}
.vc-pub-plan__radio input{position:absolute;opacity:0;inset:0;cursor:pointer}
.vc-pub-plan__radio span{
  display:block;width:20px;height:20px;border-radius:50%;background:#fff;
  border:2px solid #fff;box-shadow:inset 0 0 0 2px transparent;
}
.vc-pub-plan__radio input:checked + span{box-shadow:inset 0 0 0 4px #e11d48}
.vc-pub-plan__icon{
  width:62px;height:62px;border-radius:50%;background:#1aa9d9;color:#fff;
  display:flex;align-items:center;justify-content:center;margin:-50px auto 14px;
  box-shadow:0 8px 18px rgba(0,0,0,.2);
}
.vc-pub-plan--basico .vc-pub-plan__icon{background:#1aa9d9}
.vc-pub-plan--inter .vc-pub-plan__icon{background:#1c3b6b}
.vc-pub-plan--avanc .vc-pub-plan__icon{background:#0f5e4f}
.vc-pub-plan__icon svg{width:30px;height:30px}
.vc-pub-plan__name{font-size:1.7rem;line-height:1.05;margin-bottom:10px}
.vc-pub-plan__name span{display:block;font-weight:400;opacity:.85;font-size:1.45rem}
.vc-pub-plan__desc{font-size:.92rem;opacity:.95;min-height:42px;margin-bottom:14px}
.vc-pub-plan__paylbl{
  display:block;color:var(--vc-texto-2);font-size:.85rem;margin:18px 0 8px;
  text-align:center;
}
.vc-pub-plan{position:relative}
.vc-pub-plan__paylbl,
.vc-pub-plan__pay{position:relative}
.vc-pub-plan__pay{
  width:100%;padding:12px 16px;border-radius:999px;border:1px solid var(--vc-cinza-2);
  background:#fff;color:var(--vc-texto);font-size:.92rem;
  appearance:none;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path fill='%236b7280' d='M0 0l5 6 5-6z'/></svg>");
  background-repeat:no-repeat;background-position:right 16px center;
  cursor:pointer;
}
.vc-pub-plan__pay:disabled{opacity:.55;cursor:not-allowed}

/* Move payment select OUTSIDE the colored card (visually separated) */
.vc-pub-plan__paylbl,.vc-pub-plan__pay{
  background-clip:padding-box;
}
/* place label/select below colored card */
.vc-pub-plan{display:flex;flex-direction:column}
.vc-pub-plan__paylbl{
  margin-top:auto;background:transparent;color:#fff;opacity:.9;
}

/* container trick: colored card + select stacked */
.vc-pub-plans .vc-pub-plan{
  background-clip:padding-box;
}

.vc-pub-obs{
  background:transparent;color:var(--vc-texto-2);font-size:.9rem;margin:24px 0 0;text-align:left;
}

/* SPECS */
.vc-pub-specs{display:grid;grid-template-columns:repeat(2,1fr);gap:30px 40px;margin-bottom:10px}
.vc-pub-spec{display:flex;gap:16px;align-items:flex-start}
.vc-pub-spec__icon{
  flex:0 0 auto;width:58px;height:58px;border-radius:50%;background:var(--vc-azul);color:#fff;
  display:flex;align-items:center;justify-content:center;
}
.vc-pub-spec__icon svg{width:26px;height:26px}
.vc-pub-spec__body h4{color:var(--vc-texto-2);font-size:1rem;margin-bottom:8px;text-transform:none}
.vc-pub-spec__body label{display:inline-flex;align-items:center;gap:8px;margin-right:18px;font-size:.95rem;color:var(--vc-texto);cursor:pointer}
.vc-pub-spec__body input[type="radio"]{accent-color:#e11d48}

/* GRID + FIELDS */
.vc-pub-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px 18px}
.vc-pub-col-3{grid-column:span 3}
.vc-pub-col-4{grid-column:span 4}
.vc-pub-col-6{grid-column:span 6}
.vc-pub-col-9{grid-column:span 9}
.vc-pub-col-12{grid-column:span 12}
.vc-pub-field input,.vc-pub-field select,.vc-pub-field textarea{
  width:100%;padding:14px 18px;border-radius:999px;border:1px solid var(--vc-cinza-2);
  background:#fff;font-size:.95rem;color:var(--vc-texto);
  font-family:inherit;outline:none;transition:.2s;
}
.vc-pub-field textarea{border-radius:14px;resize:vertical;min-height:130px}
.vc-pub-field select{
  appearance:none;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path fill='%236b7280' d='M0 0l5 6 5-6z'/></svg>");
  background-repeat:no-repeat;background-position:right 18px center;cursor:pointer;
}
.vc-pub-field input:focus,.vc-pub-field select:focus,.vc-pub-field textarea:focus{
  border-color:var(--vc-azul);box-shadow:0 0 0 3px rgba(0,78,116,.12);
}
.vc-pub-field.is-error input,.vc-pub-field.is-error select{border-color:#e11d48;background:#fff5f5}

/* FILE */
.vc-pub-file{position:relative}
.vc-pub-file input[type="file"]{position:absolute;inset:0;opacity:0;cursor:pointer;z-index:2}
.vc-pub-file label{
  display:flex;align-items:center;gap:0;padding:0;border:1px solid var(--vc-cinza-2);
  border-radius:999px;background:#fff;overflow:hidden;cursor:pointer;
}
.vc-pub-file__btn{padding:12px 18px;background:#f9fafb;border-right:1px solid var(--vc-cinza-2);font-weight:600;color:var(--vc-texto);font-size:.9rem}
.vc-pub-file__name{padding:12px 16px;color:var(--vc-cinza-3);font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* CHECKBOX */
.vc-pub-check{display:flex;gap:10px;align-items:flex-start;margin-top:8px;font-size:.92rem;color:var(--vc-texto)}
.vc-pub-check input[type="checkbox"]{accent-color:#e11d48;margin-top:3px}
.vc-pub-check a{color:var(--vc-azul);font-weight:600;text-decoration:none}
.vc-pub-check a:hover{text-decoration:underline}

/* ACTIONS */
.vc-pub-actions{display:flex;justify-content:space-between;align-items:center;margin-top:36px;gap:14px}
.vc-pub-btn{
  border:0;cursor:pointer;font-weight:700;font-size:.95rem;font-family:inherit;
  padding:14px 36px;border-radius:999px;transition:.25s;
}
.vc-pub-btn--next,.vc-pub-btn--send{background:var(--vc-azul);color:#fff}
.vc-pub-btn--next:hover,.vc-pub-btn--send:hover{background:var(--vc-azul-2);transform:translateY(-1px)}
.vc-pub-btn--back{background:#e5e7eb;color:#374151}
.vc-pub-btn--back:hover{background:#d1d5db}
.vc-pub-btn--send.is-loading{opacity:.65;cursor:wait}

.vc-pub-feedback{margin-top:18px;font-size:.95rem;color:var(--vc-azul);font-weight:600;text-align:right}
.vc-pub-feedback.is-error{color:#e11d48}

/* RESPONSIVE */
@media (max-width:880px){
  .vc-pub-plans{grid-template-columns:1fr;gap:48px 0}
  .vc-pub-specs{grid-template-columns:1fr;gap:26px}
  .vc-pub-col-3,.vc-pub-col-4,.vc-pub-col-6,.vc-pub-col-9{grid-column:span 12}
  .vc-pub-stepper{max-width:100%}
  .vc-pub-stepper::before{left:10%;right:10%}
  .vc-pub-step__num{width:40px;height:40px;font-size:1rem}
  .vc-pub-actions{flex-direction:column-reverse}
  .vc-pub-actions .vc-pub-btn{width:100%}
  .vc-pub-form-wrap{padding:50px 0 70px}
  .vitrine-video .titulo-categoria,
  .vitrine-blog .titulo-categoria{
        flex-direction: column!important;
    }
  .vitrine-video .titulo-categoria .texto-solacast,
  .vitrine-blog .titulo-categoria .texto-blog{
       text-align: center!important;
       font-size: 12px!important;
       margin-top: 15px!important;
    }
}

@import url('https://fonts.googleapis.com/css2?family=Sora:wght@100..800&display=swap');

/* =================================================================
   DOIS CORAÇÕES E UMA HISTÓRIA — Landing Page
   Tudo escopado sob .dch-page para isolar do tema da loja.
   Paleta: teal #1f7a8c · coral #d97a6c · creme #f6efe6
   Fonte: Sora (Google Fonts)
   ================================================================= */

.dch-page,
.dch-page * {
  box-sizing: border-box;
}
.dch-page {
  font-family: "Sora", sans-serif;
  font-optical-sizing: auto;
  color: #333;
  line-height: 1.5;
}
.dch-page [class^="dch-"],
.dch-page [class*=" dch-"] {
  font-family: "Sora", sans-serif;
  font-optical-sizing: auto;
}
.dch-page .dch-bold { font-weight: 700; }
.dch-page .dch-light { font-weight: 200; }

.dch-page .dch-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
}

.dch-page .dch-section {
  opacity: 0;
  transform: translateY(20px);
  transition:
    opacity 0.8s ease,
    transform 0.8s ease;
}
.dch-page .dch-section.dch-visible {
  opacity: 1;
  transform: none;
}

/* ---------- HERO ---------- */
.dch-page .dch-hero { line-height: 0; }
.dch-page .dch-hero img {
  width: 100%;
  height: auto;
  display: block;
}

/* ---------- DOR ---------- */
.dch-page .dch-dor {
  background: #d97a6c;
  color: #fff;
  padding: 70px 0;
}
.dch-page .dch-dor-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
}
.dch-page .dch-dor-title {
  font-weight: 400;
  font-size: 38px;
  line-height: 1.15;
  margin: 0 0 24px;
  letter-spacing: 0.5px;
  color: #fff;
}
.dch-page .dch-dor-line1 { display: block; color: #fff; }
.dch-page .dch-dor-line2 {
  display: inline-block;
  background: #1f7a8c;
  color: #fff;
  font-weight: 700;
  padding: 4px 14px 6px;
  margin-top: 6px;
  font-size: 30px;
}
.dch-page .dch-dor p {
  font-size: 15px;
  line-height: 1.6;
  margin: 0 0 14px;
  max-width: 440px;
  color: #fff;
}
.dch-page .dch-dor-img img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
}

/* ---------- SOBRE ---------- */
.dch-page .dch-sobre {
  background: #fff;
  padding: 0;
  width: 100%;
}
.dch-page .dch-sobre-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  align-items: stretch;
  min-height: 600px;
}
.dch-page .dch-sobre-img {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.dch-page .dch-sobre-img img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}
.dch-page .dch-sobre-text {
  display: flex;
  align-items: center;
  padding: 70px 60px;
}
.dch-page .dch-sobre-inner { max-width: 560px; }

.dch-page .dch-h2 {
  font-weight: 400;
  color: #1f7a8c;
  font-size: 28px;
  margin: 0 0 18px;
  letter-spacing: 0.3px;
}
.dch-page .dch-h2 .dch-bold { font-weight: 800; }
.dch-page .dch-h2 .dch-light { font-weight: 300; color: #1f7a8c; }
.dch-page .dch-h2-coral { color: #d97a6c; margin-top: 36px; }
.dch-page .dch-h2-coral .dch-bold { color: #d97a6c; }

.dch-page .dch-sobre-text p {
  color: #333;
  line-height: 1.6;
  margin: 0 0 12px;
  font-size: 15px;
}
.dch-page .dch-list {
  margin: 0 0 16px;
  padding-left: 22px;
  color: #333;
  font-size: 15px;
  line-height: 1.7;
}
.dch-page .dch-list li { margin-bottom: 4px; }

/* ---------- BOTÃO IMAGEM ---------- */
.dch-page .dch-btn-img {
  display: inline-block;
  text-decoration: none;
  transition: transform 0.2s;
}
.dch-page .dch-btn-img:hover { transform: translateY(-2px); }
.dch-page .dch-btn-img img {
  display: block;
  max-width: 100%;
  height: auto;
}

/* ---------- DEPOIMENTOS ---------- */
.dch-page .dch-depo {
  background: #f6efe6;
  padding: 70px 0 50px;
  position: relative;
  overflow: hidden;
}
.dch-page .dch-depo-title {
  text-align: center;
  color: #d97a6c;
  font-weight: 800;
  font-size: 30px;
  letter-spacing: 2px;
  margin: 0 0 40px;
}
.dch-page .dch-depo-carousel {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  z-index: 2;
}
.dch-page .dch-depo-track {
  display: flex;
  gap: 24px;
  width: max-content;
  animation: dch-depo-scroll 40s linear infinite;
}
.dch-page .dch-depo-carousel:hover .dch-depo-track,
.dch-page .dch-depo-carousel:focus-within .dch-depo-track {
  animation-play-state: paused;
}
@keyframes dch-depo-scroll {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
.dch-page .dch-depo-card {
  flex: 0 0 360px;
  background: #fff;
  border-radius: 8px;
  padding: 28px 24px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05);
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.dch-page .dch-depo-quote {
  font-size: 13px;
  line-height: 1.6;
  color: #444;
  margin: 0 0 22px;
}
.dch-page .dch-depo-name {
  color: #1f7a8c;
  font-weight: 800;
  font-size: 18px;
  margin: 0 0 4px;
}
.dch-page .dch-depo-role {
  font-style: italic;
  color: #777;
  font-size: 12px;
  margin: 0;
}
.dch-page .dch-depo-dots {
  text-align: center;
  margin-top: 28px;
}
.dch-page .dch-depo-dots span {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #c9bfb3;
  margin: 0 4px;
  cursor: pointer;
  transition: background 0.3s;
}
.dch-page .dch-depo-dots span.dch-active {
  background: #1f7a8c;
}
.dch-page .dch-depo-mobile {
  position: absolute;
  right: 5%;
  top: 0px;
  width: 250px;
  height: auto;
  pointer-events: none;
  z-index: 0;
  opacity: 0.9;
}
.dch-page .dch-depo > .dch-container { position: relative; z-index: 2; }

/* ---------- PRÉ-VENDA ---------- */
.dch-page .dch-prevenda {
  background: #fff;
  padding: 80px 0;
}
.dch-page .dch-prevenda-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
}
.dch-page .dch-prevenda-img img {
  width: 100%;
  max-width: 420px;
  height: auto;
  display: block;
  margin: 0 auto;
}
.dch-page .dch-prevenda-text p {
  color: #333;
  font-size: 15px;
  line-height: 1.6;
  margin: 0 0 12px;
}
.dch-page .dch-callout {
  background: #1f7a8c;
  color: #fff;
  padding: 18px 22px;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.6;
  margin: 22px 0;
}

/* ---------- RESPONSIVO ---------- */
@media (max-width: 900px) {
  .dch-page .dch-dor-grid,
  .dch-page .dch-prevenda-grid {
    grid-template-columns: 1fr;
    gap: 36px;
  }
  .dch-page .dch-sobre-split {
    grid-template-columns: 1fr;
    min-height: 0;
  }
  .dch-page .dch-sobre-img img { height: auto; }
  .dch-page .dch-sobre-text { padding: 40px 24px; }
  .dch-page .dch-depo-card { flex: 0 0 280px; }
  .dch-page .dch-depo-mobile { display: none; }
  .dch-page .dch-dor-title { font-size: 30px; }
  .dch-page .dch-dor-line2 { font-size: 24px; }
  .dch-page .dch-h2 { font-size: 24px; }
  .dch-page .dch-dor { padding: 50px 0; }
  .dch-page .dch-prevenda { padding: 50px 0; }
}

@import url('https://fonts.googleapis.com/css2?family=Sora:wght@200;300;400;600;700;800&display=swap');

/* =================================================================
   INSTANTES PARA MATERNAR COM LEVEZA E CORAGEM — Landing Page
   Escopo: .imc-page (isolado do tema da loja)
   Paleta: rosa-mauve #b06987 · vinho #6b1f3a · laranja #e89344 ·
           creme #f6efe6 · texto #3a2a32
   Fonte: Sora
   ================================================================= */

.imc-page,
.imc-page * { box-sizing: border-box; }
.imc-page {
  font-family: "Sora", sans-serif;
  color: #3a2a32;
  line-height: 1.5;
}
.imc-page [class^="imc-"],
.imc-page [class*=" imc-"] { font-family: "Sora", sans-serif; }

.imc-page .imc-bold { font-weight: 700; }
.imc-page .imc-light { font-weight: 300; }

.imc-page .imc-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
}

.imc-page .imc-section {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity .8s ease, transform .8s ease;
}
.imc-page .imc-section.imc-visible {
  opacity: 1;
  transform: none;
}

/* ---------- HERO ---------- */
.imc-page .imc-hero { line-height: 0; }
.imc-page .imc-hero img {
  width: 100%;
  height: auto;
  display: block;
}

/* ---------- CONVERSA COM O CORAÇÃO ---------- */
.imc-page .imc-conversa {
  background: #e89344;
  color: #fff;
  padding: 70px 0;
}
.imc-page .imc-conversa-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
}
.imc-page .imc-conversa-title {
  font-weight: 400;
  font-size: 28px;
  line-height: 1;
  margin: 0 0 22px;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
}
.imc-page .imc-conversa-line {
  display: inline-block;
  background: #b06987;
  color: #fff;
  padding: 10px 18px;
  margin: 0;
  font-weight: 700;
  letter-spacing: .5px;
}
.imc-page .imc-conversa-line + .imc-conversa-line {
  background: #6b1f3a;
}
.imc-page .imc-conversa-line.fine { font-weight: 100; }
.imc-page .imc-conversa p {
  margin: 0 0 14px;
  font-size: 15px;
  line-height: 1.6;
  color: #fff;
}
.imc-page .imc-conversa .imc-list { color: #fff; }
.imc-page .imc-conversa-img img {
  width: 100%;
  height: auto;
  display: block;
}

/* ---------- LISTA com bullet rosa ---------- */
.imc-page .imc-list {
  list-style: none;
  margin: 0 0 16px;
  padding: 0;
  font-size: 15px;
  line-height: 1.7;
  list-style-type: none !important;
  margin: 0px 0px 10px 10px !important;
}
.imc-page .imc-list li {
  position: relative;
  padding-left: 18px;
  margin-bottom: 4px;
}
.imc-page .imc-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #b06987;
}
.imc-page .imc-conversa .imc-list li::before { background: #6b1f3a; }
.imc-page .imc-list-orange li::before { background: #e89344; }
.imc-page .imc-list-hearts li {
  padding-left: 24px;
}
.imc-page .imc-list-hearts li::before {
  content: "♥";
  background: transparent;
  color: #b06987;
  width: auto;
  height: auto;
  font-size: 26px !important;
  top: -2px !important;
  line-height: 1;
}

/* ---------- TRECHOS / PARA QUEM ---------- */
.imc-page .imc-trechos {
  background: #fff;
  padding: 0;
}
.imc-page .imc-trechos-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  max-width: none;
  padding: 0;
  align-items: stretch;
  min-height: 600px;
}
.imc-page .imc-trechos-img {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.imc-page .imc-trechos-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.imc-page .imc-trechos-text {
  padding: 70px 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 620px;
}

.imc-page .imc-h2 {
  font-weight: 400;
  color: #b06987;
  font-size: 28px;
  line-height: 1.2;
  margin: 0 0 18px;
  letter-spacing: .3px;
}
.imc-page .imc-h2 .imc-bold { font-weight: 800; color: inherit; }
.imc-page .imc-h2 .imc-light { font-weight: 300; color: inherit; }
.imc-page .imc-h2-spaced { margin-top: 36px; }
.imc-page .imc-h2-rose { color: #b06987; }
.imc-page .imc-h2-orange { color: #e89344; }

.imc-page .imc-quote {
  font-size: 14px;
  line-height: 1.6;
  color: #3a2a32;
  margin: 0 0 12px;
  font-style: italic;
}

/* ---------- FINAL (AUTORA + PRÉ-VENDA) ---------- */
.imc-page .imc-final {
  position: relative;
  overflow: hidden;
}
.imc-page .imc-final-bg-top,
.imc-page .imc-final-bg-bottom {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 0;
}
.imc-page .imc-final-bg-top {
  top: 0;
  height: 40%;
  background: #f6efe6;
}
.imc-page .imc-final-bg-bottom {
  bottom: 0;
  height: 60%;
  background: #b06987;
}
.imc-page .imc-final-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
  padding-top: 60px;
  padding-bottom: 60px;
}
.imc-page .imc-final-text {
  display: flex;
  flex-direction: column;
  gap: 36px;
}
.imc-page .imc-final-autora p {
  font-size: 15px;
  line-height: 1.7;
  color: #3a2a32;
  margin: 0 0 12px;
  max-width: 460px;
}
.imc-page .imc-final-prevenda { color: #fff; padding-top: 45px; }
.imc-page .imc-final-prevenda .imc-h2-orange { color: #e89344; }
.imc-page .imc-final-prevenda .imc-list {
  color: #fff;
  font-size: 15px;
  margin: 18px 0 28px;
}
.imc-page .imc-final-prevenda .imc-highlight {
  color: #6b1f3a;
  font-weight: 700;
}
.imc-page .imc-final-img {
  display: inline-block;
  justify-self: center;
  max-width: 480px;
  align-self: center;
}
.imc-page .imc-final-img img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 466px;
}

/* ---------- BOTÃO IMAGEM ---------- */
.imc-page .imc-btn-img {
  display: inline-block;
  text-decoration: none;
  transition: transform .2s;
}
.imc-page .imc-btn-img:hover { transform: translateY(-2px); }
.imc-page .imc-btn-img img {
  display: block;
  max-width: 100%;
  height: auto;
}

/* ---------- RESPONSIVO ---------- */
@media (max-width: 900px) {
  .imc-page .imc-conversa { padding: 50px 0; }

  .imc-page .imc-conversa-grid {
    grid-template-columns: 1fr;
    gap: 36px;
  }
  .imc-page .imc-trechos-grid {
    grid-template-columns: 1fr;
    min-height: 0;
  }
  .imc-page .imc-trechos-img img { height: auto; }
  .imc-page .imc-trechos-text { padding: 40px 24px; max-width: none; }

  .imc-page .imc-conversa .imc-conversa-title,
  .imc-page .imc-conversa .imc-h2 { font-size: 18px; }
  .imc-page .imc-h2 { font-size: 24px; }

  .imc-page .imc-final-grid {
    grid-template-columns: 1fr;
    gap: 36px;
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .imc-page .imc-final-bg-top { height: 65%; }
  .imc-page .imc-final-bg-bottom { height: 38%; }
  .imc-page .imc-final-img { max-width: 100%; order: -1; }
}