/* =========================
   SOBRE (escopo .page-sobre)
   ========================= */

/* SECTION 1 (Hero Sobre) */
.page-sobre .sobre-section-1{
  background: url('../../img/sobre-banner.png') center/cover no-repeat;
  min-height: 500px;
  margin-top: 4%;
  padding-top: 6%;
  padding-bottom: 4%;
}
.page-sobre .sobre-title-historia-col{
  padding-left: 20%;
  padding-right: 2%;
}
.page-sobre .sobre-title-historia-col h1{
  font-size: 60px;
  line-height: 1.3;
  font-weight: 700;
  color: #a8821f;
  margin: 0;
}
.page-sobre .sobre-title-jornada-col{
  /* título "Nossa Jornada" alinhado e com cor destaque */
  font-weight: 700;
  color: #a8821f;
  padding-right: 25vh;
}
.page-sobre .sobre-title-jornada-col .sobre-title-jornada{
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 15px;
}
.page-sobre .sobre-title-jornada-col p{
  text-align: justify;
  font-size: 17px;
  line-height: 1.6;
  font-weight: 300;
  color: #fff;
  margin: 0;
}

/* SECTION 2 (Missão) */
.page-sobre .sobre-section-2{
  min-height: 100vh;
  padding: 7% 0 7% 0;
}
.page-sobre .sobre-section-2 .row{ height: 100%; width: 100%; }
.page-sobre .sobre-title-missao-col{
  padding-left: 15%;
  padding-right: 5%;
  text-align: right;
}
.page-sobre .sobre-title-missao-col h2{
  font-size: 48px;
  font-weight: 700;
}
.page-sobre .sobre-title-missao-col p{
  font-size: 16px;
  letter-spacing: 0;
  line-height: 1.6;
  font-weight: 300;
  text-align: justify;
  margin: 0;
}
.page-sobre .sobre-missao-img{
  width: 83%;
  height: 730px;
  object-fit: cover;
  border-radius: 0 0 50px 50px;
  display: block;
}

/* SECTION 3 (Valores) */
.page-sobre .sobre-section-3{
  min-height: 100vh;
  padding: 0 0 7% 0;
}
.page-sobre .sobre-section-3 .row{
  padding-left: 10%;
  padding-top: 5%;
  padding-right: 7%;
  width: 100%;
}
.page-sobre .sobre-title-valores-col{ padding: 0 5%; }
.page-sobre .sobre-valores-img{
  width: 100%;
  height: 650px;
  object-fit: cover;
  border-radius: 0 0 50px 50px;
  display: block;
}
.page-sobre .sobre-title-valores-col h2{
  font-size: 48px;
  font-weight: 700;
}
.page-sobre .sobre-title-valores-col p{
  font-size: 16px;
  letter-spacing: 0;
  line-height: 1.6;
  font-weight: 300;
  text-align: justify;
  margin: 0;
}

/* =============
   MOBILE (<=575)
   ============= */
@media (max-width: 575.98px){
  /* Section 1 */
  .page-sobre .sobre-section-1{
    margin-top: 10vh;
    padding-top: 25%;
    padding-bottom: 10%;
  }
  .page-sobre .sobre-title-historia-col{ padding-left: 0; padding-right: 0; }
  .page-sobre .sobre-title-historia-col h1{ font-size: 45px; }
  .page-sobre .sobre-title-jornada-col{ margin-top: 10%; padding: 0 5vh; }
  .page-sobre .sobre-title-jornada-col p{ font-size: 14px; }

  /* Section 2 */
  .page-sobre .sobre-section-2{ padding: 15% 0; }
  .page-sobre .sobre-img-missao-col{ padding-left: 15%; padding-right: 10%; margin-top: 10%; }
  .page-sobre .sobre-title-missao-col{ text-align: center; }
  .page-sobre .sobre-title-missao-col h2{ line-height: 60px; font-size: 35px; }
  .page-sobre .sobre-missao-img{
    width: 100%;
    height: 460px;
    object-position: left;
    border-radius: 10px;
  }

  /* Section 3 */
  .page-sobre .sobre-title-valores-col h2{
    font-size: 35px;
    line-height: normal;
    text-align: center;
  }
  .page-sobre .sobre-img-valores-col{ margin-top: 10%; }
  .page-sobre .sobre-valores-img{ height: 460px; border-radius: 10px; }
  .page-sobre .sobre-title-valores-col{
    padding: 0 5%;
    margin: 5vh 0;
  }
}

/* ======================
   TABLET (576–991.98px)
   ====================== */
@media (min-width:576px) and (max-width:991.98px){
  /* Section 1 */
  .page-sobre .sobre-section-1{
    margin-top: 8vh;
    padding-top: 16vh;   /* mais respiro por causa da navbar fixa */
    padding-bottom: 8vh;
  }
  .page-sobre .sobre-title-historia-col h1{ font-size: 48px; }
  .page-sobre .sobre-title-jornada-col{ padding-right: 6vh; }
  .page-sobre .sobre-title-jornada-col p{ font-size: 15px; }

  /* Section 2 */
  .page-sobre .sobre-section-2{ padding: 10% 0; min-height: 80vh;}
  .page-sobre .sobre-title-missao-col{ padding-left: 8%; padding-right: 4%; text-align: left; }
  .page-sobre .sobre-title-missao-col h2{ font-size: 40px; }
  .page-sobre .sobre-missao-img{
    width: 100%;
    height: 520px;
    border-radius: 12px;
  }

  /* Section 3 */
  .page-sobre .sobre-section-3 .row{ padding-left: 6%; padding-right: 6%; }
  .page-sobre .sobre-title-valores-col h2{ font-size: 40px; }
  .page-sobre .sobre-valores-img{
    height: 520px;
    border-radius: 12px;
  }
}

/* ==================
   DESKTOP ajuste leve
   ================== */
@media (min-width:992px){
  /* mantém proporções generosas sem exagero */
  .page-sobre .sobre-missao-img{ max-height: 730px; }
  .page-sobre .sobre-valores-img{ max-height: 650px; }
}

/* ===== SOBRE – Section 1 (992–1199px) ===== */
@media (min-width:992px) and (max-width:1199.98px){
  .page-sobre .sobre-section-2 {
      min-height: 85vh;
  }
  /* banner com respiro extra por causa do header fixo */
  .page-sobre .sobre-section-1{
    margin-top: 8vh;
    padding-top: 14vh;        /* empurra o conteúdo pra baixo do header */
    padding-bottom: 8vh;
    background-position: center center;
    min-height: 540px;
  }

  /* duas colunas lado a lado, sem quebra */
  .page-sobre .sobre-section-1 .row{
    flex-wrap: nowrap;
    gap: 0;
  }

  /* TÍTULO “História da Empresa” (coluna esquerda) */
  .page-sobre .sobre-title-historia-col{
    padding-left: 8%;
    padding-right: 2%;
    display: flex;
    align-items: center;
  }
  .page-sobre .sobre-title-historia-col h1{
    font-size: 56px;          /* um pouco menor que desktop cheio */
    line-height: 1.15;
    margin: 0;
    color: #a8821f;
    text-shadow: 0 2px 14px rgba(0,0,0,.25); /* destaca sobre a foto */
  }

  /* BLOCO “Nossa Jornada” (coluna direita) */
  .page-sobre .sobre-title-jornada-col{
    padding: 0 6% 0 4%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
  }

  /* fundo translúcido só atrás do texto para legibilidade */
  .page-sobre .sobre-title-jornada-col > *{
    max-width: 560px;         /* evita linhas longas */
  }
  .page-sobre .sobre-title-jornada-col .sobre-title-jornada{
    font-size: 24px;
    color: #a8821f;
    margin: 0 0 12px;
    text-shadow: 0 2px 10px rgba(0,0,0,.3);
  }
  .page-sobre .sobre-title-jornada-col p{
    font-size: 16px;
    line-height: 1.6;
    margin: 0;
    text-align: justify;
    hyphens: auto;
    -webkit-hyphens: auto;
    background: rgba(0,0,0,.50);   /* “caixa” translúcida */
    padding: 16px 18px;
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(0,0,0,.20);
    backdrop-filter: saturate(120%) blur(0.5px);
  }

  /* Mantém duas colunas lado a lado, sem quebra */
  .page-sobre .sobre-section-2 .row,
  .page-sobre .sobre-section-3 .row{
    flex-wrap: nowrap;
    gap: 0;
    align-items: center; /* centraliza verticalmente */
  }

  /* SECTION 2 — texto à esquerda */
  .page-sobre .sobre-title-missao-col{
    padding-left: 8%;
    padding-right: 4%;
    text-align: left;               /* leitura natural */
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .page-sobre .sobre-title-missao-col h2{
    font-size: 44px;
    line-height: 1.15;
    margin-bottom: 12px;
  }
  .page-sobre .sobre-title-missao-col p{
    font-size: 16px;
    line-height: 1.7;
    max-width: 560px;               /* limita largura de leitura */
    text-align: justify;
    hyphens: auto;
    -webkit-hyphens: auto;
    margin: 0;
  }

  .page-sobre .sobre-img-missao-col{
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .page-sobre .sobre-missao-img{
    width: 88%;
    height: 520px;
    object-fit: cover;
    border-radius: 24px;            /* arredondado mais sutil */
    box-shadow: 0 10px 24px rgba(0,0,0,.08);
  }

  /* SECTION 3 — imagem à esquerda, texto à direita */
  .page-sobre .sobre-img-valores-col{
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .page-sobre .sobre-valores-img{
    width: 92%;
    height: 520px;
    object-fit: cover;
    border-radius: 24px;
    box-shadow: 0 10px 24px rgba(0,0,0,.08);
  }

  .page-sobre .sobre-title-valores-col{
    padding: 0 6%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .page-sobre .sobre-title-valores-col h2{
    font-size: 44px;
    line-height: 1.15;
    margin-bottom: 12px;
  }
  .page-sobre .sobre-title-valores-col p{
    font-size: 16px;
    line-height: 1.7;
    max-width: 560px;
    text-align: justify;
    hyphens: auto;
    -webkit-hyphens: auto;
    margin: 0;
  }
}

/* ===== SOBRE – Section 2 e 3 (768–991px) ===== */
@media (min-width:768px) and (max-width:991.98px){
  /* Colunas lado a lado sem quebrar */
  .page-sobre .sobre-section-2 .row,
  .page-sobre .sobre-section-3 .row{
    flex-wrap: nowrap;
    gap: 0;
    align-items: center;
  }

  /* SECTION 2 */
  .page-sobre .sobre-title-missao-col{
    padding-left: 6%;
    padding-right: 3%;
    text-align: left;
  }
  .page-sobre .sobre-title-missao-col h2{ font-size: 38px; margin-bottom: 10px; }
  .page-sobre .sobre-title-missao-col p{
    font-size: 15px; line-height: 1.6; max-width: 520px; text-align: justify;
    hyphens: auto; -webkit-hyphens: auto;
  }
  .page-sobre .sobre-missao-img{
    width: 95%;
    height: 460px;
    object-fit: cover;
    border-radius: 18px;
  }

  /* SECTION 3 */
  .page-sobre .sobre-title-valores-col{
    padding: 0 5%;
  }
  .page-sobre .sobre-title-valores-col h2{ font-size: 38px; margin-bottom: 10px; }
  .page-sobre .sobre-title-valores-col p{
    font-size: 15px; line-height: 1.6; max-width: 520px; text-align: justify;
    hyphens: auto; -webkit-hyphens: auto;
  }
  .page-sobre .sobre-valores-img{
    width: 95%;
    height: 460px;
    object-fit: cover;
    border-radius: 18px;
  }
}