/* Estilos de las páginas legales (privacidad.html, terminos.html).
   Mismo look de la landing: Space Grotesk / Plus Jakarta Sans, #14161A, #4F46E5. */
* { box-sizing: border-box; }
body {
  margin: 0; background: #FCFCFB; color: #14161A;
  font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}
::selection { background: #4F46E5; color: #fff; }
a { color: #4F46E5; }

.lg-top { position: sticky; top: 0; z-index: 10; background: rgba(252,252,251,0.88); backdrop-filter: saturate(180%) blur(14px); -webkit-backdrop-filter: saturate(180%) blur(14px); border-bottom: 1px solid #ECECE7; }
.lg-top-in { max-width: 1200px; margin: 0 auto; padding: 0 32px; height: 64px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.lg-brand { display: flex; align-items: center; gap: 10px; color: #14161A; text-decoration: none; font-family: 'Space Grotesk', sans-serif; font-weight: 700; font-size: 18px; }
.lg-back { font-size: 14px; font-weight: 600; color: #4A4E57; text-decoration: none; }
.lg-back:hover { color: #14161A; }

.lg-main { max-width: 760px; margin: 0 auto; padding: 56px 32px 72px; }
.lg-main h1 { font-family: 'Space Grotesk', sans-serif; font-weight: 700; font-size: 38px; line-height: 1.1; letter-spacing: -0.025em; margin: 0; }
.lg-date { font-size: 14px; color: #898E98; margin: 12px 0 0; }
.lg-summary { margin: 30px 0 8px; background: #fff; border: 1px solid #E8E8E3; border-radius: 16px; padding: 20px 24px; }
.lg-summary-title { font-size: 13px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: #4F46E5; margin: 0 0 10px; }
.lg-summary ul { margin: 0; padding-left: 20px; }
.lg-main h2 { font-family: 'Space Grotesk', sans-serif; font-weight: 700; font-size: 22px; letter-spacing: -0.015em; margin: 44px 0 12px; scroll-margin-top: 84px; }
.lg-main h3 { font-size: 16px; font-weight: 700; margin: 24px 0 8px; }
.lg-main p, .lg-main li { font-size: 15.5px; line-height: 1.7; color: #33363D; }
.lg-main p { margin: 0 0 14px; }
.lg-main ul { margin: 0 0 14px; padding-left: 22px; }
.lg-main li { margin: 0 0 6px; }
.lg-main strong { color: #14161A; }
.lg-table { width: 100%; border-collapse: collapse; margin: 6px 0 16px; font-size: 14.5px; }
.lg-table th, .lg-table td { text-align: left; vertical-align: top; padding: 10px 12px; border-bottom: 1px solid #ECECE7; line-height: 1.55; color: #33363D; }
.lg-table th { font-size: 13px; color: #6B6F76; font-weight: 700; background: #F7F7F5; }
.lg-table-wrap { overflow-x: auto; }

.lg-contact { display: flex; flex-wrap: wrap; gap: 10px; margin: 6px 0 16px; }
.lg-contact a { display: inline-flex; align-items: center; gap: 8px; padding: 11px 16px; border-radius: 11px; border: 1px solid #E2E2DD; background: #fff; color: #14161A; font-size: 14.5px; font-weight: 600; text-decoration: none; }
.lg-contact a:hover { border-color: #14161A; }

.lg-foot { border-top: 1px solid #ECECE7; background: #F7F7F5; }
.lg-foot-in { max-width: 1200px; margin: 0 auto; padding: 22px 32px; display: flex; align-items: center; justify-content: space-between; gap: 12px 24px; flex-wrap: wrap; font-size: 13px; color: #898E98; }
.lg-foot-in nav { display: flex; gap: 20px; flex-wrap: wrap; }
.lg-foot-in a { color: #898E98; text-decoration: none; }
.lg-foot-in a:hover { color: #14161A; }

@media (max-width: 640px) {
  .lg-top-in { padding: 0 16px; }
  .lg-main { padding: 36px 18px 56px; }
  .lg-main h1 { font-size: 30px; }
  .lg-main h2 { font-size: 20px; margin-top: 36px; }
  .lg-foot-in { padding: 20px 18px; flex-direction: column; text-align: center; }
  .lg-foot-in nav { justify-content: center; }
}