/* =========================================================
   SHARED — Brand Photo CTA
   Bloco de conteúdo com foto de fundo + overlay azul
   (mesmo esquema visual do brand-hero--photo).
   ========================================================= */

.brand-photo-cta {
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #fff;
  padding: var(--space-12) 0;
  min-height: 340px;
  display: flex;
  align-items: center;
}

@media (min-width: 768px)  { .brand-photo-cta { min-height: 420px; } }
@media (min-width: 1024px) { .brand-photo-cta { min-height: 500px; } }

/* Conteúdo — segue o mesmo alinhamento do partners/brand-intro/brand-banner.
   Largura escala junto com --container-max até 1700px no ultra-wide. */
.brand-photo-cta__content {
  width: 100%;
  max-width: 100%;
  margin-inline: auto;
  text-align: center;
}
@media (min-width: 768px)  { .brand-photo-cta__content { max-width: 680px;  } }
@media (min-width: 1024px) { .brand-photo-cta__content { max-width: 900px;  } }
@media (min-width: 1280px) { .brand-photo-cta__content { max-width: 1140px; } }
@media (min-width: 1536px) { .brand-photo-cta__content { max-width: 1360px; } }
@media (min-width: 1920px) { .brand-photo-cta__content { max-width: 1700px; } }

.brand-photo-cta__title {
  font-size: 36px;
  line-height: 1.15;
  color: #fff;
  font-weight: 700;
  margin: 0 0 var(--space-5);
  letter-spacing: -0.01em;
}
@media (min-width: 768px)  { .brand-photo-cta__title { font-size: 48px; } }
@media (min-width: 1024px) { .brand-photo-cta__title { font-size: 64px; } }

/* Realce em peso bold (mesma cor branca) */
.brand-photo-cta__title-accent {
  font-weight: 700;
}

.brand-photo-cta__text {
  font-size: 18px;
  line-height: 1.5;
  color: #fff;
  margin: 0;
  font-weight: 400;
}
@media (min-width: 768px)  { .brand-photo-cta__text { font-size: 24px; } }
@media (min-width: 1024px) { .brand-photo-cta__text { font-size: 32px; line-height: 1.4; } }