/* Footer único de GID-TECH: esta hoja garantiza el mismo resultado en todas las páginas. */
.gid-footer {
  --gid-footer-orange: #e66d18;
  width: 100%;
  margin: 0;
  padding: 60px 6% 32px;
  border-top: 1px solid rgba(230, 109, 24, 0.22);
  background: var(--bg, #09050d);
  color: var(--text-muted, var(--muted, #b8aebe));
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.88rem;
}

.gid-footer a { color: inherit; text-decoration: none; }

.gid-footer .footer-grid {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto 48px;
  padding: 0;
  display: grid;
  grid-template-columns: 1.8fr 1fr 1.2fr 1fr;
  gap: 40px;
}

.gid-footer .footer-brand .nav-logo {
  display: flex;
  align-items: center;
  min-height: auto;
  margin: 0 0 16px;
  padding: 0;
}

.gid-footer .footer-brand .nav-logo img { display: none; }

.gid-footer .logo-name {
  display: inline-block !important;
  color: var(--gid-footer-orange) !important;
  font-size: 1.3rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.03em;
  animation: none;
}

.gid-footer .logo-name span { color: inherit !important; }

.gid-footer .footer-brand p {
  max-width: 300px;
  margin: 0;
  color: var(--text-muted, var(--muted, #b8aebe));
  font-size: 0.88rem;
  line-height: 1.7;
}

.gid-footer .footer-col h5 {
  margin: 0 0 18px;
  color: var(--gid-footer-orange);
  font-size: 0.72rem;
  font-weight: 750;
  letter-spacing: 2px;
  line-height: 1.4;
  text-transform: uppercase;
}

.gid-footer .footer-col ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.gid-footer .footer-col ul a {
  color: var(--text-muted, var(--muted, #b8aebe));
  font-size: 0.88rem;
  transition: color 0.2s ease;
}

.gid-footer .footer-col ul a:hover { color: var(--gid-footer-orange); }

.gid-footer .footer-contact-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.gid-footer .footer-contact-item {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--text-muted, var(--muted, #b8aebe));
  font-size: 0.86rem;
  overflow-wrap: anywhere;
  transition: color 0.2s ease;
}

.gid-footer .footer-contact-item:hover { color: var(--text, #f7f1ec); }

.gid-footer .fci-icon {
  width: 30px;
  height: 30px;
  min-width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  background: var(--bg3, var(--panel, #170b20));
}

.gid-footer .fci-icon svg {
  width: 14px;
  height: 14px;
  fill: var(--text-muted, var(--muted, #b8aebe));
  transition: fill 0.2s ease;
}

.gid-footer .footer-contact-item:hover .fci-icon svg { fill: var(--gid-footer-orange); }

.gid-footer .social-icons {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.gid-footer .social-btn {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  background: var(--bg3, var(--panel, #170b20));
  transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.gid-footer .social-btn svg {
  width: 18px;
  height: 18px;
  fill: var(--text-muted, var(--muted, #b8aebe));
  transition: fill 0.2s ease;
}

.gid-footer .social-btn:hover {
  border-color: var(--gid-footer-orange);
  background: var(--gid-footer-orange);
  transform: translateY(-2px);
}

.gid-footer .social-btn:hover svg { fill: #fff; }

.gid-footer .footer-bottom {
  width: 100%;
  min-height: auto;
  margin: 0;
  padding: 24px 0 0;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 20px;
  border-top: 1px solid rgba(230, 109, 24, 0.22);
  color: var(--text-muted, var(--muted, #b8aebe));
  font-size: 0.78rem;
}

.gid-footer .footer-bottom span:first-child {
  grid-column: 2;
  justify-self: center;
  text-align: center;
}

.gid-footer .footer-bottom span:last-child {
  grid-column: 3;
  justify-self: end;
}

.gid-footer .footer-bottom b,
.gid-footer .footer-bottom strong {
  color: var(--gid-footer-orange);
  font-weight: 800;
}

@media (max-width: 1024px) {
  .gid-footer .footer-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 600px) {
  .gid-footer { padding: 46px 6% 28px; }
  .gid-footer .footer-grid { grid-template-columns: 1fr; gap: 32px; margin-bottom: 38px; text-align: center; }
  .gid-footer .footer-brand .nav-logo,
  .gid-footer .social-icons { justify-content: center; }
  .gid-footer .footer-brand p { margin-inline: auto; }
  .gid-footer .footer-contact-item { justify-content: center; }
  .gid-footer .footer-bottom { grid-template-columns: 1fr; gap: 8px; text-align: center; }
  .gid-footer .footer-bottom span:first-child,
  .gid-footer .footer-bottom span:last-child { grid-column: 1; justify-self: center; }
}
