/* =======================================================================
   FOOTER ÚNICO DEL SITIO — Diana Dussan Clínica Avanzada
   Mismo HTML en todas las páginas (<footer class="site-footer">).
   Autónomo: no depende de custom.css ni de treatments.css.
   Negro de marca + rosa como único acento (Brand DNA).
   ======================================================================= */
.site-footer {
  --sf-bg: #111111;
  --sf-text: #cfc8bd;
  --sf-muted: #8d867b;
  --sf-line: rgba(255, 255, 255, .10);
  --sf-rosa: #e691b7;

  background: var(--sf-bg);
  color: var(--sf-text);
  font-family: var(--font-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif);
  font-size: 14px;
  line-height: 1.6;
  padding: 72px 24px 28px;
  margin: 0;
  text-align: left;
}
.site-footer *, .site-footer *::before, .site-footer *::after { box-sizing: border-box; }

.site-footer__inner {
  max-width: 1160px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.5fr 1fr 1.1fr 1.3fr;
  gap: 48px;
}

/* Marca */
.site-footer__logo { display: inline-block; margin-bottom: 18px; }
.site-footer__logo img { display: block; height: 34px; width: auto; }
.site-footer__tagline {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 19px; line-height: 1.4; color: #fff;
  margin: 0 0 18px; max-width: 280px;
}
.site-footer__tagline::after {
  content: ""; display: block; width: 28px; height: 1px; background: var(--sf-rosa); margin-top: 18px;
}
.site-footer__contact { list-style: none; margin: 0; padding: 0; }
.site-footer__contact li { margin: 0 0 6px; }

/* Columnas */
.site-footer__title {
  font-family: var(--font-sans, sans-serif);
  font-size: 11px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase;
  color: #fff; margin: 0 0 18px;
}
.site-footer__list { list-style: none; margin: 0; padding: 0; }
.site-footer__list li { margin: 0 0 10px; }

.site-footer a {
  color: var(--sf-text); text-decoration: none;
  border-bottom: 1px solid transparent; transition: color .25s ease, border-color .25s ease;
}
.site-footer a:hover, .site-footer a:focus-visible { color: #fff; border-bottom-color: var(--sf-rosa); }

/* Redes */
.site-footer__social {
  display: flex; flex-wrap: wrap; gap: 8px 18px; list-style: none; margin: 22px 0 0; padding: 0;
}
.site-footer__social a { font-size: 13px; color: var(--sf-muted); }
.site-footer__social a:hover { color: #fff; }

/* Franja inferior */
.site-footer__bottom {
  max-width: 1160px; margin: 56px auto 0; padding-top: 22px; border-top: 1px solid var(--sf-line);
  display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px 24px;
  font-size: 12.5px; color: var(--sf-muted);
}
.site-footer__bottom p { margin: 0; }
.site-footer__bottom a { color: var(--sf-muted); }

/* Tablet */
@media (max-width: 980px) {
  .site-footer__inner { grid-template-columns: 1fr 1fr; gap: 40px 32px; }
}
/* Móvil */
@media (max-width: 600px) {
  .site-footer { padding: 56px 22px 24px; }
  .site-footer__inner { grid-template-columns: 1fr 1fr; gap: 36px 20px; }
  .site-footer__brand, .site-footer__col--wide { grid-column: 1 / -1; }
  .site-footer__bottom { flex-direction: column; margin-top: 40px; }
}