/* ═══ DATAPOS · páginas legales (privacidad, términos) ═══ */

.dp-legal { background: #000; padding: 140px 0 90px; }
.dp-legal__inner { max-width: 820px; margin: 0 auto; padding: 0 24px; }

.dp-legal__head { margin-bottom: 38px; padding-bottom: 26px; border-bottom: 1px solid rgba(255, 255, 255, 0.08); }
.dp-legal__eyebrow {
  position: relative;
  display: inline-block; margin-bottom: 16px; padding: 7px 16px; border-radius: 999px;
  color: #c4d2ec; font-size: 0.72rem; letter-spacing: 0.07em; text-transform: uppercase; font-weight: 500;
  background:
    radial-gradient(120% 85% at 50% -45%, rgba(255, 255, 255, 0.2), transparent 60%),
    linear-gradient(180deg, rgba(56, 84, 150, 0.16), rgba(28, 46, 92, 0.2));
  border: 1px solid rgba(150, 180, 240, 0.18);
  box-shadow: inset 0 1.5px 1px rgba(220, 235, 255, 0.28), 0 6px 18px -14px rgba(16, 46, 120, 0.4);
  -webkit-backdrop-filter: blur(14px) saturate(1.3);
  backdrop-filter: blur(14px) saturate(1.3);
}
.dp-legal__head h1 { margin: 0; font-size: clamp(1.9rem, 4vw, 2.6rem); color: #fff; font-weight: 600; letter-spacing: -0.02em; line-height: 1.15; }
.dp-legal__updated { margin-top: 12px; color: rgba(255, 255, 255, 0.5); font-size: 0.86rem; }

.dp-legal__body { color: rgba(255, 255, 255, 0.7); font-size: 1rem; line-height: 1.72; }
.dp-legal__body h2 {
  color: #fff; font-size: 1.22rem; font-weight: 600; letter-spacing: -0.01em;
  margin: 38px 0 12px; scroll-margin-top: 100px;
}
.dp-legal__body h3 { color: #dde6f5; font-size: 1rem; font-weight: 600; margin: 22px 0 8px; }
.dp-legal__body p { margin: 0 0 14px; color: rgba(255, 255, 255, 0.74); }
.dp-legal__body ul { margin: 0 0 16px; padding-left: 4px; list-style: none; }
.dp-legal__body li { position: relative; padding-left: 22px; margin-bottom: 8px; color: rgba(255, 255, 255, 0.74); }
.dp-legal__body li::before { content: ""; position: absolute; left: 4px; top: 0.66em; width: 6px; height: 6px; border-radius: 50%; background: #5266eb; }
.dp-legal__body strong { color: #fff; font-weight: 600; }
.dp-legal__body a { color: #7691f2; text-decoration: none; }
.dp-legal__body a:hover { text-decoration: underline; }

.dp-legal__contact {
  position: relative; overflow: hidden;
  margin-top: 18px; padding: 28px 30px; border-radius: 22px;
  background: linear-gradient(165deg, #000000 0%, #000000 48%, #1C2743 100%); border: 1px solid rgba(255, 255, 255, 0.07);
  box-shadow: 0 40px 90px -40px rgba(0, 0, 0, 0.9);
}
/* glows de PNG en las esquinas (igual a la card CTA del index) */
.dp-legal__glow { position: absolute; margin: 0; pointer-events: none; z-index: 0; }
.dp-legal__glow img { width: 100%; height: 100%; object-fit: contain; display: block; }
.dp-legal__glow--left  { left: -12%; bottom: -34%; width: clamp(130px, 24%, 240px); aspect-ratio: 1; transform: rotate(8deg); opacity: 0.85; }
.dp-legal__glow--right { right: -8%; top: -30%;    width: clamp(140px, 26%, 270px); aspect-ratio: 1; transform: rotate(-6deg); opacity: 0.95; }
@media (max-width: 767px) { .dp-legal__glow { opacity: 0.55 !important; } }
.dp-legal__contact > *:not(.dp-legal__glow) { position: relative; z-index: 1; }
.dp-legal__contact p { margin: 5px 0; color: rgba(255, 255, 255, 0.82); }
.dp-legal__contact strong { display: block; margin-bottom: 6px; color: #fff; }

@media (max-width: 600px) { .dp-legal { padding: 110px 0 70px; } }