/* ::-webkit-scrollbar {
    display: block;
} */

:root {
  --main-background-color: rgb(252, 252, 252);
  --nav-bar-height: 125px;
  --cafe-logo: rgb(65, 20, 35);
  --cafe-logo30: rgba(65, 20, 35, 0.3);
  --azul: rgb(41,62,126);
  --azulPiePag: rgba(41,62,126,0.1);
  --azulFade: rgba(32, 59, 143, 0.39);
  --amarillo: #E6B027;
  --rojo: #fd0000;
  --verdeW: #36ca6d;
  
  --letra: 9px; 
  --titulo-proy: calc(var(--letra) * 2.2);
  --letra-icono: calc(var(--letra) * 1.6);
  --letraCanton: calc(var(--letra) * 1.6);
}

* {
  padding: 0;
  margin: 0;
  font-family: 'Montserrat', sans-serif;
}

h1 {
  color: var(--primary-color)
}

h2 {
  color: var(--secondary-color);
}

button {
  min-width: 60px;
  border-style: none;
  padding: 10px 10px 10px 10px;
  margin: 5px 5px 5px 5px;
  font-weight: bold;
  color: white;
  outline: none;
}

button:focus {
  outline: none;
}

.hide {
  display: none !important;
}

.carrusel-container {
  position: relative;
}

.carrusel-wrapper {
  overflow: hidden;
}

.carrusel {
  position: relative;
}

.indicador {
  cursor: pointer;
  font-size: 1.2rem;
  margin: 0 4px;
  color: #aaa;
  transition: color 0.3s;
}

.indicador.activo {
  color: #333;
}

.carrusel {
  position: relative;
}

.carrusel img {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.8s ease;
  width: 100%;
  height: auto;
}

.carrusel img.activo {
  opacity: 1;
  position: relative;
}

.contador {
  font-size: 1rem;
  color: #555;
  font-weight: bold;
}

.colorWh{
  color: var(--verdeW);
  font-weight: lighter;
}

.colorCorreo{
  color: var(--cafe-logo);
}

.colorTel{
  color: var(--rojo);
  font-weight: 100;
}

.colorTelIcono{
  color: var(--rojo);
}

.colorMenuPrinc{
  color: var(--azul);
}