.sulisTitles{
         font-family: "Open Sans", sans-serif;
         font-weight: 600;
         font-style: normal;
         font-size:20px; /*px*/
         line-height:20px; /* ej. 1.5, 20px, auto*/
         letter-spacing:0.01em; /*ej. 2px o 0.1 em*/
   } 

   .sulisParrafo{
         font-family: "Open Sans", sans-serif;
         font-weight: 400;
         font-style: normal;
         font-size: 15px; /*px*/
         line-height: 20px; /* ej. 1.5, 20px, auto*/
         letter-spacing:0.015em; /*ej. 2px o 0.1 em*/
   }
     
      

      .sulis{
        display:flex;
        width:100%;
        padding:107px 150px 107px 164px;
        gap:88px;
        background-color:#F5F9ED;
        justify-content: center;
        align-items: center;
      }

      .sulisWrapper{
        display:flex;
        width:100%;
        justify-content: center;
      }
      
      .sulisContenido{
        display:flex;
        max-width:1200px;
        flex-wrap:wrap;
        column-gap:71px;
        row-gap:70px;
        /*background-color:lightgrey;*/
        justify-content: space-between;
      }
      
      .sulisSucursal{
        display:flex;
        width:100%;
        max-width:530px;
        gap:43px;
        /*background-color:pink;*/
      }
      
      .sulisFoto{
        display:flex;
        flex-shrink:0;
        width:189px;
        height:155px;
        /*background-color:black;*/
        background-size:cover;
        background-position:center;
        background-repeat:no-repeat;
      }
      
      .sulisFoto1{
        background-image:url("./foto1.png");
      }
      
      .sulisFoto2{
        background-image:url("./foto2.png");
      }
      
      .sulisFoto3{
        background-image:url("./foto3.png");
      }
      
      .sulisFoto4{
        background-image:url("./foto4.png");
      }
      
      .sulisFoto5{
        background-image:url("./foto5.png");
      }
      
      .sulisFoto6{
        background-image:url("./foto6.png");
      }
      
      .sulisFoto7{
        background-image:url("./foto7.png");
      }
      
      .sulisFoto8{
        background-image:url("./foto8.png");
      }
      
      .sulisFoto9{
        background-image:url("./foto9.png");
      }
      
      .sulisFoto10{
        background-image:url("./foto10.png");
      }
      
      .sulisFoto11{
        background-image:url("./foto11.png");
      }
      
      .sulisFoto12{
        background-image:url("./foto12.png");
      }

      .sulisFoto13{
        background-image:url("./foto13.png");
      }      
      
      .sulisData{
        display:flex;
        width:100%;
        flex-direction:column;
        /*background-color:lightblue;*/
        gap:19px;
      }
      
      .sulisContacto{
        display:flex;
        flex-direction:column;
        width:100%;
        gap:12px;
        /*background-color:yellow;*/
      }
      
      .sulisBoton{
        all:unset;
        cursor:pointer;
        display:flex;
        width:100%;
        gap:17px;
        font-family: "Open Sans", sans-serif;
        font-weight: 400;
        font-style: italic;
        font-size: 15.5px; 
        line-height: 20px;
        letter-spacing:0.03em;
        align-items:center;
      }
      
      .sulisFlecha{
        display:flex;
        width:29px;
        height:29px;
        /*background-color:black;*/
        background-image: url("./flecha.svg");
        background-size:cover;
        background-position:center;
        background-repeat:no-repeat;
      }


      @media(max-width:1464px){
        
        .sulis{
          padding:80px 90px;
          gap:40px;
        }

        .sulisSucursal{
          max-width: 450px;
        }

        .sulisContenido{
          max-width: 1000px;
        }

      }

      @media(max-width:1169px){
        .sulisContenido{
          justify-content: center;
        }
       .sulis{
          padding:80px 90px;
        }
      }

      @media(max-width:608px){

        .sulis{
          padding-left: 40px;
          padding-right: 40px;
        }

          .sulisSucursal{
            flex-direction: column;
            max-width: none;
          }
      }