@media (max-width: 900px) {
  .contact-list li {
    font-size: 0.85rem;
    gap: 10px;
  }
  .contact-icon {
    font-size: 1rem;
    min-width: 24px;
  }
}

footer{
  margin-top:70px;
  background:var(--footer);
  padding:56px 0 24px;
}

.footer-grid{
  display:grid;
  grid-template-columns:1.1fr 1.1fr .9fr 1fr;
  gap:26px;
  margin-bottom:24px;
}

.footer-grid h3{
  font-family: Georgia, "Times New Roman", serif;
  color:#60707a;
  font-size:1.1rem;
  margin-bottom:12px;
}

.footer-grid p,
.footer-grid li,
.footer-grid a{
  color:#667583;
}

.footer-grid ul{
  list-style:none;
  display:grid;
  gap:4px;
}

.social-footer{
  margin-top:24px;
}

.social-icons{
  display:flex;
  gap:14px;
  margin-top:10px;
}

.social-icons a{
  width:30px;
  height:30px;
  border-radius:50%;
  background:#f8fafb;
  border:1px solid #dfe5ea;
  display:grid;
  place-items:center;
  color:#697683;
  font-size:.9rem;
}

.copyright{
  border-top:1px solid #dde4ea;
  padding-top:16px;
  color:#75818c;
  font-size:.92rem;
}

/* ===== ESTILOS DEL FOOTER CONTACTO (FUERA DEL MEDIA QUERY) ===== */
.footer-contact h3 {
  font-family: Georgia, "Times New Roman", serif;
  color: var(--heading);
  font-size: 1.2rem;
  margin-bottom: 1rem;
  letter-spacing: 0.5px;
}

.contact-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.contact-list li {
  display: flex;
  align-items: center;      /* ← Corregido: antes era flex-star */
  gap: 12px;
  margin-bottom: 14px;
  font-size: 0.9rem;
  color: var(--text);
  line-height: 1.4;
  word-break: break-word;
}

.contact-icon {
  font-size: 1.2rem;
  min-width: 28px;
  text-align: center;
  color: var(--primary);
  opacity: 0.9;
}