/*stylo texto pequeño */
.section-valientestxt {
  max-width: 1118px;   /* límite ancho máximo */
  width: 1118px;         /* usa todo el ancho disponible */
  margin: 20px auto;   /* centra horizontalmente */
  padding: 0 15px;     /* espacio interno lateral en móviles */
  box-sizing: border-box;
  margin-top: 20px;
}

.container-contenido-valientestxt {
    max-width: 950px;   /* límite ancho máximo */
  width: 950px;         /* usa todo el ancho disponible */
  display: flex;
  gap: 20px;
  background: #fff;
  border: 0px solid grey;
  align-items: flex-start;

}

/* Columna imagen */
.columna-imgtxt {
  flex: 1 1 20%;        /* ocupa 40% aprox */
  min-width: 250px;     /* nunca más chico de 250px */
}
.image-contenido3txt {
  width: 123px;
  height: auto;
  display: block;
  margin: 20px auto;
}

/* Columna texto */
.columna-textotxt {
  flex: 1 1 80%;        /* ocupa 60% aprox */
  min-width: 280px;     /* evita que se aplaste demasiado */
  margin-top: 40px;
}
.text-content-contenido-valientestxt {
  text-align: justify;
  font-size: 15px;
  line-height: 1.6;
  margin: 10px;
  word-break: break-word;
}

/* 📱 Responsivo */
@media (max-width: 768px) {
  .container-contenido-valientestxt {
    flex-direction: column;   /* apila en pantallas pequeñas */
    align-items: center;
  }

  .columna-imgtxt,
  .columna-textotxt {
    flex: 1 1 100%;
    max-width: 100%;
    min-width: unset;        /* permite adaptarse sin deformarse */
  }

  .text-content-contenido-valientestxt {
    margin: 10px 0;
    font-size: 14px;         /* ligeramente más pequeño en móvil */
  }




/* 📱 En pantallas pequeñas: mantener 20/80 */
@media (max-width: 768px) {
  .columna-imgtxt {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .columna-textotxt {
    flex: 0 0 80%;
    max-width: 80%;
  }
  .text-content-contenido-valientestxt {
    font-size: 14px;
  }


}