/* =============================================================================
   LFGC STATIC PAGES
   Styles for static legal/policy pages (aviso-legal, politica-de-privacidad,
   politica-de-cookies, etc.). HTML fragments live in docs/static-text/ and are
   pasted into Divi text modules on the corresponding WordPress pages.

   All rules are scoped to .lfgc-static-page to avoid bleeding into other Divi
   modules. Add the CSS class "lfgc-static-page" to the outermost Divi Section
   on each static page via the module's Advanced → CSS Class field.
   ============================================================================= */

/* ── Utility color classes ─────────────────────────────────────────────────── */

.lfgc-static-page .lfgc-text-grey {
  color: var(--lfgc-color-charcoal);
}

.lfgc-static-page .lfgc-text-magenta {
  color: var(--lfgc-color-magenta-dark);
}

/* ── Page title (h2.lfgc-text-grey) ────────────────────────────────────────── */

.lfgc-static-page h2.lfgc-text-grey {
  font-family: 'Area_Extended_Black', 'Area Extended', sans-serif;
  font-size: clamp(28px, 3.5vw, 40px);
  font-weight: 900;
  line-height: 1.17;
  letter-spacing: 10.4px;
  text-transform: uppercase;
  color: var(--lfgc-color-charcoal);
  margin-bottom: 0.5em;
}

/* ── Section headings (h3 > span.lfgc-text-magenta) ────────────────────────── */

.lfgc-static-page .et_pb_text_inner h3,
.lfgc-static-page .et_pb_column h3 {
  font-family: 'Lato', sans-serif !important;
  font-size: clamp(22px, 2.5vw, 29px);
  font-weight: 700 !important;
  line-height: 1.53;
  text-transform: uppercase;
  color: var(--lfgc-color-charcoal);
  margin-top: 1.5em;
  margin-bottom: 0.4em;
}

/* ── Body text ─────────────────────────────────────────────────────────────── */

.lfgc-static-page .et_pb_text_inner p,
.lfgc-static-page .et_pb_column p {
  font-family: 'Lato', sans-serif;
  font-size: clamp(16px, 1.6vw, 18px);
  line-height: 1.53;
  color: var(--lfgc-color-charcoal);
  margin-bottom: 0.7em;
}

.lfgc-static-page .et_pb_text_inner p:last-child,
.lfgc-static-page .et_pb_column p:last-child {
  margin-bottom: 0;
}

/* ── Lists ─────────────────────────────────────────────────────────────────── */

.lfgc-static-page .et_pb_text_inner ul,
.lfgc-static-page .et_pb_text_inner ol,
.lfgc-static-page .et_pb_column ul,
.lfgc-static-page .et_pb_column ol {
  font-family: 'Lato', sans-serif;
  font-size: clamp(16px, 1.6vw, 18px);
  line-height: 1.53;
  color: var(--lfgc-color-charcoal);
  padding-left: 1.75em;
  margin-bottom: 0.7em;
}

.lfgc-static-page .et_pb_text_inner ul { list-style: disc; }
.lfgc-static-page .et_pb_text_inner ol { list-style: decimal; }
.lfgc-static-page .et_pb_text_inner ol[type="a"] { list-style: lower-alpha; }
.lfgc-static-page .et_pb_column ul    { list-style: disc; }
.lfgc-static-page .et_pb_column ol    { list-style: decimal; }
.lfgc-static-page .et_pb_column ol[type="a"] { list-style: lower-alpha; }

.lfgc-static-page .et_pb_text_inner li,
.lfgc-static-page .et_pb_column li {
  margin-bottom: 0.25em;
}

/* ── Subsection headings (h4) ──────────────────────────────────────────────── */

.lfgc-static-page .et_pb_text_inner h4,
.lfgc-static-page .et_pb_column h4 {
  font-family: 'Lato', sans-serif !important;
  font-size: clamp(15px, 1.6vw, 18px);
  font-weight: 700 !important;
  line-height: 1.53;
  color: var(--lfgc-color-charcoal);
  margin-top: 1.25em;
  margin-bottom: 0.3em;
}

/* ── Cookies table ─────────────────────────────────────────────────────────── */

.lfgc-static-page .et_pb_text_inner .lfgc-cookies-table,
.lfgc-static-page .et_pb_column .lfgc-cookies-table {
  width: 100%;
  border-collapse: collapse;
  font-family: 'Lato', sans-serif;
  font-size: clamp(13px, 1.3vw, 15px);
  line-height: 1.5;
  color: var(--lfgc-color-charcoal);
  margin-top: 1em;
  margin-bottom: 1.5em;
}

.lfgc-static-page .lfgc-cookies-table th,
.lfgc-static-page .lfgc-cookies-table td {
  border: 1px solid var(--lfgc-color-border);
  padding: 10px 14px;
  text-align: left;
  vertical-align: top;
}

.lfgc-static-page .lfgc-cookies-table thead th {
  background-color: var(--lfgc-color-charcoal);
  color: var(--lfgc-color-white);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-size: clamp(11px, 1.1vw, 13px);
}

.lfgc-static-page .lfgc-cookies-table tbody tr:nth-child(even) {
  background-color: var(--lfgc-color-grey-lt);
}

.lfgc-static-page .lfgc-cookies-table tbody tr:hover {
  background-color: var(--lfgc-color-placeholder);
}

.lfgc-static-page .lfgc-cookies-table td:first-child {
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  white-space: nowrap;
}

@media (max-width: 768px) {
  .lfgc-static-page .lfgc-cookies-table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

/* ── Privacy policy 2-column table ────────────────────────────────────────── */

.lfgc-static-page .et_pb_text_inner .lfgc-privacy-table,
.lfgc-static-page .et_pb_column .lfgc-privacy-table {
  width: 100%;
  border-collapse: collapse;
  font-family: 'Lato', sans-serif;
  font-size: clamp(14px, 1.4vw, 16px);
  line-height: 1.53;
  color: var(--lfgc-color-charcoal);
  margin-top: 1em;
  margin-bottom: 1.5em;
}

.lfgc-static-page .lfgc-privacy-table th,
.lfgc-static-page .lfgc-privacy-table td {
  border: 1px solid var(--lfgc-color-border);
  padding: 12px 16px;
  text-align: left;
  vertical-align: top;
}

.lfgc-static-page .lfgc-privacy-table thead th {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  background-color: var(--lfgc-color-grey-lt);
  color: var(--lfgc-color-dark);
  font-size: clamp(12px, 1.2vw, 14px);
}

.lfgc-static-page .lfgc-privacy-table td:first-child {
  width: 60%;
}

.lfgc-static-page .lfgc-privacy-table td p,
.lfgc-static-page .lfgc-privacy-table td ul,
.lfgc-static-page .lfgc-privacy-table td ol {
  font-size: inherit;
  margin-bottom: 0.5em;
}

.lfgc-static-page .lfgc-privacy-table td p:last-child,
.lfgc-static-page .lfgc-privacy-table td ul:last-child {
  margin-bottom: 0;
}

.lfgc-static-page .lfgc-privacy-table td ul {
  padding-left: 1.4em;
  list-style: disc;
}

.lfgc-static-page .lfgc-privacy-table tbody tr:nth-child(even) {
  background-color: var(--lfgc-color-grey-lt);
}

@media (max-width: 768px) {
  .lfgc-static-page .lfgc-privacy-table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .lfgc-static-page .lfgc-privacy-table td:first-child {
    width: auto;
  }
}

/* ── Links within static content ───────────────────────────────────────────── */

.lfgc-static-page .et_pb_text_inner a,
.lfgc-static-page .et_pb_column a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.lfgc-static-page .et_pb_text_inner a:hover,
.lfgc-static-page .et_pb_column a:hover {
  color: var(--lfgc-color-magenta-dark);
}