.rowAnalysisView {
  display: grid;
  grid-template-columns: 500px auto;
  grid-template-rows: 42px auto;
  gap: 10px 10px;

  .rowMessage {
      width: 100%;
      height: 100%;
      grid-column-start: 1;
      grid-column-end: 3;
  }

  .rowTable {
      width: 100%;
      height: 100%;
  }

  .rowBoxes {
      z-index: -1;
      width: 100%;
      height: 100%;
  }

  /* Ajustes para pantallas medianas */
  @media only screen and (max-width: 1280px) {
      grid-template-columns: 100%;
      grid-template-rows: 42px auto auto;
      gap: 10px 20px;

      .rowMessage {
          grid-column-start: 1;
          grid-column-end: 2;
      }

      .rowTable {
          grid-row-start: 2;
          grid-row-end: 3;
          height: auto; /* Ajusta el tamaño automáticamente */
      }

      .rowBoxes {
          grid-row-start: 3;
          grid-row-end: 4;
          height: auto; /* Ajusta el tamaño automáticamente */
      }
  }

  /* Ajustes para pantallas pequeñas */
  @media only screen and (max-width: 500px) {
      grid-template-rows: 42px auto auto;

      .rowTable {
          height: auto; /* Asegura un ajuste dinámico */
      }

      .rowBoxes {
          height: auto; /* Asegura un ajuste dinámico */
      }
  }
}