.proyectosSeccionPro{
        display:flex;
        width:100%;
        flex-direction:column;
        /*background-color:brown;*/
        align-items:center;
      }
      
      .proyectosSeccionTopPro{
        display:flex;
        width:100%;
        padding:77px 20px;
        justify-content:center;
        /*background-color:beige;*/
        flex-direction:column;
        align-items:center;
        gap:19px;
      }
      
      .proyectosSeccionTopPro .title{
         width:100%;
         max-width:1123px;
         /*background-color:green;*/
         font-family: "Open Sans", sans-serif;
         font-weight: 600;
         font-style: normal;
         font-size:37px; /*px*/
         line-height:37px; /* ej. 1.5, 20px, auto*/
         letter-spacing:0.01em; /*ej. 2px o 0.1*/
      }
      
      
     .proyectosSeccionTopPro p{
        width:100%;
         font-family: "Open Sans", sans-serif;
         font-weight: 400;
         font-style: italic;
         font-size: 18px; /*px*/
         line-height: 21px; /* ej. 1.5, 20px, auto*/
         letter-spacing:0.02em; /*ej. 2px o 0.1 em*/
        max-width:1123px;
      }
      
      .proyectosSeccionPro .line{
        width:100%;
        max-width:1155px;
        height:1px;
        background-color:#BFBFBF;
      }
      

      
.proyectosSeccionBottomPro .noFound{
         width:100%;
         max-width:1123px;
         /*background-color:green;*/
         font-family: "Open Sans", sans-serif;
         font-weight: 400;
         font-style: normal;
         font-size:16px; /*px*/
         line-height:24px; /* ej. 1.5, 20px, auto*/
         letter-spacing:0.01em; /*ej. 2px o 0.1*/
         text-align: center;
}


      .proyectosSeccionBottomPro{
        display:flex;
        flex-direction:column;
        padding:64px 20px 120px 20px;
        /*background-color:grey;*/
        gap:40px;
        justify-content:center;
        align-items:center;
        width:100%;
      }
      
      .proyectosSeccionBottomPro .tarjetaPro{
        display:flex;
        width:100%;
        max-width:1128px;
        border-radius:20px;
        background-color:#F2F2F2;
        padding:32px 46px 32px 33px;
        gap:25px;
        justify-content:space-between;
        align-items:center;
        transition:all 0.25 ease;
      }
      .proyectosSeccionBottomPro .tarjetaPro:hover{
        transform:scale(101%);
      }
      
      .proyectosSeccionBottomPro .tarjetaPro .foto{
        display:flex;
        width:520px;
        height:368px;
        flex-shrink:0;
        background-color:black;
        border-radius:17px;
      }
      
      .proyectosSeccionBottomPro .tarjetaPro .foto img{
        width:100%;
        object-fit:cover;
        object-position:center;
        border-radius:17px;
      }
      
      .proyectosSeccionBottomPro .tarjetaPro .info{
        width:100%;
        max-width:457px;
        display:flex;
        flex-direction:column;
      }
      
      .proyectosSeccionBottomPro .tarjetaPro .info h4{
         font-family: "Open Sans", sans-serif;
         font-weight: 600;
         font-style: normal;
         font-size:28px; /*px*/
         line-height:31px; /* ej. 1.5, 20px, auto*/
         letter-spacing:0.01em; /*ej. 2px o 0.1 em*/
         padding-bottom:20px;
      }
      
      .proyectosSeccionBottomPro .tarjetaPro .info p.subtitle{
         font-family: "Open Sans", sans-serif;
         font-weight: 500;
         font-style: normal;
         font-size:16.06px; /*px*/
         line-height:19px; /* ej. 1.5, 20px, auto*/
         letter-spacing:0.01em; /*ej. 2px o 0.1 em*/
      }
      
      .proyectosSeccionBottomPro .tarjetaPro .info p.parrafo{
         font-family: "Open Sans", sans-serif;
         font-weight: 400;
         font-style: normal;
         font-size:16.06px; /*px*/
         line-height:20px; /* ej. 1.5, 20px, auto*/
         letter-spacing:0.01em; /*ej. 2px o 0.1 em*/
        padding-top:18px;
        padding-bottom:42px;
        /*background-color:pink;*/
      }
      
      .proyectosSeccionBottomPro .tarjetaPro .info .line{
        display:flex;
        width:100%;
        background-color:#BFBFBF;
        height:1px;
      }
      
      .proyectosSeccionBottomPro .tarjetaPro .info .botones{
        display:flex;
        width:100%;
        gap:10px;
        padding-top:28px;
        align-items:center;
        justify-content:space-between;
        max-width:351px;
      }
      
      .proyectosSeccionBottomPro .tarjetaPro .info .botones a{
        display:flex;
        gap:10px;
        width:fit-content;
        align-items:center;
        /*background-color:lightgreen;*/
        text-decoration:none;
        color:inherit;
      }
      
      .proyectosSeccionBottomPro .tarjetaPro .info .botones  a .texto{
         font-family: "Open Sans", sans-serif;
         font-weight: 400;
         font-style: italic;
         font-size: 17.9px; /*px*/
         line-height: 21px; /* ej. 1.5, 20px, auto*/
         letter-spacing:0.03em; /*ej. 2px o 0.1 em*/
      }
      
      .proyectosSeccionBottomPro .tarjetaPro .info .botones  a .flechaPro{
        display:flex;
        width:25.95px;
        height:25.95px;
        /*background-color:black;*/
        flex-shrink:0;
      }
      
      .proyectosSeccionBottomPro .tarjetaPro .info .botones  a .flechaPro img{
        width:100%;
        object-fit:cover;
        object-position:center;
      }
      
      
      
      
      @media(max-width:1015px){
        
        .proyectosSeccionBottomPro .tarjetaPro{
            flex-direction:column;
        }
        
        .proyectosSeccionBottomPro .tarjetaPro .foto{
            width:450px;
            height:300px;
        }
        
        .proyectosSeccionBottomPro .tarjetaPro .info {
          max-width:100%;
          align-items:center;
          text-align:center;
        }
        
        .proyectosSeccionTopPro {
           text-align:center;
        }
        
        
      }
      
      @media(max-width:600px){
        
        .proyectosSeccionTopPro {
          text-align:center;
          padding:50px 15px;
        }
        
        .proyectosSeccionBottomPro .tarjetaPro{
          padding:10px 10px 30px 10px;
        }

        .proyectosSeccionBottomPro .tarjetaPro .foto{
          width:100%;
          height:290px;
        }
        
        .proyectosSeccionBottomPro .tarjetaPro .info .botones{
          flex-direction:column;
          gap:23px;
          padding-top:20px;
        }
        
        .proyectosSeccionBottomPro .tarjetaPro .info p.parrafo{
          padding-bottom:20px;
        }
        
      }