.text-body {
  line-height: 30px;
}
.text-body-news { 
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}
.text-title {
  line-height: 40px;
}

.color-text{
  color: #5B3333;
}

.color-text-box{
  font-family: Puffin Display Soft;
  font-style: normal;
  color: #CB8DB7;
}


.color-titulo-tarjetas{
  
  font-family: Roboto;
  color: #CB8DB7;
}


.tabla-cuadrada .celda-fila {
  max-width: 300px;            /* Limita el ancho */
  white-space: normal;         /* Permite saltos de línea */
  word-wrap: break-word;       /* Rompe palabras largas si es necesario */      
  line-height: 1.5;
  font-size: 14px;             /* Ajusta según tu diseño */
  vertical-align: middle;
  text-align: left;
}


@media (max-width: 768px) {
  .tabla-cuadrada .celda-fila {
    font-size: 12px;
    max-width: 120px;
  }

  .tabla-cuadrada .btn-question {
    width: 100%;
    aspect-ratio: 1 / 1;
  }
}