body {
    font-family: 'Roboto'!important;
    padding: 0px;
    margin: 0px;
    overflow-x: hidden!important;
    background-color: #f1f1f1!important;
  }
  
  input {
    border: 1px solid #ccc;
    border-radius: 3px;
  }
  
  button {
    background-color: var(--generalBotonFondo);
    border: 1px solid var(--generalBotonFondo);
    color: var(--generalBotonFont);
    border-radius: 3px;
  }
  
  b {
    font-weight: 600!important;
  }
  
  a {
    color: #333;
  }
  
  a:hover {
    color: #333;
    text-decoration: none;
  }
  
  .centered {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
  
  .left {
    text-align: left;
  }
  
  .right {
    text-align: right;
  }
  
  .mapaWrap {
      background-color: #ccc;
  }
  
  .promociones {
    background-color: #c3986b;
  }

  .promociones-titulo {
    color:#fff;
  }
  
  .borde-resaltado-01 {
    border: 1px solid #4c2f11;
  }

  h1 {
    font-family: 'Montserrat'!important;
    font-weight: 500!important;
    font-size: 35px!important;
    color: var(--color1);
  }
  
  h2 {
    font-family: 'Montserrat'!important;
    font-weight: normal!important;
    font-size: 25px;
    color: var(--color1);
  }
  
  h3 {
    font-family: 'Montserrat'!important;
    font-weight: normal!important;
    font-size: 17px;
    color: var(--color3);
  }
  
  .whatsapp {
      padding: 8px;
      border-radius: 10px;
      background-color: var(--colorWhatsApp);
      color: var(--color1);
  }
  
  .whatsapp:hover {
      text-decoration: none;
      background-color: #128C7E;
      color: #fff;
  }
  
  .telefono {
    padding: 8px;
    border-radius: 10px;
    background-color: #439bcd;
    color: #fff;
  }
  
  .telefono:hover {
      text-decoration: none;
      background-color: #2285ca;
      color: #fff;
  }
  
  .videoBackground {
    background-color:#000;
    padding-top: 50px;
    padding-bottom: 40px;
  }
  
  .icono {
    padding: 3px;
    min-width: 50px;
    max-height: 50px;
  }
  
  .importante a {
    color:var(--color2);
  }
  
  .fondoDegrade {
      background: rgb(2,2,2);
      background: linear-gradient(180deg, rgba(2,2,2,1) 0%, rgba(71,71,71,1) 94%);
  }
  
  .cBlanco {
    color: #fff;
  }
  
  .cNegro {
    color: #000;
  }
  
  .cGris {
    color: #9c9c9c;
  }
  
  .bloque4 {
    background-color: #f2f2f2;
  }
  
  .verColeccionBlanco {
    color:#fff;
    border-bottom: 1px dotted #fff;
    padding-bottom: 3px;
  }
  
  .verColeccionBlanco:hover {
    color:#fff!important;
    text-decoration: none;
    color:inherit!important;
  }
  
  .verColeccionNegro {
    color:#000;
    border-bottom: 1px dotted #000;
    padding-bottom: 3px;
  }
  
  .verColeccionNegro:hover {
    color:#444;
    text-decoration: none;
    color:inherit!important;
  }
  
  .bloque1 {
    margin-top:-5px;
  }
  
  a.urlCategoria {
      color: #9c9c9c!important;
  }
  
  a.urlCategoria:hover {
    color: #9c9c9c;
  }
  
  .tituloSeccion {
    font-weight: 600!important;
  }
  
  .cursorHand {
      cursor: grab;
  }
  
/*----------------------------------------------------*/

.turnos_precios {
  border: 1px solid #e2b687;
}
/*----------------------------------------------------*/
  
  .sucursalBox {
  
  }
  
  .sucursalBox .nombreSucursal {
      display:block;
      background-color: #fff;
      color: #e2b687;
      font-size: 25px;
      font-weight: bold;
  }
  
  .sucursalBox .nombreSucursal:hover {
      background-color: #e2b687;
      color: #fff!important;
      text-decoration:none;
  }
  
.promo-especial-box {
      border: 1px solid #ccc;
  }

  .tuSucursal {
    display:block;
    background-color: #fff3cd;
    color: #e2b687;
    font-size: 25px;
    font-weight: bold;
    border: 1px dashed #e2b687;
  }

  .tuSucursal:hover {
    background-color: #e2b687;
    color: #fff!important;
    text-decoration:none;
  }

  .botonWhatsApp {
      display: block;
      background-color: var(--whatsAppFondo);
      padding: 5px;
      color: var(--whatsAppFont);
      font-weight: bold;
      text-align: center;
  }
  
  .botonWhatsApp:hover {
      text-decoration: none;
      color: var(--whatsAppFont);
      background-color: var(--whatsAppFondoHover);
  }
  
  .botonTelefono {
    display: block;
    background-color: #999;
    padding: 5px;
    color: #fff;
    font-weight: bold;
    text-align: center;
  }
  
  .botonTelefono:hover {
    text-decoration: none;
    color: #fff;
    background-color: #333;
  }

  .botonTurno {
    display: block;
    background-color: #999;
    padding: 5px;
    color: #fff;
    font-weight: bold;
    text-align: center;
  }

  .botonTurno:hover {
    text-decoration: none;
    color: #fff;
    background-color: #333;
  }
  
.linkResaltado {
    text-decoration: underline;
    background-color: #e2b687;
    font-weight: bold;
    padding:5px;
}

.card-header {
  background-color: #dad1cb!important;
}

.card-header button {
  color: var(--color3)!important;
  font-weight: bold;
}


.tachado {
  color:#999;
  text-decoration: line-through;
  font-size: 10px!important;
}

.descuento {
  color:#00a650;
}

  /*----------------------------------------------------*/
  
  @media screen and (min-width: 0px) {
      .bloque1 {
        min-height: 570px!important;
      }
      h1 {
        font-family: 'Montserrat'!important;
        font-size: 28px!important;
        font-weight: 700!important;
      }
      h2 {
        font-family: 'Montserrat'!important;
        font-size: 19px!important;
      }
      h3 {
        font-family: 'Montserrat'!important;
        font-size: 18px!important;
        font-weight: 600!important;
      }
  }
  
  @media screen and (min-width: 750px) {
    .bloque1 {
      min-height: 680px!important;
    }
    h1 {
      font-family: 'Montserrat'!important;
      font-size: 40px!important;
      font-weight: 700!important;
    }
    h2 {
      font-family: 'Montserrat'!important;
      font-size: 22px!important;
      font-weight: 600!important;
    }
    h3 {
      font-family: 'Montserrat'!important;
      font-size: 22px!important;
    }
  }
  
  @media screen and (min-width: 970px) {
    .bloque1 {
      min-height: 800px!important;
    }
    h1 {
      font-family: 'Montserrat'!important;
      font-size: 45px!important;
      font-weight: 700!important;
    }
    h2 {
      font-family: 'Montserrat'!important;
      font-size: 25px!important;
    }
    h3 {
      font-family: 'Montserrat'!important;
      font-size: 25px!important;
      font-weight: 600!important;
    }
  }
  
  @media screen and (min-width: 1170px) {
    .bloque1 {
      min-height: 900px!important;
    }
    h1 {
      font-family: 'Montserrat'!important;
      font-size: 48px!important;
      font-weight: 700!important;
    }
    h2 {
      font-family: 'Montserrat'!important;
      font-size: 25px!important;
    }
    h3 {
      font-family: 'Montserrat'!important;
      font-size: 25px!important;
      font-weight: 600!important;
    }
  }