/* ===================================
   FOOTER — COMPONENTE GLOBAL
   =================================== */

footer {
  grid-area: footer;
  padding-block: var(--spacing-lg);
  margin-block-start: auto;
  text-align: center;
  border-block-start: 1px solid var(--color-gray-800);
  background-color: var(--color-gray-900-alpha-60);
  backdrop-filter: blur(var(--blur-md));

  p {
    margin: 0;
    color: var(--color-gray-500);
    font-size: var(--font-size-xs);
    text-transform: uppercase;
    letter-spacing: var(--letter-spacing-widest);
    opacity: 0.6;

    &:not(:last-child) {
      margin-block-end: var(--spacing-xs);
    }
  }
}