/* =====================================================================
   footer.css — Docokids site footer (.site-footer).

   White footer: logo, tagline with a rosado heart, three link columns, a
   social row, disclaimer and copyright. Page-agnostic: any page can include
   the _footer.html partial. Every value is a var(--token).
   ===================================================================== */
.site-footer {
  background-color: var(--paper-pure);
  border-top: 1px solid var(--hairline);
  padding-top: var(--space-7);
  padding-bottom: var(--space-6);
}
@media (max-width: 767.98px) {
  .site-footer { padding-top: var(--space-6); }
}
.footer-logo {
  height: 36px;
  width: auto;
  display: block;
  margin-bottom: var(--space-4);
}
.footer-tagline {
  font-family: var(--font-serif);
  font-weight: 400;
  font-size: var(--fs-lead);
  color: var(--gris-oscuro);
  margin-bottom: var(--space-5);
}
.footer-heart {
  display: inline-block;
  width: 0.9em;
  height: 0.9em;
  vertical-align: -0.1em;
  color: var(--p-rosado);
  margin: 0 0.05em;
}
.footer-col h4 {
  font-family: var(--font-sans);
  font-weight: 500;
  font-size: var(--fs-eyebrow);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--gris);
  margin-bottom: var(--space-3);
}
.footer-col ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}
.footer-col a {
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: var(--fs-small);
  color: var(--gris-secundario);
}
.footer-col a:hover { color: var(--p-verde); }
.footer-disclaimer {
  font-family: var(--font-sans);
  font-size: var(--fs-caption);
  color: var(--gris);
  max-width: var(--measure-prose);
  margin-top: var(--space-6);
  padding-top: var(--space-4);
  border-top: 1px solid var(--hairline);
}
.footer-copyright {
  font-family: var(--font-sans);
  font-size: var(--fs-caption);
  color: var(--gris);
  margin-top: var(--space-3);
}