/*
ARCHIVO: css/layout.css
ROL: Layout general (header, contenedor principal).

TOC:
  1) header
  2) header img
  3) .container

*/
/* ========== Layout (estructura y contenedores) ========== */
header {
  text-align: center;
  padding: 0.7rem 1rem 0.2rem;
  background: transparent;
  color: var(--text);
}
header img {
  max-width: 250px;
  height: auto;
  margin: 0 auto 0.25rem;
  border-radius: 12px;
  box-shadow: 0 2px 12px rgba(124,58,237,.12);
}
.container {
  max-width: 700px;
  margin: 1rem auto;
  padding: 0 1rem;
}