/* =====================
   RESET
   ===================== */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* =====================
   VARIABLES
   ===================== */
:root {
  --color-bg:       #0B0B0D;
  --color-bg-alt:   #F3F0EA;
  --color-text:     #F2F2F0;
  --color-text-alt: #0B0B0D;
  --color-accent:   #8B0001;
}

/* =====================
   BODY
   ===================== */
body {
  background-color: var(--color-bg);
  color: var(--color-text);
  margin: 0;
  padding-top: 64px; /* altura del header */
}

/* =====================
   UTILIDADES
   ===================== */
.center {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}