/* Fondo general */
body {
  background: linear-gradient(to right, #fefefe, #e8fff2);
  font-family: 'Segoe UI', sans-serif;
  color: #333;
  padding: 20px;
}

/* Encabezado personalizado */
.custom-header {
  background-color: #4d9078;
  color: white;
  padding: 30px;
  border-radius: 12px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  margin-bottom: 30px;
}

.custom-header h1 {
  font-weight: bold;
  font-size: 36px;
}

.custom-header p {
  font-size: 18px;
  margin-top: 10px;
}

/* Botones personalizados */
.btn-custom {
  width: 250px;
  padding: 15px;
  font-size: 18px;
  border-radius: 30px;
  font-weight: bold;
  transition: 0.3s ease;
  text-transform: uppercase;
}

/* Colores por tipo */
.btn-libro {
  background-color: #6cbf84;
  color: white;
}

.btn-autor {
  background-color: #59a68f;
  color: white;
}

.btn-editorial {
  background-color: #417f6e;
  color: white;
}

.btn-custom:hover {
  opacity: 0.9;
  transform: scale(1.03);
}

/* Footer */
.footer footer {
  margin-top: 50px;
  font-size: 14px;
  color: #666;
}