/* ================== FOOTER (arquivo dedicado: footer.css) ================== */

/* Contêiner do rodapé (sem background) */
.footer {
  margin-top: 0;
  border-top: 1px solid #14111c; /* linha superior antes do bloco */
}

/* Bloco principal do footer (dentro da .footer) */
.footer__grid {
  display: grid;
  place-items: center;
  padding: 0 0 24px 0;            /* menos padding no topo */
  /* Gradiente segmentado conforme solicitado */
  background: linear-gradient(
    180deg,
    #0f0c17 0%,
    #0f0c17 45%,
    #0d0b16 55%,
    #0b0a12 100%
  );
  background-color: #0f0c17;
}

/* Logo responsivo */
.foot__logo {
  height: clamp(56px, 10vw, 100px);
  width: auto;
  min-height: 84px;
  display: block;
  margin: 10px 0;
}

/* Texto institucional */
.foot__p {
  color: #bfbacf;
  text-align: center;
  max-width: 760px;
  font-size: 0.95rem;
  line-height: 1.5;
  margin: 0.8rem 0 1.4rem 0;
}

.foot.about {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 1.2rem;
}

/* CTA redes sociais */
.foot__social-cta {
  color: #e6d3ff;
  margin: 18px 0 16px;
  font-size: 1rem;
}

/* Lista das redes */
.social-list {
  display: flex;
  gap: 20px;             /* mais espaço entre os círculos */
  padding: 0;
  margin: 0;
  list-style: none;
  justify-content: center;
}

.social-list li {
  display: inline-block;
}

/* Botões sociais redondos (Font Awesome nos <i>) */
.social-list .social {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #fff;
  color: #9c2c50;        /* cor Byotek */
  font-size: 1.2rem;
  text-decoration: none;
  transition: background .3s, color .3s, transform .2s;
}

.social-list .social:hover {
  background: #9c2c50;
  color: #fff;
  transform: translateY(-2px);
}

/* Faixa de direitos reservados (com degradê próprio) */
.copy {
  border-top: 1px solid #14111c;
  text-align: center;
  padding: 10px 0 16px;
  color: #a59db9;
  font-size: .9rem;

  background: linear-gradient(
    180deg,
    #0d0b16 0%,
    #0b0a12 100%
  );
  background-color: #0d0b16;
}