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

   .sucursalesParrafo{
         font-family: "Open Sans", sans-serif;
         font-weight: 400;
         font-style: normal;
         font-size: 17px; /*px*/
         line-height: 24px; /* ej. 1.5, 20px, auto*/
         letter-spacing:0.015em; /*ej. 2px o 0.1 em*/
   }
      
      
      
      .sucursales{
        display:flex;
        padding:112px 164px 113px 164px;
        gap:115px;
        width:100%;
        /*background-color:green;*/
      }
      
      .sucursalesPrimeraFoto{
        display:flex;
        width:100%;
        height:498px;
        background-image:url("./foto.png");
        background-size:cover;
        background-position:center;
        background-repeat:no-repeat;
        border-radius: 6px;
        /*background-color:black;*/
      }
      
      .sucursalesPrimaData{
        display:flex;
        flex-direction:column;
        width:100%;
        /*background-color:pink;*/
        justify-content:center;
      }
      
      .sucursalesLinea{
        display:flex;
        width:100%;
        height:2px;
        background-color:#CACACA;
      }
      
     
      .sucursalesFlecha{
        display:flex;
        background-image:url("./flecha.svg");
        background-size:cover;
        background-position:center;
        background-repeat:no-repeat;
        /*background-color:black;*/
        width:29px;
        height:29px;
      }
      
            
      .sucursalesBoton{
         all:unset;
         display:flex;
         gap:26px;
         cursor:pointer;
         font-family: "Open Sans", sans-serif;
         font-weight: 400;
         font-style: italic;
         font-size: 20px; /*px*/
         line-height: 22px; /* ej. 1.5, 20px, auto*/
         letter-spacing:0.03em; /*ej. 2px o 0.1 em*/
      }


      @media(max-width:1138px){

        .sucursales{
           padding:112px 60px 113px 60px;
           gap:50px;
        }

      }

      
      @media(max-width:820px){

        .sucursales{
            flex-direction: column;
            padding:100px 40px;
            align-items: center;
            justify-content: center;
            text-align: center;
        }


        .sucursalesBoton{
          align-items: center;
          justify-content: center;
        }

        .sucursalesPrimeraFoto{
          height:400px;
        }


      }

      @media(max-width:500px){
        .sucursales{
          padding: 80px 40px;
        }
        .sucursalesPrimeraFoto{
          height:300px;
        }
      }