.presentacionTitles{
         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*/
   } 

   .presentacionParrafo{
         font-family: "Open Sans", sans-serif;
         font-weight: 400;
         font-style: normal;
         font-size: 17px; /*px*/
         line-height: 24.5px; /* ej. 1.5, 20px, auto*/
         letter-spacing:0.015em; /*ej. 2px o 0.1 em*/
   }
      
      
      .presentacionItalica{
        font-family: "Open Sans", sans-serif;
         font-weight: 400;
         font-style: italic;
         font-size: 19px; /*px*/
         line-height: 22px; /* ej. 1.5, 20px, auto*/
         letter-spacing:0.03em; /*ej. 2px o 0.1 em*/
      }
      
      
      .presentacion{
        display:flex;
        flex-direction:column;
        gap:83px;
        width:100%;
        padding:108px 133px 142px 150px;
        background-color:#F5F9ED;
      }
      
      .presentacionArriba{
        display:flex;
        width:100%;
        justify-content:space-between;
        /*background-color:lightblue;*/
        height:342px;
        gap:20px;
      }

      
      .presentacionTitular{
        display:flex;
        width:100%;
        max-width:378px;
        padding-bottom:39px;
        align-items:flex-end;
        /*background-color:lightgrey;*/
      }
      
      .presentacionImagenes{
        display:flex;
        justify-content:space-between;
        width:655px;
        height:100%;
        /*background-color:beige;*/
      }
      
      .presentacionIconSpace{
        display:flex;
        width:200px;
        height:100%;
        /*background-color:blue;*/
      }
      
      .presentacionIcon{
        display:flex;
        width:200px;
        height:200px;
        background-image:url("./imgs/inicio/presentacion/icon.png");
        background-size:cover;
        background-position:center;
        background-repeat:no-repeat;
        background-color:black;
        border-radius:10px;
      }
      
      .presentacionFotoSpace{
        display:flex;
        width:100%;
        max-width:400px;
        height:100%;
        align-items:flex-end;
        /*background-color:darkblue;*/
      }
      
      .presentacionFoto{
        display:flex;
        width:100%;
        min-width:250px;
        height:285px;
        background-color:black;
        border-radius:10px;
      }


      .presentacionFoto img{
            object-fit: cover;
            object-position: center;
            width: 100%;
            border-radius: 10px;
      }

      
      .presentacionAbajo{
        display:flex;
        width:100%;
        gap:86px;
        /*background-color:purple;*/
      }
      
      .presentacionTextos{
        display:flex;
        flex-direction:column;
        gap:57px;
        /*background-color:green;*/
      }
      
      .presPrimer{
        width:52%;
      }
      
      .presSegun{
        width:48%;
      }
      
      .presentacionSubrayado{
        width:fit-content;
        padding:15px 24px;
        background-color:#587F0F;
        border-radius:8px;
        color:white;
      }
      

      @media(max-width:1100px){

      .presentacion{
        padding-left:50px;
        padding-right:50px;
        padding-bottom: 100px;
      }

       .presentacionArriba{
        align-items: center;
        justify-content: center;
        flex-direction: column;
        text-align:center;
        gap:30px;
        height:fit-content;
        padding:0;
       }

       .presentacionTitular{
        width:100%;
        max-width:800px;
       }
      .presentacionImagenes{
        width:100%;
        justify-content: center;
        gap:3%;
      }

      .presentacionFoto{
        min-width:10px;
        height:200px;
      }

      .presentacionIconSpace{
        width:130px;
      }

      .presentacionIcon{
        width:130px;
        height:130px;
      }

      .presentacionAbajo{
        gap:45px;
      }
      
      .presentacionParrafo{
        font-size: 16px;
        line-height:22px;
      }


    }



    @media(max-width:800px){


      .presentacionAbajo{
        flex-direction: column;
        gap:60px;
      }

      .presPrimer{
        width:100%;
      }

      .presSegun{
        width:100%;
      }

      .presentacionParrafo{
        font-size: 15px;
        line-height:22px;
      }

      .presentacionItalica{
        font-size: 18px ;
        line-height: 25px ;
      }

      .presentacionTextos{
        gap:40px;
      }

    }