#banner {
  width: 100%;
  height: 350px; /* altura del banner, cámbiala según quieras */
  background: url("./imgen/oficina.jpg ") no-repeat center center;
  background-size: cover; /* ajusta la imagen al div */
  display: flex;
  align-items: center;    /* centra verticalmente el contenido */
  justify-content: center; /* centra horizontalmente */
  color: white;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
}
#banner2 {
      width: 100%;
  height: 350px; /* altura del banner, cámbiala según quieras */
  background: url("./imgen/oficina.jpg ") no-repeat center center;
  background-size: cover; /* ajusta la imagen al div */
  display: flex;
  align-items: center;    /* centra verticalmente el contenido */
  justify-content: center; /* centra horizontalmente */
  color: white;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;

}
#precio {
  width: 730px;   /* ancho del cuadro */
  padding: 8px;   /* espacio interno */
  height: 52px;
  font-size: 16px; /* tamaño de la letra */
  border-radius: 5px; /* bordes redondeados opcional */
  border: 1px solid #ccc; /* color del borde */
}
#stock {
  width: 730px;   /* ancho del cuadro */
  padding: 8px;   /* espacio interno */
  height: 52px;
  font-size: 16px; /* tamaño de la letra */
  border-radius: 5px; /* bordes redondeados opcional */
  border: 1px solid #ccc; /* color del borde */
}
#categoria {
  width: 730px;   /* ancho del cuadro */
  padding: 8px;   /* espacio interno */
  height: 52px;
  font-size: 16px; /* tamaño de la letra */
  border-radius: 5px; /* bordes redondeados opcional */
  border: 1px solid #ccc; /* color del borde */
  margin-top: 20px ;
}