html {
    box-sizing: border-box;
    font-size: 62.5%; /* 1REM = 10PX; */
  }
  *, *:before, *:after {
    box-sizing: inherit;
  }

  /*------Globales-----*/

  img{
    max-width: 100%;
    display: block;
  }

  .first {
    font-size: 2.2rem;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    line-height: 0%;
    font-weight: 600;
}

.second {
    font-size: 2.7rem;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    line-height: 1;
    font-weight: 600;
    padding-bottom: 10px;
}

.thirty {
    font-size: 2.2rem;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    line-height: 0%;
    font-weight: 600;
}

a {
  text-decoration: none;
  color: black;
}

.forty {
    font-size: 2.2rem;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    line-height: 1;
    font-weight: bold;
    padding-bottom: 10px;
}

@media (max-width: 768px) {

    .first {
        font-size: 2rem;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        line-height: 0%;
        font-weight: 600;
    }
    
    .second {
        font-size: 2.2rem;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        line-height: 1;
        font-weight: 600;
        padding-bottom: 10px;
    }
    
    .thirty {
        font-size: 2.2rem;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        line-height: 0%;
        font-weight: 600;
    }
    
    .forty {
        font-size: 2rem;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        line-height: 1;
        font-weight: bold;
        padding-bottom: 10px;
    }   

} 
 /*-----------------*/ 

.contenedor{
    max-width: 950px;
    margin: 0 auto;
}




.parent {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr 2fr 0;
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    margin-top: 50px;
    }
    
    .div1 { grid-area: 1 / 1 / 2 / 2;
     margin: 0 auto;
     margin-right: 25px;
    margin-top: 10px; }

    .div2 { grid-area: 1 / 2 / 2 / 3;

            
    }


    .div3 { grid-area: 1 / 3 / 2 / 4;
        margin: 0 auto;
    margin-right: 30px;
     }
    .div4 { grid-area: 1 / 4 / 2 / 5;
        margin-top: 10px; }


    .div5 { grid-area: 2 / 1 / 3 / 2; 
        margin: 0 auto;
        margin-right: 25px;
    }
    .div6 { grid-area: 2 / 2 / 3 / 3;
        margin-top: 10px; }


    .div7 { grid-area: 2 / 3 / 3 / 4;
        margin: 0 auto;
        margin-right: 25px;
    }

    
    .div8 { grid-area: 2 / 4 / 3 / 5; 
        margin-top: 10px;}

        .grilla-img {
            margin-top: 30px;
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                grid-template-rows: repeat(2, 1fr);
                grid-column-gap: 0px;
                grid-row-gap: 20px;
                }
                
                .div01 { grid-area: 1 / 1 / 2 / 2; }
                .div02 { grid-area: 1 / 2 / 2 / 3; }
                .div03 { grid-area: 2 / 1 / 3 / 2; }
                .div04 { grid-area: 2 / 2 / 3 / 3; }   

        @media (max-width: 480px) {

        .parent {
            .parent {
                display: grid;
                grid-template-columns: 1fr 6fr;
                grid-template-rows: repeat(4, 1fr);
                grid-column-gap: 0px;
                grid-row-gap: 0px;
                }
                
                .div1 { grid-area: 1 / 1 / 2 / 2;
                        margin-left: 50px;}
                .div2 { grid-area: 1 / 2 / 2 / 3; }
                .div3 { grid-area: 2 / 1 / 3 / 2; }
                .div4 { grid-area: 2 / 2 / 3 / 3; }
                .div5 { grid-area: 3 / 1 / 4 / 2; }
                .div6 { grid-area: 3 / 2 / 4 / 3; }
                .div7 { grid-area: 4 / 1 / 5 / 2; }
                .div8 { grid-area: 4 / 2 / 5 / 3; }
               
          }

 
               
    
  
    
}
     .map{
        margin-top: 50px;
     }   
     .map h1{
    text-align: center;
    font-size: 3.5rem;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 600;
 }


 .parent2 {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr 2fr 1fr 2fr;
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    margin-top: 25px;
    }
    
    .div9 { grid-area: 1 / 1 / 2 / 2; 
            margin: 0 auto;
            margin-right: 10px;
            margin-top: 10px;
    }
    .div10 { grid-area: 1 / 2 / 2 / 3;  
    }
    .div11 { grid-area: 1 / 3 / 2 / 4;
        margin: 0 auto;
        margin-right: 10px;
        margin-top: 10px;
     }
    .div12 { grid-area: 1 / 4 / 2 / 5; }
    .div13 { grid-area: 1 / 5 / 2 / 6;
        margin: 0 auto;
        margin-right: 10px;
        margin-top: 10px; }
    .div14 { grid-area: 1 / 6 / 2 / 7; }


    @media (max-width: 768px) {

        .parent2 {
           
                display: grid;
                grid-template-columns: 1fr 6fr;
                grid-template-rows: repeat(4, 1fr);
                grid-column-gap: 0px;
                grid-row-gap: 0px;
                }
                
                .div9 { grid-area: 1 / 1 / 2 / 2; }
                .div10 { grid-area: 1 / 2 / 2 / 3; }
                .div11 { grid-area: 2 / 1 / 3 / 2; }
                .div12 { grid-area: 2 / 2 / 3 / 3; }
                .div13 { grid-area: 3 / 1 / 4 / 2; }
                .div14 { grid-area: 3 / 2 / 4 / 3; }

                .grilla-img {
                    margin-top: 30px;
                    display: grid;
                    grid-template-columns: 1fr 0;
                    grid-template-rows: repeat(4, 1fr);
                    grid-column-gap: 0px;
                    grid-row-gap: 25px;
                        }
                        
                        .div01 { grid-area: 1 / 1 / 2 / 2; }
                        .div02 { grid-area: 2 / 1 / 3 / 2; }
                        .div03 { grid-area: 3 / 1 / 4 / 2; }
                        .div04 { grid-area: 4 / 1 / 5 / 2; }
                
               
            }


          .social_image {
            display: grid;
            grid-template-columns: repeat(2, 3fr);
            grid-template-rows: 1fr;
            grid-column-gap: 0px;
            grid-row-gap: 0px;
            }
            
            .image { grid-area: 1 / 1 / 2 / 2; 
            margin: 0 auto;
            margin-top: 25px;}

            .social{ grid-area: 1 / 2 / 2 / 3;
            margin: 0 auto;
            margin-top: 25px; }
            
            .social h1{
                text-align: center;
                font-size: 2.5rem;
                font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                font-weight: 600;
             }

footer{
    width:100%;
    height: 35px;
    background-color: black;
    margin: 0;
    padding: 1px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: white;
    font-size: 1em;
    text-align: center;

}