/* --- Footer --- */

  .footer {
    width: 100%;
    padding: 0.5em 0;
    text-align: center;
    font-size: 14px;
    background-color: rgb(34, 34, 34); /* semitransparente para ver banner */
    color: var(--font-color);
  }

  .footer-social-media {
    display: none;
  }
  
  /* ===== RESPONSIVE ===== */
@media screen and (max-width: 600px) {
  .footer-social-media {
    display: flex;
    flex-direction: row;      /* fila, puedes cambiar a column si quieres */
    justify-content: center;  /* centrado horizontal */
    gap: 12px;                /* espacio entre iconos */
    margin: 10px 0;
  }
}