/* =========================
   🌸 GUMITOS FOOTER
========================= */
.gumitos-footer,
.gumitos-footer *{

  box-sizing:border-box;
  min-width:0;
}
.gumitos-footer{


  background:
    linear-gradient(
      180deg,
      #fff8fb,
      #fff1f6
    );

  border-top:
    1px solid #f1d6e3;

  padding:
    42px 20px 18px;
}

.gumitos-footer-inner{

  max-width:1300px;

  margin:auto;

  display:grid;

  grid-template-columns:
    1.2fr
    1fr;

  gap:40px;
}

/* BRAND */

.gumitos-footer-brand{

  display:flex;

  gap:18px;

  align-items:flex-start;
}

.gumitos-footer-brand img{

  width:72px;
  height:72px;

  object-fit:contain;

  border-radius:18px;

  background:#fff;

  padding:8px;

  box-shadow:
    0 8px 20px rgba(0,0,0,.06);
}

.gumitos-footer-brand h3{

  margin:0 0 10px;

  font-size:24px;

  color:#a1245d;
}

.gumitos-footer-brand p{

  margin:0;

  line-height:1.7;

  color:#555;

  max-width:520px;
}

/* LINKS */

.gumitos-footer-links{

  display:grid;

  grid-template-columns:
    repeat(3,1fr);

  gap:24px;
}

.footer-col h4{

  margin:0 0 14px;

  color:#a1245d;

  font-size:16px;
}

.footer-col{

  display:flex;

  flex-direction:column;

  gap:10px;
}

.footer-col a{

  text-decoration:none;

  color:#555;

  transition:
    color .2s ease,
    transform .2s ease;
}

.footer-col a:hover{

  color:#d85d96;

  transform:translateX(2px);
}

/* COPY */

.gumitos-footer-copy{

  max-width:1300px;

  margin:
    34px auto 0;

  padding-top:18px;

  border-top:
    1px solid rgba(0,0,0,.06);

  text-align:center;

  color:#777;

  font-size:14px;
}

.gumitos-footer{

  width:100%;

  max-width:100%;

  overflow:hidden;
}

/* =========================
   📱 FOOTER RESPONSIVE
========================= */

@media (max-width: 900px){

  .gumitos-footer{

    padding:
      36px 18px 20px;
  }

  .gumitos-footer-inner{

    grid-template-columns:1fr;

    gap:34px;
  }

  /* BRAND */

  .gumitos-footer-brand{

    flex-direction:column;

    align-items:flex-start;

    text-align:left;
  }

  .gumitos-footer-brand img{

    width:64px;
    height:64px;
  }

  .gumitos-footer-brand h3{

    font-size:22px;
  }

  .gumitos-footer-brand p{

    font-size:14px;

    line-height:1.7;
  }

  /* LINKS */

  .gumitos-footer-links{

    grid-template-columns:1fr;

    gap:26px;
  }

  .footer-col{

    gap:12px;
  }

  .footer-col h4{

    margin-bottom:6px;
  }

  .footer-col a{

    font-size:14px;
  }

  /* COPY */

  .gumitos-footer-copy{

    margin-top:28px;

    padding-top:16px;

    font-size:13px;

    line-height:1.6;
  }

}
/* =========================
   🌙 DARK MODE
========================= */

.dark .gumitos-footer{

  background:
    linear-gradient(
      180deg,
      #1d1717,
      #151111
    );

  border-top:
    1px solid rgba(255,255,255,.05);
}

/* BRAND */

.dark .gumitos-footer-brand img{

  background:#241b1b;

  box-shadow:
    0 10px 24px rgba(0,0,0,.28);
}

.dark .gumitos-footer-brand h3{

  color:#ffd7e7;
}

.dark .gumitos-footer-brand p{

  color:#cdbdbd;
}

/* LINKS */

.dark .footer-col h4{

  color:#ffd7e7;
}

.dark .footer-col a{

  color:#d8caca;
}

.dark .footer-col a:hover{

  color:#f3b1c5;
}

/* COPY */

.dark .gumitos-footer-copy{

  border-top:
    1px solid rgba(255,255,255,.05);

  color:#a99696;
}

/* =========================
   📱 MOBILE
========================= */

@media(max-width:900px){

  .gumitos-footer-inner{

    grid-template-columns:1fr;
  }

  .gumitos-footer-links{

    grid-template-columns:1fr;
  }

  .gumitos-footer-brand{

    flex-direction:column;

    align-items:flex-start;
  }
}