.datainTitles{
         font-family: "Open Sans", sans-serif;
         font-weight: 600;
         font-style: normal;
         font-size:28px; /*px*/
         line-height:36px; /* ej. 1.5, 20px, auto*/
         letter-spacing:0.01em; /*ej. 2px o 0.1 em*/
         text-align:center;
   } 
      
   .datainNumber{
         font-family: "Open Sans", sans-serif;
         font-weight: 400;
         font-style: normal;
         font-size:48px; /*px*/
         line-height:48px; /* ej. 1.5, 20px, auto*/
         letter-spacing:0.01em; /*ej. 2px o 0.1 em*/
   } 

      .datainItalica{
        font-family: "Open Sans", sans-serif;
         font-weight: 400;
         font-style: italic;
         font-size: 22px; /*px*/
         line-height: 26px; /* ej. 1.5, 20px, auto*/
         letter-spacing:0.03em; /*ej. 2px o 0.1 em*/
      }
      
   .datainParrafo{
         font-family: "Open Sans", sans-serif;
         font-weight: 400;
         font-style: normal;
         font-size: 15px; /*px*/
         line-height: 21px; /* ej. 1.5, 20px, auto*/
         letter-spacing:0.015em; /*ej. 2px o 0.1 em*/
   }
      
      .datain{
        display:flex;
        flex-direction:column;
        width:100%;
        padding:120px 113px 172px 114px;
        gap:50px;
        background-color:#F5F9ED;
      }
      
    
      .datainContenido{
        display:flex;
        gap:30px;
        width:100%;
        height:100%;
        /*background-color:blue;*/
      }
      
      .datainCard{
        display:flex;
        flex-direction:column;
        padding:52px 43px 52px 50px;
        width:100%;
        gap:42px;
        background-color:#FDFFF9;
        border-radius:10px;
      }
      
      .datainIconSpace{
        display:flex;
        width:100%;
        justify-content:right;
        /*background-color: pink;*/
      }
      
      .datainIcon{
        display:flex;
        width:119px;
        height:119px;
        /*background-color:black;*/
        background-size:cover;
        background-position:center;
        background-repeat:no-repeat;
      }
     
      .icon1{
        background-image:url("./imgs_innovacion/icon1.png");
      }
      
      .icon2{
        background-image:url("./imgs_innovacion/icon2.png");
      }
      
      .icon3{
        background-image:url("./imgs_innovacion/icon3.png");
      }      
      
      .datainTexto{
        display:flex;
        width:100%;
        flex-direction:column;
        /*background-color:grey;*/
        gap:14px;
      }

      @media(max-width:1365px){
          
         .datain{
            padding:128px 60px 172px 60px;
          }

          .datainContenido{
            gap: 20px;
          }

          .datainCard{
             padding:52px 30px 52px 30px;
          }

          .datainItalica{
                font-size: 19px; /*px*/
                line-height: 23px; /* ej. 1.5, 20px, auto*/
          }

      }

     @media (min-width:553px) and (max-width:1022px){

          .datainContenido{
            flex-direction: column;
            justify-content: center;
            align-items: center;
          }

          .datainCard{
            flex-direction: row;
            max-width: 600px;
          }

          .datainIconSpace{
            width: fit-content;
          }

     }

    @media (max-width:553px){

          .datain{
            padding:100px 30px;
            gap:30px;
            align-items: center;
            justify-content: center;
          }

          .datainContenido{
            flex-direction: column;
            gap:30px;
          }

          .datainCard{
            gap:8px;
            padding-left: 25px;
            padding-right: 25px;
          }

          .datainTitles{
            max-width: 350px;
          }

     }