/**
 * FOOTER DARK - HARE EQUIPMENT
 * Background oscuro para footer original
 */

/* Footer principal con background dark */
#footer.dark-footer {
  background: linear-gradient(135deg, #1A1A1A 0%, #2A2A2A 100%);
  color: rgba(255, 255, 255, 0.9);
  padding: var(--spacing-16) 0;
}

/* Container del footer */
#footer.dark-footer .cont_footer {
  max-width: var(--container-xl);
  margin: 0 auto;
}

/* Widgets del footer */
#footer.dark-footer .footer-widgets-wrap {
  padding-bottom: var(--spacing-10);
}

/* Logo en footer */
#footer.dark-footer .footer-logo,
#footer.dark-footer img {
  filter: brightness(1.1);
}

/* Títulos del footer */
#footer.dark-footer h4,
#footer.dark-footer h5,
#footer.dark-footer .foo-zent {
  color: var(--color-text-inverse);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-semibold);
  margin-bottom: var(--spacing-4);
}

/* Texto de dirección */
#footer.dark-footer .oficina_central_2 {
  color: rgba(255, 255, 255, 0.8);
  font-size: var(--font-size-base);
  line-height: var(--line-height-relaxed);
}

/* Enlaces del footer */
#footer.dark-footer .foo_zentic_link,
#footer.dark-footer a {
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none;
  transition: all var(--transition-base);
  display: inline-block;
}

#footer.dark-footer .foo_zentic_link:hover,
#footer.dark-footer a:hover {
  color: var(--color-primary);
  transform: translateX(2px);
}

/* Sección de Copyright */
#footer.dark-footer #copyrights {
  background: rgba(0, 0, 0, 0.3);
  padding: var(--spacing-8) 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

#footer.dark-footer #copyrights .p-copy-r {
  color: rgba(255, 255, 255, 0.7);
  font-size: var(--font-size-sm);
  margin: 0;
}

#footer.dark-footer #copyrights a {
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
  transition: color var(--transition-base);
}

#footer.dark-footer #copyrights a:hover {
  color: var(--color-primary);
}

/* Separador */
#footer.dark-footer .separador-view-footer {
  height: 1px;
  background: rgba(255, 255, 255, 0.1);
  margin: var(--spacing-6) 0;
}

/* Responsive */
@media (max-width: 768px) {
  #footer.dark-footer {
    padding: var(--spacing-12) 0;
  }

  #footer.dark-footer .footer-widgets-wrap {
    padding-bottom: var(--spacing-8);
  }

  #footer.dark-footer #copyrights {
    padding: var(--spacing-6) 0;
  }
}