/*--------------------------------------------------------------
 * Bloque · Beneficios del Arte Terapia
 *-------------------------------------------------------------*/
.ba-bloque{
  padding:4rem 2rem;
  
}

.ba-container{
  max-width:1200px;
  margin:0 auto;
  font-family:'Karla',sans-serif;
}

.ba-titulo{
  font-family:'Playfair Display',serif;
  font-size:2rem;
  margin-bottom:1.5rem;
}

.ba-intro{
  font-size:1.125rem;
  line-height:1.7;
  margin-bottom:2rem;
}

/* Lista de beneficios ---------------------------------------*/
.ba-lista{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:1.25rem;
}

.ba-item{
  display:flex;
  align-items:flex-start;
  gap:.75rem;
}

.ba-icon{
  flex-shrink:0;
  width:22px; height:22px;
  object-fit:contain;
  margin-top:.2rem;
}

.ba-texto{
  font-size:1.05rem;
  line-height:1.6;
}

/* Responsive */
@media(max-width:768px){
  .ba-titulo{font-size:1.75rem;}
  .ba-intro{font-size:1rem;}
  .ba-texto{font-size:1rem;}
}


.ba-bloque{
  padding:5rem 2rem;           /* + aire arriba/abajo */
}

.ba-container{
  max-width:1000px;            /* contención legible */
  margin:0 auto;
}

.ba-intro{
  margin-bottom:2.5rem;        /* suelta la intro */
}

.ba-lista{
  gap:1.75rem;                 /* más espacio entre ítems */
}

.ba-item{
  gap:1rem;                    /* aire horizontal ícono–texto */
}

.ba-texto{
  line-height:1.7;             /* respiración dentro del párrafo */
}

/* Opcional: separa visualmente secciones muy largas */
.ba-item + .ba-item{
  border-top:1px solid rgba(0,0,0,.05);
  padding-top:1.25rem;
}