.proyectos{
        display:flex;
        width:100%;
        flex-direction:column;
        /*background-color:brown;*/
        align-items:center;
      }
      .proyectosTop{
        display:flex;
        width:100%;
        padding:77px 20px;
        justify-content:center;
        /*background-color:beige;*/
      }

      
      .proyectosTop .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*/
      }
      
      .proyectos .line{
        width:100%;
        max-width:1155px;
        height:1px;
        background-color:#BFBFBF;
      }
     
      
     .proyectosIndividual{
        display:flex;
        width:100%;
        padding:70px 20px;
        justify-content:center;
        /*background-color:brown;*/
      }
      
      .proyectosIndividual.color{
        background-color:#F2F2F2;
      }
      
      .proyectosIndividual .contenido{
        display:flex;
        width:100%;
        max-width:1023px;
        gap:25px;
        justify-content:space-between;
       /* background-color:pink;*/
      }
      
      .proyectosIndividual .contenido .foto{
        display:flex;
        width:418px;
        height:292px;
        border-radius:17px;
        background-color:black;
        flex-shrink:0;
      }
      
      .proyectosIndividual .contenido .foto img{
        width:100%;
        object-position:center;
        object-fit:cover;
        border-radius:17px;
      }
      
      .proyectosIndividual .contenido .textos{
        display:flex;
        width:100%;
        max-width:537px;
        /*background-color:purple;*/
        flex-direction:column;
        gap:39px;
      }

      
      
      .proyectosIndividual .contenido .textos .titular{
        display:flex;
        width:100%;
        gap:23px;
        align-items:center;
        /*background-color:lightblue;*/
      }
      
      .proyectosIndividual .contenido .textos .titular h3{
         font-family: "Open Sans", sans-serif;
         font-weight: 600;
         font-style: normal;
         font-size:22.29px; /*px*/
         line-height:25.7px; /* ej. 1.5, 20px, auto*/
         letter-spacing:0.01em; /*ej. 2px o 0.1 em*/
      }
      
      
      .proyectosIndividual .contenido .textos .titular .icon{
        display:flex;
        width:81.16px;
        height:78.67px;
        /*background-color:black;*/
        flex-shrink:0;
      }
      
      .proyectosIndividual .contenido .textos .bottomContent{
        display:flex;
        width:100%;
        flex-direction:column;
        gap:14px;
        /*background-color:pink;*/
      }
      
      .proyectosIndividual .contenido .textos .bottomContent a.selection{
        text-decoration:none;
        color:inherit;
        cursor:pointer;
        display:flex;
        align-items:center;
        width:100%;
        border-radius:13px;
        padding:18px 16px 18px 33px;
        /*background-color:lightgreen;*/
        box-shadow:0 0 10px rgba(0,0,0,0.2);
        justify-content:space-between;
        transition:all 0.1s ease;
        background-color:white;
      }
      
     .proyectosIndividual .contenido .textos .bottomContent a.selection:hover{
        transform:scale(101%);
      }
      
       .proyectosIndividual .contenido .textos .bottomContent a.selection p{
         font-family: "Open Sans", sans-serif;
         font-weight: 400;
         font-style: normal;
         font-size: 16px; /*px*/
         line-height: 16px; /* ej. 1.5, 20px, auto*/
        letter-spacing:0.015em; /*ej. 2px o 0.1 em*/
      }
      
      .proyectosIndividual .contenido .textos .bottomContent a.selection .flechaCaja{
        display:flex;
        width:25.46px;
        height:25.46px;
        /*background-color:black;*/
      }
      
      @media(max-width:820px){
        
        .proyectosIndividual .contenido{
          flex-direction:column;
          /*background-color:green;*/
          align-items:center;
        }
        
        .proyectosIndividual .contenido .textos .titular{
          justify-content:space-between;
          /*background-color:pink;*/
        }
        
        .proyectosIndividual .contenido .textos .titular .icon{
          order:2;
        }
        
        .proyectosIndividual{
          padding:55px 20px;
        }
        
        
      }
      
      @media(max-width:570px){
      
        .proyectosIndividual .contenido .foto{
          width:100%;
        }
        
        .proyectosTop{
          text-align:center;
          max-width:90%;
          padding:60px 20px;
        }
        
      }