body {
  font-family: 'Roboto'!important;
  padding: 0px;
  margin: 0px;
  overflow-x: hidden!important;
  background-color: #ccc!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;
}

.centered {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.mapaWrap {
    background-color: #ccc;
}


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) 30%);
}

.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;
}

.bloque-bota {
  color:#fff;
  background-image: url('../uploads/tigre/bota/fondos/01.png');
  background-position: right;
}

.bloque-bota h1 {
  color:#fff;
}

h3.titulo-equipo {
   background-color: #565656;
   color: #fff;
}

/*----------------------------------------------------*/

.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;
}

.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;
}
  

.bloque01 {
    background-color: #555555;
}

.bg-1 {
  background-color: #555555;
}

.bloque02 {
    background-color: #ea1c24;
}

.bg-2{
  background-color: #ea1c24;
}

.bloque03 {
    background-color: #000;
} 

.bg-3 {
  background-color: #000;
}  


.bloque04 {
  background-color:  #005599;
}

.bg-4 {
  background-color:  #005599;
}

.bloque05 {
  background-color:  #6d6d6d;
}

.bg-5 {
  background-color:  #6d6d6d;
}

.bloque06 {
  background-color:  #1D1E1C;
}

.bg-6 {
  background-color:  #1D1E1C;
}

.bg-7 {
  background-color: #fff;
}

.bg-8 {
  background-color: #B69D83;
}

.bg-9 {
  background-color: #4b5064;
}

.bg-naranja {
  background-color: #ff5730;
}

.bloque-bg-foto {
  min-height: 380px;
  background-size: cover;
  background-position: center;
}

/*----------------------------------------------------*/

  
  
@media screen and (min-width: 0px) {
    .videoPortada {
      height: 400px; 
    }
    .bloque01 {
        min-height: 100px;
    }

    .bloque02 {
        min-height: 100px;
    }

    .bloque03 {
        min-height: 100px;
    }  

    .bloque04 {
      min-height: 100px;
    }  

    .bloque05 {
      min-height: 100px;
    }  

    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) {
  .videoPortada {
    height: 100%; 
  }
  .bloque01 {
    min-height: 200px;
  }

  .bloque02 {
      min-height: 200px;
  }

  .bloque03 {
      min-height: 200px;
  }  
  .bloque04 {
      min-height: 200px;
  }  

  .bloque05 {
      min-height: 200px;
  } 
  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) {
  .bloque01 {
    min-height: 270px;
  }

  .bloque02 {
      min-height: 270px;
  }

  .bloque03 {
      min-height: 270px;
  }  
  .bloque04 {
    min-height: 270px;
  }  

  .bloque05 {
    min-height: 270px;
  } 
  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) {
  .bloque01 {
    min-height: 370px;
  }

  .bloque02 {
      min-height: 370px;
  }

  .bloque03 {
      min-height: 370px;
  }  
  .bloque04 {
    min-height: 370px;
  }  

  .bloque05 {
    min-height: 370px;
  } 
  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;
  }
}


@media screen and (min-width: 1600px) {
  .bloque01 {
    min-height: 480px;
  }

  .bloque02 {
      min-height: 480px;
  }

  .bloque03 {
      min-height: 480px;
  }  
  .bloque04 {
    min-height: 400px;
  }  

  .bloque05 {
    min-height: 400px;
  } 
  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;
  }
}