.flex-container {
      display: flex;
      background-color: white;
      justify-content: center;
      align-items: center;
      flex-direction: row;
      align-items: flex-start;
  }

  .flex-item1 {
      /*background-color: white;*/
      width: 70%;
      /* width: 200px;*/
      margin: 10px;
      text-align: center;

  }




  .flex-item2 {
      /* background-color: white;*/
      /*max-width: 300px;*/
      width: 30%;
      margin: 10px;
      text-align: center;
      padding-top: 25px;
      /* order: -1;*/
      border-radius: 5px;
      box-shadow: 0px 10px 15px -3px rgba(0, 0, 1, 0.1);
      background-color: var(--color-suavemorado);
      /*var(--color-suave-morado);*/



  }

  .flex-item2:before {
      content: "";
      position: absolute;
      background-color: red;
      width: 3px;
      height: 90%;
      bottom: 0;
      left: -7px;

  }

  /*********************** */
  .mediaside {
      display: flex;
      margin: 10px;
      flex-wrap: wrap;
      /*box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;*/
      /* box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);*/
      border-radius: 0px;
      border-bottom: 1px solid gray;

  }

  .mediaside:hover {
      /*transform: scale(0.9);*/
      transform-origin: center;
      /*background-color: var(--color-suave2);*/
      cursor: pointer;
  }

  .mediaside img {
      max-width: 160px;
      /*margin: auto;*/
  }

  .mediaside .textblogside {
      margin: 5px;
      text-align: left;

      font-family: "Arial Sans", sans-serif;
      font-size: 12px;
  }

  .btnblogside {
      font-size: 15px;

      border: 1px solid coral;
      border-radius: 30px;
      text-align: center;

      padding: 4px 33px;
      text-decoration: none;
  }

  .btnblogside:hover {
      color: #fff;
      background: var(--color-azul);
      border: 1px solid transparent;
  }

  .divblogdet_tit {
      border-left: 10px solid var(--color-azul);
      text-align: left;
      padding: 5px;
  }

  h1,
  h2 {
      font-family: 'Alkatra', sans-serif;
  }

  p {
      font-family: 'UniviaPro', sans-serif;
  }