@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

 * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
 }

 .contaboutus {
     margin: 45px;
     margin-top: 100px;
     line-height: 1.5;
     text-align: start;
 }


 /* CSS Locales */
 .locales {
     display: flex;
     flex-direction: row;
     justify-content: space-evenly;
     flex-wrap: wrap;
     gap: 2rem;
     margin: 10px 0 60px 0;
     text-align: center;
 }

 .local {
     display: flex;
     flex-direction: column;
     align-items: center;
     max-width: 400px;
 }

 .direccion {
     font-size: 16px;
     margin-bottom: 10px;
     text-align: center;
 }


 .contaboutus p {
     margin: 10px 0;
     font-size: 1.2rem;
 }

 .contaboutus h1 {
     margin: 3rem 0 0 0;
     font-size: 2rem;
 }

 .contaboutus a {
     text-decoration: none;
     color: black;
     transition: .5s ease;
 }

 .contaboutus a:hover {
     color: #3897b7;
     transition: .5s ease;
 }

 .contaboutus ul {
     margin: 10px 0 10px 10px;
     padding: 0;
     list-style-type: none;
 }

 .garantia li::marker {
     content: "🐱";
 }

 span,
 strong {
     color: #3897b7;

 }



 @media screen and (max-width:479px) {
     * {
         font-size: 12px;
     }

     h1 {
         font-size: 0.5rem;
         text-align: center;
     }

     .locales {
         display: flex;
         flex-direction: column;
         justify-content: center;
         flex-wrap: wrap;
         gap: 1rem;
         margin: 10px 0 60px 0;
         text-align: center;
     }

     .local {
         display: flex;
         flex-direction: column;
         align-items: center;
         max-width: 10rem;
         margin: 0 auto;
     }

     .local h3 {
         font-size: 15px;
     }

     .direccion {
         font-size: 10px;
         margin-bottom: 10px;
         text-align: center;
     }
 }