.text-justify-custom {
  text-align: justify;
}

.fila {
  display: flex;
  align-items: center;      /* centra verticalmente; usa flex-start si no lo quieres centrado */
  gap: 16px;                /* separación entre columnas */
}

/* Columnas */
.col-izq {
  flex: 1 1 0;              /* ocupa el espacio restante */
  min-width: 0;             /* evita desbordes en textos largos */
}

.col-der {
  flex: 0 0 40%;          /* desktop: la columna derecha ocupa 40% */
  max-width: 40%;
}

/* La imagen se adapta al contenedor */
.img-tech {
  width: 100%;           /* escala según el contenedor */
  height: auto;          /* mantiene proporción */
  display: block;
  border-radius: 8px;    /* opcional */
  object-fit: contain;   /* evita recortes */
}

/* Imagen responsive */
.col-der img {
  display: block;
  max-width: 100%;
  height: auto;
  border-radius: 8px;       /* opcional */
  object-fit: cover;        /* útil si limitas altura */
}

/* Responsive (apilar en móviles) */
@media (max-width: 768px) {
  .fila {
    flex-direction: column;
    align-items: stretch;
  }

  .col-der {

   flex: 0 0 100%;
    max-width: 100%;
    margin-top: 16px;
  }

  .img-tech {
    max-height: 300px;   /* evita imágenes gigantes */
  }
}