/* Bianca Zapponi — sistema visual consolidado
   Escopo: revisão geral de front/layout, seguindo a mesma régua de consistência usada no site da Karla,
   preservando a identidade própria da Bianca: verde oliva, areia, dourado, Poppins + serif editorial.
   Este arquivo deve ser carregado por último entre os CSS customizados da Bianca. */

:root {
  --bz-container: 124rem;
  --bz-reading: 82rem;
  --bz-h1: 5.2rem;
  --bz-h2: 4.2rem;
  --bz-h3: 2.4rem;
  --bz-lead: 2rem;
  --bz-copy-size: 1.62rem;
  --bz-section-space: clamp(5rem, 6.5vw, 8rem);
  --bz-card-padding: 2.4rem;
  --bz-card-border: rgba(85, 98, 74, .13);
  --bz-card-shadow: 0 .8rem 2.4rem rgba(47, 52, 55, .05);
  --bz-photo-border: rgba(184, 155, 114, .42);
  --bz-photo-shadow: 0 1.2rem 3rem rgba(47, 52, 55, .10);
  --bz-media-frame-padding: .6rem;
  --bz-display: var(--font-heading-family);
  --bz-body: var(--font-body-family);
  --bz-radius-sm: 1.0rem;
  --bz-radius-md: 1.4rem;
  --bz-radius-lg: 1.8rem;
}

/* 1. Tipografia e escala */
.bz-home,
.bz-page,
.bz-par-page,
.bzds,
.bz-diagnostico {
  font-family: var(--bz-body);
}

.bz-home .bz-heading,
.bz-page h1, .bz-page h2, .bz-page h3,
.bz-par-page h1, .bz-par-page h2, .bz-par-page h3,
.bzds h1, .bzds h2, .bzds h3,
.bz-diagnostico h1, .bz-diagnostico h2, .bz-diagnostico h3,
main[data-template="page"] .main-page-title {
  font-family: var(--bz-display);
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0;
}

.bz-home .bz-hero .bz-heading,
.bz-page-hero__title,
.bz-par-page h1,
.bzds__hero h1,
.bz-diagnostico__hero h1 {
  font-size: var(--bz-h1) !important;
  line-height: 1.08 !important;
}

.bz-home .bz-heading,
.bz-home .bz-heading--small,
.bz-page__title,
.bz-page-cta__title,
.bz-par-page h2,
.bzds h2,
.bz-diagnostico__section h2,
.bz-diagnostico__form-section h2,
main[data-template="page"] .main-page-title {
  font-size: var(--bz-h2) !important;
  line-height: 1.13 !important;
}

.bz-home .bz-pillar h3,
.bz-home .bz-profile h3,
.bz-home .bz-solution h3,
.bz-page h3,
.bz-par-page h3,
.bzds h3,
.bz-diagnostico h3 {
  font-size: var(--bz-h3) !important;
  line-height: 1.2 !important;
}

.bz-copy, .bz-copy p,
.bz-page__copy, .bz-page__copy p,
.bz-par-page p,
.bzds p, .bzds li,
.bz-diagnostico p,
main[data-template="page"] .rte,
main[data-template="page"] .rte p,
main[data-template="page"] .rte li {
  font-family: var(--bz-body);
  font-size: var(--bz-copy-size) !important;
  line-height: 1.78 !important;
}

/* Subtítulos longos: legibilidade funcional, não novo título decorativo. */
.bz-page-hero__subtitle,
.bzds__hero-lead {
  font-family: var(--bz-body) !important;
  font-size: var(--bz-lead) !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  letter-spacing: 0 !important;
}

/* 2. Containers e ritmo */
.bz-container,
.bz-page__shell,
.bz-par-container,
.bzds .bz-page__shell,
.bz-diagnostico .bz-page__shell {
  width: min(100% - 4rem, var(--bz-container));
  max-width: var(--bz-container);
  margin-inline: auto;
}

.bz-section,
.bz-page-editorial,
.bz-page-pillars,
.bz-page-audience,
.bz-page-process,
.bz-page-faq,
.bz-page-cta,
.bz-page-hero,
.bz-par-page,
.bzds__about,
.bzds__fit,
.bzds__pillars,
.bzds__closing,
.bzds__story,
.bzds__outcomes,
.bzds__format,
.bzds__topics,
.bzds__proof,
.bzds__investment,
.bz-diagnostico__hero,
.bz-diagnostico__section,
.bz-diagnostico__form-section {
  padding-block: var(--bz-section-space);
}

/* A home já tem o hero dividido; evita altura artificial de viewport. */
.bz-hero { min-height: auto !important; }
.bz-hero__grid,
.bz-presentation__grid,
.bz-book__grid,
.bz-page-hero__grid,
.bz-par-hero__grid,
.bzds__hero-grid {
  gap: clamp(3.2rem, 5vw, 6rem) !important;
}

/* 3. Botões — um único sistema */
.bz-button,
.bz-page-button,
.bz-par-button,
.button,
.shopify-challenge__button,
.customer button {
  min-height: 5rem;
  border-radius: 999px !important;
  font-family: var(--bz-body);
  font-size: 1.22rem !important;
  font-weight: 700 !important;
  line-height: 1.3;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: .02em !important;
}

.bz-button,
.bz-page-button,
.bz-par-button {
  padding: 1.25rem 2.5rem !important;
  box-shadow: 0 1.2rem 3rem rgba(47, 52, 55, .10);
}

.bz-button--gold,
.bz-page-button--gold,
.bz-par-button--gold {
  border-color: var(--bz-gold) !important;
  background: var(--bz-gold) !important;
  color: var(--bz-ink) !important;
}

.bz-button--gold:hover,
.bz-page-button--gold:hover,
.bz-par-button--gold:hover {
  border-color: var(--bz-gold-dark) !important;
  background: var(--bz-gold-dark) !important;
  color: var(--bz-white) !important;
}

.bz-button--outline,
.bz-page-button--outline,
.bz-par-button--outline {
  background: transparent;
}

/* 4. Cards — material único */
.bz-card,
.bz-pillars,
.bz-profile,
.bz-solution,
.bz-testimonial,
.bz-page-editorial__point,
.bz-page-pillar,
.bz-page-process__item,
.bz-par-solutions article,
.bz-par-differentials__grid p,
.bz-par-proof article,
.bzds__pillars-grid article,
.bz-diagnostico__cards article {
  border: 1px solid var(--bz-card-border) !important;
  border-radius: var(--bz-radius-lg) !important;
  background: var(--bz-white);
  box-shadow: var(--bz-card-shadow) !important;
}

.bz-profile,
.bz-solution,
.bz-testimonial,
.bz-page-editorial__point,
.bz-page-pillar,
.bz-page-process__item,
.bz-par-solutions article,
.bz-par-differentials__grid p,
.bz-par-proof article,
.bzds__pillars-grid article,
.bz-diagnostico__cards article {
  padding: var(--bz-card-padding) !important;
}

.bz-page-pillar::before { display: none !important; }

.bz-solution,
.bz-profile,
.bz-testimonial { min-height: 0 !important; }

/* Cinco caminhos na home: 3 + 2 equilibrados, sem cards espremidos. */
.bz-solutions__grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.bz-solutions__grid > :nth-last-child(-n+2) {
  min-width: 0;
}

/* 5. Imagens — mesma moldura em todo o site */
.bz-hero__frame,
.bz-book__media,
.bz-page-hero__media,
.bz-page-editorial__media,
.bz-par-hero__media,
.bz-par-team__media,
.bzds__hero-media {
  box-sizing: border-box;
  padding: var(--bz-media-frame-padding) !important;
  border: 1px solid var(--bz-photo-border) !important;
  border-radius: var(--bz-radius-lg) !important;
  background: transparent !important;
  box-shadow: var(--bz-photo-shadow) !important;
  overflow: hidden;
}

.bz-hero__frame::before,
.bz-hero__frame::after { display: none !important; }

.bz-hero__image,
.bz-book__image,
.bz-page-hero__image,
.bz-page-editorial__image,
.bz-par-hero__media img,
.bz-par-team__media img,
.bzds__hero-media img {
  border-radius: var(--bz-radius-md) !important;
}

/* Hero Despertar: proporção editorial previsível, sem “imagem quebrada”. */
.bzds__hero-media {
  width: min(100%, 46rem);
  justify-self: end;
  aspect-ratio: 4 / 5;
}
.bzds__hero-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 42%;
}

/* Instituto PAR: foto horizontal real, sem altura artificial. */
.bz-par-hero__media {
  width: min(100%, 56rem);
  max-width: 56rem;
  min-height: 0 !important;
  height: auto;
  aspect-ratio: auto;
  justify-self: center;
}
.bz-par-hero__media img {
  width: 100%;
  height: auto !important;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  object-position: center center;
}

/* Arte dos 7 Códigos: tratada como arte/logo, não como retrato. */
.bz-page-hero--7-codigos .bz-page-hero__media {
  display: grid;
  width: min(100%, 36rem) !important;
  max-width: 36rem;
  aspect-ratio: 1 / 1;
  place-items: center;
  justify-self: center;
}
.bz-page-hero__image--7-codigos {
  width: 100%;
  height: 100%;
  object-fit: contain !important;
  object-position: center center !important;
}

/* 6. Paleta e alternância cromática */
.bz-page-hero--wine,
.bz-page--wine,
.bz-page-cta--wine,
.bz-par-hero,
.bz-par-methodology,
.bz-par-contact,
.bzds__statement,
.bzds__format,
.bzds__investment,
.bz-diagnostico__hero {
  background: var(--bz-teal) !important;
  color: var(--bz-white);
}

.bz-page-hero--wine .bz-page-hero__title,
.bz-page--wine .bz-page__title,
.bz-page-cta--wine .bz-page-cta__title,
.bz-par-hero h1,
.bz-par-methodology h2,
.bz-par-methodology h3,
.bz-par-contact h2,
.bzds__statement p,
.bzds__format h2,
.bzds__format h3,
.bzds__investment h2,
.bz-diagnostico__hero h1 {
  color: var(--bz-white) !important;
}

.bz-page--soft,
.bz-page-hero--soft,
.bz-par-intro,
.bz-par-differentials,
.bzds__story,
.bzds__topics,
.bz-diagnostico__form-section {
  background: var(--bz-beige-soft) !important;
}

/* Despertar — sequência de fundos com leitura clara e variedade sem sair da marca. */
.bzds__about,
.bzds__fit,
.bzds__pillars,
.bzds__closing { background: var(--bz-white) !important; }
.bzds__outcomes,
.bzds__proof { background: rgba(184, 155, 114, .11) !important; }
.bzds__mid-cta { background: var(--bz-gold) !important; }

/* 7. Depoimentos Despertar: sem rolagem horizontal e sem cortes */
.bzds__proof-track {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2.4rem;
  max-width: 104rem;
  margin-inline: auto;
  columns: auto !important;
  overflow: visible !important;
}
.bzds__proof-track figure {
  display: block !important;
  width: 100%;
  margin: 0 !important;
  padding: .8rem !important;
  break-inside: auto;
  border: 1px solid var(--bz-photo-border) !important;
  border-radius: var(--bz-radius-md) !important;
  background: var(--bz-white);
  box-shadow: var(--bz-card-shadow);
  align-self: start;
}
.bzds__proof-track img {
  display: block;
  width: 100%;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
  border-radius: var(--bz-radius-sm) !important;
}

/* 8. FAQ — mesmo padrão funcional em home e páginas internas */
.bz-page-faq__list,
.template-index .collapsible-content__wrapper .accordion:first-of-type {
  border-top-color: rgba(85, 98, 74, .18);
}
.bz-page-faq__item,
.template-index .collapsible-content__wrapper .accordion {
  border-bottom-color: rgba(85, 98, 74, .18);
}
.bz-page-faq__question,
.template-index .collapsible-content summary {
  color: var(--bz-teal);
  font-family: var(--bz-body) !important;
  font-size: 1.82rem !important;
  font-weight: 600;
  line-height: 1.45;
}
.bz-page-faq__answer,
.template-index .collapsible-content .accordion__content {
  font-family: var(--bz-body);
  font-size: 1.54rem !important;
  line-height: 1.7;
}
.template-index .collapsible-content__heading {
  color: var(--bz-teal) !important;
  font-family: var(--bz-display) !important;
  font-size: var(--bz-h2) !important;
  font-weight: 500;
  line-height: 1.13;
  letter-spacing: 0 !important;
}

/* 9. Formulários — Contato, PAR e Respondi */
.contact .field__input,
.contact .text-area,
.bz-par-form input,
.bz-par-form textarea {
  border: 1px solid rgba(85, 98, 74, .24) !important;
  border-radius: var(--bz-radius-sm) !important;
  background: var(--bz-white) !important;
  color: var(--bz-ink) !important;
  font-family: var(--bz-body);
  font-size: 1.55rem !important;
}
.contact .field__input { min-height: 5.2rem; }
.contact .text-area,
.bz-par-form textarea { min-height: 13rem; resize: vertical; }
.contact .field__input:focus,
.contact .text-area:focus,
.bz-par-form input:focus,
.bz-par-form textarea:focus {
  border-color: var(--bz-gold-dark) !important;
  box-shadow: 0 0 0 .4rem rgba(184, 155, 114, .10) !important;
  outline: .2rem solid rgba(184, 155, 114, .34) !important;
  outline-offset: .2rem;
}

.bz-diagnostico__form-frame {
  overflow: hidden;
  border: 1px solid var(--bz-photo-border) !important;
  border-radius: var(--bz-radius-lg) !important;
  background: var(--bz-white);
  box-shadow: var(--bz-card-shadow) !important;
}

/* 10. Páginas nativas: Sobre Mim / Contato e demais páginas padrão */
main[data-template="page"] .page-width--narrow {
  max-width: 92rem;
}
main[data-template="page"] .main-page-title {
  margin-bottom: 2.8rem;
  color: var(--bz-teal);
}
main[data-template="page"] .rte {
  color: rgba(47, 52, 55, .80);
}
main[data-template="page"] .rte h2,
main[data-template="page"] .rte h3 {
  color: var(--bz-teal);
  font-family: var(--bz-display);
  font-weight: 500;
  letter-spacing: 0;
}
main[data-template="page"] .rte h2 { font-size: 3.2rem; line-height: 1.2; margin-top: 4rem; }
main[data-template="page"] .rte h3 { font-size: 2.4rem; line-height: 1.25; margin-top: 3rem; }
main[data-template="page"] .rte img {
  box-sizing: border-box;
  padding: var(--bz-media-frame-padding);
  border: 1px solid var(--bz-photo-border);
  border-radius: var(--bz-radius-lg);
  background: transparent;
  box-shadow: var(--bz-photo-shadow);
}

/* 11. Produto, coleção e carrinho — identidade sem reestruturar o Sense */
.product__title h1,
.collection-hero__title,
.title--primary,
.cart__empty-text {
  color: var(--bz-teal);
  font-family: var(--bz-display);
  font-weight: 500;
  letter-spacing: 0;
}
.product__media,
.card__media .media {
  border-radius: var(--bz-radius-md);
}

/* 12. Header/footer — mesma largura de referência e navegação limpa */
.header,
.footer__content-top,
.footer__content-bottom {
  max-width: var(--bz-container);
  margin-inline: auto;
}
.header__heading-link {
  color: var(--bz-teal);
}
.header__menu-item,
.header__icon,
.footer a {
  color: var(--bz-ink);
}
.header__menu-item:hover,
.header__active-menu-item,
.footer a:hover {
  color: var(--bz-gold-dark);
}

/* 13. Acessibilidade e overflow */
.bz-home *, .bz-page *, .bz-par-page *, .bzds *, .bz-diagnostico * { min-width: 0; }
.bz-home h1, .bz-home h2, .bz-home h3,
.bz-page h1, .bz-page h2, .bz-page h3,
.bz-par-page h1, .bz-par-page h2, .bz-par-page h3,
.bzds h1, .bzds h2, .bzds h3 { overflow-wrap: break-word; }

@media screen and (max-width: 1099px) {
  .bz-solutions__grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .bzds__proof-track { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media screen and (max-width: 989px) {
  .bz-page-hero__grid,
  .bz-par-hero__grid,
  .bzds__hero-grid { grid-template-columns: 1fr !important; }
  .bz-page-hero__media,
  .bz-par-hero__media,
  .bzds__hero-media { justify-self: center !important; margin-inline: auto; }
  .bzds__hero-copy { max-width: 82rem; }
}

@media screen and (max-width: 749px) {
  :root {
    --bz-h1: 3.5rem;
    --bz-h2: 3.1rem;
    --bz-h3: 2.2rem;
    --bz-lead: 1.8rem;
    --bz-copy-size: 1.5rem;
    --bz-section-space: 4.4rem;
    --bz-card-padding: 2.2rem;
  }

  .bz-container,
  .bz-page__shell,
  .bz-par-container,
  .bzds .bz-page__shell,
  .bz-diagnostico .bz-page__shell { width: min(100% - 3rem, var(--bz-container)); }

  .bz-button,
  .bz-page-button,
  .bz-par-button { width: 100%; }

  .bz-solutions__grid,
  .bzds__proof-track { grid-template-columns: 1fr !important; }

  /* mantém a foto do Despertar dentro do container também no mobile */
  .bzds__hero { padding-block: var(--bz-section-space) !important; background: var(--bz-beige-soft) !important; }
  .bzds__hero-grid { display: grid !important; gap: 3rem !important; padding-inline: 0 !important; }
  .bzds__hero-copy { order: 1 !important; padding: 0 !important; background: transparent !important; }
  .bzds__hero-media {
    order: 2 !important;
    width: min(100%, 36rem) !important;
    aspect-ratio: 4 / 5 !important;
    border: 1px solid var(--bz-photo-border) !important;
    border-radius: var(--bz-radius-lg) !important;
    box-shadow: var(--bz-photo-shadow) !important;
  }

  .bz-page-hero--7-codigos .bz-page-hero__media { width: min(100%, 29rem) !important; }

  main[data-template="page"] .page-width--narrow { padding-inline: 1.5rem; }
  main[data-template="page"] .rte h2 { font-size: 2.8rem; }
  main[data-template="page"] .rte h3 { font-size: 2.2rem; }
}

@media screen and (max-width: 374px) {
  :root { --bz-h1: 3.1rem; --bz-h2: 2.8rem; }
}


/* =========================================================
   REVISÃO FINAL — coerência visual de todas as páginas
   ========================================================= */

/* Identidade: Poppins em títulos e textos; verde oficial #55624A como cor principal. */
.bz-home h1, .bz-home h2, .bz-home h3,
.bz-page h1, .bz-page h2, .bz-page h3,
.bz-par-page h1, .bz-par-page h2, .bz-par-page h3,
.bzds h1, .bzds h2, .bzds h3,
.bz-diagnostico h1, .bz-diagnostico h2, .bz-diagnostico h3,
main[data-template="page"] .main-page-title,
main[data-template="page"] .rte h2,
main[data-template="page"] .rte h3 {
  font-family: var(--font-heading-family) !important;
}

/* Ritmo de leitura: evita títulos e textos excessivamente largos. */
.bz-hero__content,
.bz-page-hero__content,
.bzds__hero-copy,
.bz-diagnostico__hero-inner { max-width: 72rem; }
.bz-copy, .bz-page__copy, .bz-par-prose, .bzds p, .bz-diagnostico p { text-wrap: pretty; }
.bz-home h1, .bz-home h2, .bz-page h1, .bz-page h2, .bzds h1, .bzds h2, .bz-par-page h1, .bz-par-page h2 { text-wrap: balance; }

/* HOME — cinco caminhos em 3 + 2 realmente centralizados. */
@media screen and (min-width: 1100px) {
  .bz-solutions__grid { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; gap: 2rem !important; }
  .bz-solutions__grid > .bz-solution { grid-column: span 2; }
  .bz-solutions__grid > .bz-solution:nth-child(4) { grid-column: 2 / span 2; }
  .bz-solutions__grid > .bz-solution:nth-child(5) { grid-column: 4 / span 2; }
}
.bz-solution { display: flex; flex-direction: column; height: 100%; }
.bz-solution__body { flex: 1 1 auto; }
.bz-solution > .bz-button { margin-top: 2.4rem; align-self: flex-start; }

/* Alternância cromática da Home: clara, bege, clara, bege, verde, clara, bege. */
.bz-presentation { background: var(--bz-white) !important; }
.bz-for-whom { background: var(--bz-beige-soft) !important; }
.bz-solutions { background: var(--bz-white) !important; }
.bz-book { background: var(--bz-beige-soft) !important; }
.bz-oracle { background: var(--bz-olive) !important; color: var(--bz-white); }
.bz-oracle .bz-heading, .bz-oracle .bz-copy, .bz-oracle .bz-copy p, .bz-oracle .bz-eyebrow { color: var(--bz-white) !important; }
.bz-testimonials { background: var(--bz-white) !important; }
.template-index .collapsible-content { background: var(--bz-beige-soft) !important; }

/* CTAs: contraste garantido em fundos dourados ou verdes. */
.bzds__mid-cta .bz-page-button--gold {
  border-color: var(--bz-olive) !important;
  background: var(--bz-olive) !important;
  color: var(--bz-white) !important;
}
.bzds__mid-cta .bz-page-button--gold:hover {
  border-color: var(--bz-olive-dark) !important;
  background: var(--bz-olive-dark) !important;
}
.bz-page-hero--wine .bz-page-button--gold,
.bz-page-cta--wine .bz-page-button--gold,
.bz-par-hero .bz-par-button--gold,
.bzds__investment .bz-page-button--gold {
  color: var(--bz-ink) !important;
}

/* Despertar — depoimentos maiores e lado a lado, sem miniaturas. */
.bzds__proof-track {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 2.4rem !important;
  max-width: 104rem;
  margin-inline: auto;
}
.bzds__proof-track figure { padding: 1rem !important; }

/* 7 Códigos — arte própria da Bianca, sem o fundo vinho da arte da Karla. */
.bz-seven-emblem {
  width: 100%;
  aspect-ratio: 1 / 1;
  display: grid;
  place-items: center;
  padding: 2rem;
  border-radius: var(--bz-radius-md);
  background:
    radial-gradient(circle at 50% 50%, rgba(184,155,114,.12), transparent 52%),
    var(--bz-off-white);
}
.bz-seven-emblem__ring {
  position: relative;
  width: min(100%, 28rem);
  aspect-ratio: 1 / 1;
  display: grid;
  place-items: center;
  align-content: center;
  padding: 3rem;
  border: 1px solid rgba(184,155,114,.72);
  border-radius: 50%;
  text-align: center;
  box-shadow: inset 0 0 0 .7rem var(--bz-off-white), inset 0 0 0 .8rem rgba(184,155,114,.36);
}
.bz-seven-emblem__ring::before,
.bz-seven-emblem__ring::after {
  position: absolute;
  left: 50%;
  width: .75rem;
  height: .75rem;
  border-radius: 50%;
  background: var(--bz-gold);
  content: "";
  transform: translateX(-50%);
}
.bz-seven-emblem__ring::before { top: 1.5rem; }
.bz-seven-emblem__ring::after { bottom: 1.5rem; }
.bz-seven-emblem__number {
  display: block;
  color: var(--bz-olive);
  font-family: var(--font-heading-family);
  font-size: 10rem;
  font-weight: 500;
  line-height: .85;
}
.bz-seven-emblem__label {
  display: block;
  margin-top: 1.2rem;
  color: var(--bz-gold-dark);
  font-size: 1.35rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.bz-seven-emblem__sub {
  display: block;
  margin-top: .5rem;
  color: var(--bz-olive);
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.25;
}

/* Fotos e artes: nunca usar painel preenchido por trás da moldura. */
.bz-hero__frame, .bz-book__media, .bz-page-hero__media, .bz-page-editorial__media,
.bz-par-hero__media, .bz-par-team__media, .bzds__hero-media { background: transparent !important; }

/* Instituto PAR — títulos claros/escuros consistentes por fundo. */
.bz-par-intro h2, .bz-par-solutions h2, .bz-par-differentials h2, .bz-par-team h2, .bz-par-proof h2 { color: var(--bz-olive) !important; }
.bz-par-methodology h2, .bz-par-methodology h3, .bz-par-contact h2, .bz-par-contact h3 { color: var(--bz-white) !important; }

/* Contato e páginas padrão: largura e espaçamento coerentes com o restante. */
.template-page .main-page-title { margin-top: 0; }
.template-page .page-width--narrow { padding-top: var(--bz-section-space); padding-bottom: var(--bz-section-space); }
.template-page .contact { padding-bottom: var(--bz-section-space); }

/* Header e footer: acabamento de marca sem alterar menus. */
.header-wrapper { border-bottom: 1px solid rgba(85,98,74,.08); }
.footer { border-top: 1px solid rgba(85,98,74,.10); }

@media screen and (max-width: 1099px) {
  .bzds__proof-track { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media screen and (max-width: 749px) {
  .bzds__proof-track { grid-template-columns: 1fr !important; gap: 1.8rem !important; }
  .bz-seven-emblem { padding: 1.4rem; }
  .bz-seven-emblem__ring { width: min(100%, 23rem); padding: 2rem; }
  .bz-seven-emblem__number { font-size: 7.5rem; }
  .bz-solution > .bz-button { width: 100%; align-self: stretch; }
}

/* =========================================================
   CORREÇÃO 25/08 — ativos reais + depoimentos Despertar
   ========================================================= */

/* Despertar: nunca usar foto local inventada; imagem vem do Shopify/editor. */
.bzds__hero-grid:has(.bzds__hero-media) {
  grid-template-columns: minmax(0, 1fr) minmax(34rem, .82fr) !important;
}
.bzds__hero-media {
  width: min(100%, 44rem) !important;
  aspect-ratio: 4 / 5 !important;
}
.bzds__hero-media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center 35% !important;
}

/* Depoimentos: masonry de verdade. Evita os buracos verticais do grid por linhas. */
.bzds__proof-track {
  display: block !important;
  width: min(100%, 118rem) !important;
  max-width: 118rem !important;
  margin-inline: auto !important;
  padding: 0 !important;
  column-width: auto !important;
  column-count: 3 !important;
  column-gap: 2.2rem !important;
}
.bzds__proof-track figure {
  display: inline-block !important;
  width: 100% !important;
  margin: 0 0 2.2rem !important;
  padding: .8rem !important;
  break-inside: avoid !important;
  page-break-inside: avoid !important;
  vertical-align: top !important;
  border: 1px solid var(--bz-photo-border) !important;
  border-radius: var(--bz-radius-md) !important;
  background: var(--bz-white) !important;
  box-shadow: var(--bz-card-shadow) !important;
}
.bzds__proof-track img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  border-radius: var(--bz-radius-sm) !important;
  object-fit: contain !important;
}

/* 7 Códigos: usa a arte original recolorida, sem símbolo genérico criado por CSS. */
.bz-page-hero--7-codigos .bz-page-hero__media {
  width: min(100%, 42rem) !important;
  max-width: 42rem !important;
  aspect-ratio: 1 / 1 !important;
  padding: .5rem !important;
  border-color: rgba(212, 175, 55, .38) !important;
  background: #55624A !important;
}
.bz-page-hero--7-codigos .bz-page-hero__image--7-codigos {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  border-radius: var(--bz-radius-md) !important;
}

@media screen and (max-width: 989px) {
  .bzds__proof-track {
    column-count: 2 !important;
    column-gap: 1.8rem !important;
  }
}

@media screen and (max-width: 749px) {
  .bzds__proof-track {
    column-count: 1 !important;
    column-gap: 0 !important;
  }
  .bzds__proof-track figure { margin-bottom: 1.8rem !important; }
  .bzds__hero-grid:has(.bzds__hero-media) { grid-template-columns: 1fr !important; }
  .bzds__hero-media { width: min(100%, 36rem) !important; }
  .bz-page-hero--7-codigos .bz-page-hero__media { width: min(100%, 31rem) !important; }
}