/* ================================================================
   ELIOR ENERGY · AVISOS LEGALES EN FORMULARIOS
   Casillas de aceptación (registro, perfil, compra) y notas de privacidad (PQRS, cotización). Se carga solo en las páginas que las usan.
   ================================================================ */

.legal-consent {
  display: grid;
  grid-template-columns: 20px 1fr;
  gap: 10px;
  align-items: start;
  margin: 8px 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
  cursor: pointer;
}

.legal-consent input { width: 18px; height: 18px; margin: 1px 0 0; accent-color: var(--prussian-soft); }
.legal-consent a,
.legal-note a { color: var(--prussian-soft); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.legal-consent--optional { color: var(--muted); }
.legal-consent em { font-style: normal; opacity: 0.85; }

.legal-note {
  margin: 4px 0 8px;
  color: var(--muted);
  font-size: 12.5px;
  line-height: 1.55;
}

.signup-consents { display: grid; gap: 2px; margin: 4px 0 2px; }
.signup-consents[hidden] { display: none; }

.checkout-legal {
  display: grid;
  gap: 8px;
  margin: 16px 0 12px;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--surface);
  font-size: 13px;
  line-height: 1.55;
}

.checkout-legal h3 { margin: 0; color: var(--prussian); font-size: 14px; }
.checkout-legal ul { margin: 0; padding-left: 18px; color: var(--muted); }
.checkout-legal li + li { margin-top: 4px; }
.checkout-legal a { color: var(--prussian-soft); font-weight: 700; }
.legal-consent input:focus-visible { outline: 3px solid var(--prussian-soft); outline-offset: 2px; }