/* ===========================
   realizacao.css (COMPLETO)
   Seção REALIZAÇÃO: fundo de folhas + 3 cards
   =========================== */

/* Seção */
#realizacao{
  background-image: url("../img/fundo_folhas.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 80px 0;
  scroll-margin-top: 96px; /* ancora correta se header for fixo */
  color: #6F6F6E;
  font-family: 'Novecento Wide', sans-serif;
}

/* Neutraliza o .container global (que é flex no header) */
#realizacao .container{
  display: block;
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  padding: 0 16px;
}

/* Título */
#realizacao .titulo-realizacao{
  margin: 0 0 28px;
  text-align: center;
  font-weight: 700;              /* negrito */
  text-transform: uppercase;     /* REALIZAÇÃO */
  letter-spacing: .5px;
  color: #6F6F6E;
}

/* Grid 3 colunas (desktop) */
#realizacao .grid-realizacao{
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 24px;
}

/* Card */
#realizacao .card-realizacao{
  background: #fff;
  border-radius: 14px;
  padding: 24px;
  box-shadow: 0 8px 24px rgba(0,0,0,.12);
  text-align: justify;
  color: #6F6F6E;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 260px;
}

/* Área do logo (PNG com transparência) */
#realizacao .logo-wrap{
  width: 100%;
  height: 180px;                 /* ajuste conforme seus logos */
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
}

#realizacao .logo-wrap img{
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
}

/* Título e texto do card */
#realizacao .card-realizacao h3{
  margin: 6px 0 8px;
  font-weight: 700;
  color: #6F6F6E;
}

/* Texto dos cards: hífen + espaçamento + “pulos” de parágrafo no mesmo <p> */
#realizacao .card-realizacao p{
  font-size: 14px;             /* ~1pt menor, ajuste se quiser */
  line-height: 1.9;            /* mais espaço entre linhas */
  text-align: justify;
  text-align-last: left;       /* evita esticar a última linha */
  text-justify: inter-word;

  /* hifenização (exige lang="pt-BR") */
  hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;

  /* quebras seguras sem estourar a caixa */
  overflow-wrap: break-word;
  word-break: normal;

  /* permite ENTERs/linhas em branco dentro do mesmo <p> */
  white-space: pre-line;

  /* garante que não herde espaçamento de letras */
  letter-spacing: 0;
}



/* espaçamento entre parágrafos (quando houver mais de um <p>) */
#realizacao .card-realizacao p + p{
  margin-top:10px;
}

/* Responsivo: 2 colunas no tablet, 1 no mobile */
@media (max-width: 1024px){
  #realizacao .grid-realizacao{
    grid-template-columns: repeat(2, minmax(0,1fr));
	 #realizacao .logo-wrap{ height: 160px; }
  }

@media (max-width: 640px){
  #realizacao .logo-wrap{ height: 120px; }
  #realizacao .card-realizacao p{ font-size: 14px; } /* ligeiramente menor no celular */
  
  }
  #realizacao .grid-realizacao{
    grid-template-columns: 1fr;
    gap: 16px;
   #realizacao .logo-wrap{ height: 130px; 
   }