@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

body {
    background-color: #555;
    font-family: 'Open Sans'!important;
    color: #fff;
}

#header {
    background-color: #fff;
    color: #fff!important;
}

.productoBox {
    min-height: 400px;
}

.listaProductos {
    background-color: #fff;
}

.listaProductos td {
    vertical-align: middle;
    font-size: 20px;
}

.imgProducto {
    max-height: 200px!important;
}

.bloqueProducto:hover {
    background-color: #4564fa!important;
}

.bloqueProducto a:hover {
    text-decoration: none!important;
}

.logo {
    max-height: 300px;
}

.listaDePrecios {
    color:#fff;
    font-size: 3vh;
    font-weight: bold;
    background-color: #4564fa;
}

.listaDePrecios:hover {
    color:#fff;
    text-decoration: none;
    background-color: #000;
}

.precio {
    background-color: #4564fa;
    color:#fff;
    font-size: 3vh;
    font-weight: bold;
}

.bulto {
    background-color: #4564fa;
    color:#FFF;
    font-size: 2vh;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 5px;
}

.btn_rojo {
    background-color: #4564fa;
    color:#fff;
    font-weight: bold;
    font-size: 30px;
}

.btn_rojo:hover {
    background-color: #000;
    color:#fff;
    text-decoration: none;
}

.btn_whatsapp {
    background-color: #25D366;
    color:#fff;
    font-weight: bold;
    font-size: 30px;
}

.btn_whatsapp:hover {
    background-color: #1b8f47;
    color:#fff;
    text-decoration: none;
}

.icono_blanco {
    fill:#fff;
    color:#fff;
    max-height: 30px;
}

.icono_rojo {
    fill:#AD2731;
    color:#AD2731;
    max-height: 30px;
}

#bloque_01 {
    background-color: #333;
    color: #fff!important;
}

.texto-blanco {
    color: #fff!important;
}

.fondo-01 {
    background-image: url('../uploads/header-03.png');
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
}

.fondo-03 {
    background-image: url('../uploads/header-02.png');
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
}

.fondo-02 {
    background-color: #111;
}

#footer {
    background-color: #fff;
    min-height: 100px;
    color: #fff!important;
}

.btn_waze {
    color:#fff!important;
    background-color: #33ccff;
    text-decoration: none;
    font-weight: bold;
}

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




 /*----------------------------------------------------*/
  
 .frase {
	font-size: 10vw;
	opacity: 0;
	display: none;
	color: #fff;
    background-color: #4564fa;
    font-weight: bold;
}
  @media screen and (min-width: 0px) {
    .frase {
        font-size: 5vh;
    }
  }
  
  @media screen and (min-width: 750px) {
    .frase {
        font-size: 5vw;
    }
  }
  
  @media screen and (min-width: 970px) {
    .frase {
        font-size: 5vw;
    }
  }
  
  @media screen and (min-width: 1170px) {
    .frase {
        font-size: 2.5vw;
    }
  }