/* ── FOOTER ───────────────────────────────────────── */
    .footer { background: #280b2c; padding: 64px 0; }
    .footer-inner {
      max-width: 1280px; margin: 0 auto; padding: 0 32px;
    }
    .footer-top {
      display: flex;
      flex-flow: row nowrap;
      gap: 20px;
      position: relative;
    }
    .footer-col a {
      color: #fff;
      text-decoration: none;
    }
    .footer-col { width: 25%; }
    .footer-logo { height: 72px; display: flex; align-items: flex-start; }
    .footer-logo svg { height: 44px; width: auto; }
    .footer-tagline {
      margin-top: 16px;
      font-size: 13px; font-weight: 400; color: #fff;
      line-height: 1.625; max-width: 268px;
    }
    .footer-follow {
      margin-top: 24px;
      display: flex; align-items: center; gap: 8px;
    }
    .footer-follow span { font-size: 13px; font-weight: 700; color: #fff; }
    .footer-col-title {
      font-size: 13px; font-weight: 700; color: #fff; margin-bottom: 16px;
    }
    .footer-col ul { list-style: none; }
    .footer-col ul li {
      font-size: 13px; font-weight: 400; color: #fff;
      line-height: 1.5; padding-top: 10px;
    }
    .footer-col ul li:first-child { padding-top: 0; }
    .footer-divider {
      margin-top: 48px; padding-top: 33px;
      border-top: 1px solid rgba(255,255,255,0.3);
      display: flex; align-items: center; justify-content: space-between;
    }
    .footer-copy { font-size: 12px; font-weight: 400; color: #fff; }
    .footer-links { font-size: 12px; font-weight: 400; color: #fff; }

    /* ── ICON SVG HELPERS ───────────────────────────── */
    .icon { display: flex; align-items: center; justify-content: center; }
    .icon svg { flex-shrink: 0; }

    @media (max-width: 768px) {
        .footer { padding: 48px 0; }
        .footer-inner { padding: 0 20px; }
        .footer-top {
          display: flex;
          gap: 32px;
          flex-flow: row wrap;
        }
        .footer-col { padding-right: 0; }
        .footer-col:first-child {
          width: 100%;
        }
        .footer-col {
          width: 40%;
        }
        .footer-logo { height: auto; margin-bottom: 8px; }
        .footer-tagline { max-width: 100%; margin-top: 12px; }
        .footer-follow { margin-top: 16px; }
        
        /* Los títulos de las columnas en móvil a veces se ocultan o se comportan como acordeones, 
          pero en tu diseño se ven como listas simples. Aquí los mantenemos visibles. */
        .footer-col-title { margin-bottom: 8px; }
        .footer-col ul li { padding-top: 8px; }
        
        .footer-divider {
            flex-direction: column;
            gap: 16px;
            text-align: center;
            margin-top: 32px;
            padding-top: 24px;
        }
    }