/* megacity.mx · legal.css — páginas legales (aviso de privacidad). Solo usa las variables de megacity-v2.css. */
.legal-cab { background: var(--blanco); border-bottom: 1px solid var(--linea); }
.legal-cab__fila { display: flex; align-items: center; justify-content: space-between; gap: var(--e2); min-height: 76px; }
.legal-cab .marca img { height: 40px; width: auto; display: block; }

.legal { padding-block: clamp(40px, 6vw, 80px); }
.legal__caja { max-width: 760px; margin-inline: auto; }
.legal h1 { font-family: var(--display); font-size: clamp(1.9rem, 4vw, 2.6rem); line-height: 1.15; color: var(--tinta); margin: 0 0 var(--e1); }
.legal__fecha { color: var(--texto-suave); font-size: .875rem; margin: 0 0 var(--e4); }
.legal h2 { font-family: var(--display); font-size: 1.25rem; color: var(--azul); margin: var(--e5) 0 var(--e1); }
.legal p, .legal li { font-family: var(--cuerpo); font-size: 1rem; line-height: 1.7; color: var(--texto); }
.legal p { margin: 0 0 var(--e2); }
.legal ul { margin: 0 0 var(--e2); padding-left: 1.25rem; list-style: disc; }
.legal li { margin-bottom: 6px; }
.legal a { color: var(--naranja-fuerte); text-decoration: underline; text-underline-offset: 3px; }
.legal a:hover { color: var(--naranja); }
.legal__nota {
  background: var(--humo); border: 1px solid var(--linea); border-left: 4px solid var(--naranja);
  border-radius: var(--radio); padding: var(--e2) var(--e3); margin: var(--e3) 0;
}
.legal__nota p:last-child { margin-bottom: 0; }