/* ====== PARALLAX ====== */
.parallax-segmento{
  background-image: url("../img/parallax-segmento.jpg");
  min-height: 65vh;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color:#fff;
}
.parallax-segmento::after{
  content:"";
  position:absolute; inset:0;
  background: rgba(0,0,0,.35);   /* leve escurecimento p/ legibilidade */
}
.parallax-content{ position:relative; z-index:1; max-width:900px; padding:20px; }
.logo-parallax{ max-width:260px; margin:0 auto 28px; display:block; }
.parallax-content h2{ font-family: var(--font-sans); font-weight:700; font-size:2.8rem; margin:0 0 10px; }
.parallax-content p{ font-size:1.2rem; }

/* ====== FAIXA AMARELA (PADRÃO) ====== */
.segmento-texto{
  background:#F9B000;           /* AMARELO PADRÃO */
  color:#fff;
  padding: 90px 0;
}
.segmento-texto .container{ width:90%; max-width:1200px; margin:0 auto; }

.segmento-texto h3{
  font-family: var(--font-sans);
  font-weight:700;
  font-size:2.2rem;
  margin-bottom: 16px;
  text-align: left;              /* alinhado à esquerda */
}
.segmento-texto .lead{
  font-size:1.15rem;
  line-height:1.55;
  max-width: 980px;
  text-align: left;              /* alinhado à esquerda */
  margin: 0 0 26px 0;
}

/* Grade das vantagens */
.beneficios-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(260px,1fr));
  gap:24px;
}
.beneficio-card{
  background: rgba(0,0,0,0.08);  /* leve contraste mantendo o amarelo */
  border-radius: 12px;
  padding: 20px 22px;
}
.beneficio-card h4{
  font-family: var(--font-sans);
  font-weight:600;
  font-size:1.35rem;
  margin-bottom:12px;
}
.beneficio-card ul{ margin:0; padding-left: 1.1rem; }
.beneficio-card li{ margin-bottom:8px; line-height:1.4; }

/* Responsivo */
@media (max-width: 992px){
  .parallax-segmento{ min-height: 52vh; background-attachment: scroll; }
  .parallax-content h2{ font-size:2.4rem; }
  .beneficios-grid{ grid-template-columns: repeat(2, minmax(240px,1fr)); }
}
@media (max-width: 700px){
  .segmento-texto{ padding:70px 5%; }
  .beneficios-grid{ grid-template-columns: 1fr; }
  .parallax-content h2{ font-size:2rem; }
  .parallax-content p{ font-size:1.05rem; }
}