/*
# Esquema de colores

## Paleta

#white  (blanco)
#f1f1f1 (gris muy claro)
#f6f6f6 (gris claro)
#7a7a7a (gris)
#232323 (gris oscuro)
#2C2320 (marrón oscuro)
#463833 (marrón)
#FFFAE9 (amarillo claro)
##fffcf3 (amarillo muy claro)
#24b9d7 (turquesa)

## Roles

### Encabezado
Fondo: marrón oscuro
Texto: amarillo claro
Destaque: marrón
Activo: turquesa

### Barra navegación
Fondo: blanco
Texto: gris
Señalado: turquesa

### Cuerpo
Fondo: amarillo claro
Texto: gris
Titular: gris oscuro

### Botones
Fondo: turquesa
Texto: blanco

### Enlaces
Fondo: trasparente
Texto: turquesa

### Campos de entrada de datos
Fondo: blanco,gris muy claro, gris claro
Texto: gris

### Recuadros
Fondo: amarillo muy claro
Texto: gris oscuro
*/

#wrapper, .quickview .modal-content {
  background-color: #FFFAE9;
}

nav {
  background-color: #2C2320;
  color: #FFFAE9;
}

#header .header-nav .blockcart {
  background-color: #463833;
}

#header a, .dropdown .expand-more {
  color: #FFFAE9;
}

#header .dropdown a {
  color: #232323;
}

#header .dropdown a:hover {
  color: #24b9d7;
}

.product-miniature .thumbnail-container, .product-miniature .product-description {
  background-color: transparent;
}

.block-social ul li {
  background-color: #7a7a7a;
}

.carousel .carousel-item .caption {
  top: 20px;
  left: 70px
}

.carousel .carousel-item .caption .display-1 {
  font-size: 2rem;
  font-weight: normal
}

.icon {
  width: 40px;
  margin: 0 3px;
}