@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap');
/* Estilos responsivos */
@media (max-width: 600px) {
    .txtBtMenuPeq {
		font-size: 6vw;
	}
	.txtBtMenuGd {
		font-size: 10vw;
	}
	.txtBtSobNosPeq {
		font-size: 3.5vw;
	}
	.txtBtSobNosGd {
		font-size: 5vw;
	}
	.txtBotonesBanderas {
        font-size: 6vw;
    }
	.txtMenu {
		font-size: 5vw; /* Ajuste para pantallas pequeñas (móviles) */
	}
	.txtTituloCategoria {
			font-size: 8vw; 
	}
	.txtBotonesInicio{
		font-size: 3.5vw;
	}
}  
@media (min-width: 601px) and (max-width: 1024px) {
    .txtBtMenuPeq {
		font-size: 6vw;
	}
	.txtBtMenuGd {
		font-size: 10vw;
	}
	.txtBtSobNosPeq {
		font-size: 3.5vw;
	}
	.txtBtSobNosGd {
		font-size: 5vw;
	}
	.txtBotonesBanderas {
        font-size: 6vw;
    }	
	.txtMenu {
		font-size: 5vw; /* Ajuste para tablets */
	}
	.txtTituloCategoria {
			font-size: 8vw; 
	}
	.txtBotonesInicio{
		font-size: 3.5vw;
	}
}
@media (min-width: 1025px) {
    .txtBtMenuPeq {
		font-size: 6vw;
	}
	.txtBtMenuGd {
		font-size: 10vw;
	}
	.txtBtSobNosPeq {
		font-size: 3.5vw;
	}
	.txtBtSobNosGd {
		font-size: 5vw;
	}
	.txtBotonesBanderas {
        font-size: 5vw;
    }
	.txtMenu {
			font-size: 6vw; /* Ajuste para pantallas grandes (PCs) */
	}
	.txtTituloCategoria {
			font-size: 8vw; /* Ajuste para pantallas grandes (PCs) */
	}
	.txtBotonesInicio{
		font-size: 3.5vw;
	}
}
.txtBtMenuPeq,
.txtBtMenuGd,
.txtBtSobNosPeq,
.txtBtSobNosGd,
.txtBotonesBanderas {
    text-decoration: none;
    color: #FFFFFF; 
    font-family: "Archivo Black", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
}
.txtMenu {
	font-family: "Archivo Black", sans-serif;
	font-weight: 400;
	color: #FFFFFF;
	text-align: left;
}
.txtBotonesInicio{
	text-decoration: none;
	color: #FFFFFF; 
	font-family: "Archivo Black", sans-serif;
	font-weight: 400;
	font-style: normal;
	text-align: center;
}
.txtTituloCategoria {
	font-family: "Archivo Black", sans-serif;
	font-weight: 400;
	color: #FFFFFF;
	text-align: center;
}
.txtNombreProducto {
   	font-size:  22px;
	font-family: 'Roboto Condensed', Arial Black, Helvetica, sans-serif;
   	font-weight: bold;
	color: #FFFFFF;
	border-color: #000000; 
	border-collapse: collapse;
	text-align: left;
	}
.txtPrecioProducto {
   	font-family: 'Roboto Condensed', Arial Black, Helvetica, sans-serif;
	color: #FFFFFF;
	border-color: #000000; 
	border-collapse: collapse;
	font-size: 14px;
	text-align: right;
}
.txtingredienteProducto {
   	font-family: 'Open Sans Condensed', sans-serif;
	color: #FFFFFF;
	font-size: 17px;
	text-align: left;
}
.txtMercado {
   	font-family: 'Open Sans Condensed', sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	text-align: center;
}
.csalergenos {
   	font-family: 'Open Sans Condensed', sans-serif;
	color: #FFFFFF;
	font-size: 20px;
	text-align: left;
}
.csalergenos2 {
   	font-size: 18px;
	font-family: 'Roboto Condensed', Arial Black, Helvetica, sans-serif;
   	font-weight: bold;
	color: #FE9200;
	border-color: #000000; 
	border-collapse: collapse;
	text-align: left;
}
.csnosotros {
   	font-size:  22px;
	font-family: 'Roboto Condensed', Arial Black, Helvetica, sans-serif;
   	font-weight: bold;
	color: #FFFFFF;
	border-color: #000000; 
	border-collapse: collapse;
	text-align: center;
}
.csdireccion {
   	font-family: 'Open Sans Condensed', sans-serif;
	color: #FFFFFF;
	font-size: 20px;
	text-align: left;
}
.cstelefono {
   	font-size:  24px;
	font-family: 'Roboto Condensed', Arial Black, Helvetica, sans-serif;
   	font-weight: bold;
	color: #FE9200;
	border-color: #000000; 
	border-collapse: collapse;
	text-align: left;
}
.cstelefono a:link  {
	color: #FE9200;
}
.csredes {
   	font-size:  20px;
	font-family: 'Roboto Condensed', Arial Black, Helvetica, sans-serif;
   	font-weight: bold;
	color: #FE9200;
	border-color: #000000; 
	border-collapse: collapse;
	text-align: left;
}
.CustomStyle {
   font-family:Tahoma, Geneva, sans-serif;
   font-weight: bold;
   font-size: 25px;
   color:#000;
   text-align:left;
   background-color: transparent;
}
.txtAlergenos {
    font-family: "Archivo Black", sans-serif;
    font-weight: 400;
    color: #FFFFFF;
    text-align: center;
	font-size: 3vw;
}
a,
a:link,
a:visited,
a:focus,
a:hover,
a:active {
	text-decoration: none;
	color: #FFF;
}

input:focus, textarea:focus, select:focus {
    outline: none;
	text-decoration: none;
}