header {
  background: var(--rojo);
  color: white;
  text-align: center;
  padding: 3rem 1rem;
  position: relative;
}

header h1 {
  font-family: 'Playfair Display', serif;
  font-size: 2.5rem;
  letter-spacing: 1px;
  margin-bottom: 0.5rem;
}

header p {
  font-size: 1.1rem;
  opacity: 0.9;
}

@media (max-width: 600px) {
  header h1 { font-size: 2rem; }
  header { padding: 2rem 1rem; }
}