/* Estilos por defecto (pantallas grandes) */
.movil { display: none; }
.pc { display: block; }


/* Pantallas más pequeñas */
@media (max-width: 768px) {
  .movil { display: block; }
  .pc { display: none; }

}

/* Pantallas medianas */
@media (min-width: 769px) and (max-width: 1024px) {
  .movil { display: block; }
  .pc { display: none; }
 
}

/* Pantallas grandes */
@media (min-width: 1025px) {
  .movil { display: none; }
  .pc { display: block; }

}

.menu-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; /* Alinea los iconos en el centro horizontal */
}

.menu-icon {
  flex: 1;
  max-width: 100px; /* Ajusta este valor según el tamaño deseado */
  padding: 10px; /* Agrega un espaciado entre los iconos */
  box-sizing: border-box;
  text-align: center; /* Centra el contenido horizontalmente */
}

.imagen-redondeada {
      border-radius: 10px; /* Puedes ajustar el valor según tus preferencias */
}
	
.galeria_productos {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; /* Alinea los iconos en el centro horizontal */

}


.galeria_productos_imagenes {
  flex: 1;
  max-width: 100%; /* Ajusta este valor según el tamaño deseado */
  padding: 10px; /* Agrega un espaciado entre los iconos */
  box-sizing: border-box;
  text-align: center; /* Centra el contenido horizontalmente */
}








.h50 { height:50px;}
.h80 { height:80px;}
.h100 { height:100px;}
.h150 { height:150px;}




body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px; margin:0 0 0 0;}


.encabezado { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:50px; text-align:center; padding-bottom:60px; }

.encabezado_mediano { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:30px; text-align:center; padding-top:40px; padding-bottom:40px; }

.mensaje_formulario { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:25px; text-align:center; padding-bottom:60px; }
.error_formulario { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px; color:#F69; text-align:center; padding-bottom:60px; }
.credencial { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#333333;}

.textbox80 { width:80%; height:40px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:20px; background-color:#F5F3F3;  border:#999999; margin-bottom:50px;}
.checkbox80 { height:40px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:20px; background-color:#F5F3F3;  border:#999999; }
.boton50 { width:50%; height:40px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:20px; color:#FFFFFF; background-color:#FF3399;  border:#999999; }
.boton50:active { width:50%; height:40px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:20px; color:#FFFFFF; background-color:#333333;  border:#999999; }
.combolist { width:90%; height:40px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:20px; background-color:#F5F3F3;  border:#999999; }


/* Estilo base para los enlaces del menú */
.menu a { font-size:18px;  color:#333;   text-decoration: none;  }

/* Estilo cuando se pasa el mouse sobre un enlace */
.menu a:hover { font-size:18px; color:#333; /* Cambia el color de fondo al pasar el mouse */}
.whatsapp{ font-size:18px; color:#FFF;}