/* =========================================================
   Edén Cirugías — páginas legales (politica-privacidad.html, uso-imagenes-medicas.html)
   Usa los colores y tipografías de styles.css
   ========================================================= */
.legal { padding: calc(var(--header-h) + clamp(40px, 6vw, 72px)) 0 clamp(72px, 9vw, 110px); }
.legal__wrap { width: min(780px, 100% - 40px); margin-inline: auto; }

.legal__back {
  display: flex; width: fit-content; gap: .5rem; align-items: center; margin-bottom: 2rem;
  font-size: .9rem; font-weight: 600; color: var(--verde-osc);
  border-bottom: 1px solid rgba(52, 76, 64, .3); padding-bottom: 1px; transition: border-color .3s var(--ease);
}
.legal__back span { transition: transform .3s var(--ease); }
@media (hover: hover) {
  .legal__back:hover { border-color: var(--verde-osc); }
  .legal__back:hover span { transform: translateX(-3px); }
}
.legal__title { font-size: clamp(2.1rem, 4.4vw, 3.2rem); letter-spacing: -.015em; margin-bottom: 1rem; }
.legal__date { font-size: .9rem; color: var(--pizarra); opacity: .85; margin-bottom: 2rem; }
.legal__intro { font-size: 1.05rem; }

/* aviso interno: eliminar cuando la clínica complete los datos */
.legal__aviso {
  margin: 2rem 0; padding: 1.2rem 1.4rem; border-radius: var(--radius-sm);
  background: #FFF6E0; border: 1px solid #E2C88E; color: #5A4520; font-size: .92rem;
}
.legal__aviso strong { color: #5A4520; }
.ph { background: #FBEBC4; color: #5A4520; padding: 0 .25em; border-radius: 4px; font-weight: 600; }

/* índice */
.legal__toc { margin: 2.4rem 0 3rem; padding: 1.6rem 1.8rem; background: var(--blanco); border-radius: var(--radius); border: 1px solid rgba(52, 76, 64, .08); }
.legal__toc h2 { font-size: 1.15rem; margin-bottom: .8rem; }
.legal__toc ol { margin: 0; padding-left: 1.3rem; display: grid; gap: .35rem; font-size: .95rem; }
.legal__toc a { color: var(--verde-osc); text-decoration: underline; text-decoration-color: rgba(52, 76, 64, .35); text-underline-offset: 3px; }
@media (hover: hover) { .legal__toc a:hover { text-decoration-color: var(--verde-osc); } }

/* contenido */
.legal__body section { padding-top: 2.4rem; margin-top: 2.4rem; border-top: 1px solid rgba(52, 76, 64, .12); scroll-margin-top: calc(var(--header-h) + 16px); }
.legal__body section:first-child { border-top: 0; margin-top: 0; padding-top: 0; }
.legal__body h2 { font-size: clamp(1.45rem, 2.6vw, 1.8rem); margin-bottom: 1rem; }
.legal__body h3 { font-size: 1.15rem; margin: 1.6rem 0 .6rem; }
.legal__body p, .legal__body li { font-size: 1rem; }
.legal__body ul, .legal__body ol { padding-left: 1.3rem; margin: 0 0 1rem; display: grid; gap: .45rem; }
.legal__body a { color: var(--verde-osc); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.legal__body dl { display: grid; grid-template-columns: max-content 1fr; gap: .5rem 1.4rem; margin: 0 0 1rem; }
.legal__body dt { font-weight: 700; color: var(--verde-osc); }
.legal__body dd { margin: 0; }
.legal__nota { font-size: .92rem; padding: 1rem 1.2rem; background: var(--verde-suave); border-radius: var(--radius-sm); }

.legal__foot { margin-top: 3.4rem; padding-top: 2rem; border-top: 1px solid rgba(52, 76, 64, .12); display: flex; flex-wrap: wrap; gap: 1rem 1.6rem; align-items: center; }

@media (max-width: 600px) {
  .legal__wrap { width: calc(100% - 32px); }
  .legal__toc { padding: 1.3rem 1.3rem; }
  .legal__body dl { grid-template-columns: 1fr; gap: .1rem; }
  .legal__body dd { margin-bottom: .6rem; }
}