body {
  margin: 0;
  font-family: 'Segoe UI', sans-serif;
  background-color: #fffaf8;
  color: #222;
  text-align: center;
}

#splash-screen {
  background: linear-gradient(145deg, #fce4ec, #fff8f5);
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.logo .monograma {
  font-size: 4rem;
  font-weight: bold;
  color: #111;
  text-shadow: 1px 1px 2px gold;
}

.logo .nombre {
  font-size: 1.5rem;
  color: #444;
}

button {
  background-color: #f8dada;
  color: #111;
  border: none;
  padding: 10px 20px;
  border-radius: 10px;
  font-size: 1rem;
  margin-top: 20px;
  cursor: pointer;
  transition: all 0.3s ease;
}

button:hover {
  background-color: #f6c7c7;
}

#tienda.oculto {
  display: none;
}

#productos {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 20px;
}