/* Derivado de tokens visuales V1.0. Valores iniciales; revisión visual pendiente. */
@font-face {
  font-family: "Satoshi";
  src: url("fonts/satoshi/Satoshi-Variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
}
@font-face {
  font-family: "Satoshi";
  src: url("fonts/satoshi/Satoshi-VariableItalic.woff2") format("woff2");
  font-style: italic;
  font-weight: 300 900;
  font-display: swap;
}
.dl-web, .dl-public-shell {
  --dl-color-white: #FFFFFF;
  --dl-color-blue: #005BFF;
  --dl-color-blue-hover: #0049CC;
  --dl-color-black: #0A0A0A;
  --dl-color-text-muted: #595959;
  --dl-color-surface: #F5F7FA;
  --dl-color-line: #D9DEE7;
  --dl-color-control-border: #767676;
  --dl-font-family: "Satoshi", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --dl-h1-mobile: 32px;
  --dl-h1-desktop: 56px;
  --dl-h1-weight: 700;
  --dl-h1-line-height: 1.12;
  --dl-h2-mobile: 26px;
  --dl-h2-desktop: 40px;
  --dl-h2-weight: 700;
  --dl-h2-line-height: 1.2;
  --dl-h3-mobile: 20px;
  --dl-h3-desktop: 24px;
  --dl-h3-weight: 600;
  --dl-h3-line-height: 1.3;
  --dl-body-mobile: 16px;
  --dl-body-desktop: 18px;
  --dl-body-weight: 400;
  --dl-body-line-height: 1.55;
  --dl-prose-max: 68ch;
  --dl-auxiliary-font-size: 14px;
  --dl-auxiliary-line-height: 1.5;
  --dl-action-font-size: 16px;
  --dl-action-weight: 600;
  --dl-container-max: 1200px;
  --dl-gutter-mobile: 20px;
  --dl-gutter-desktop: 32px;
  --dl-section-gap-mobile: 48px;
  --dl-section-gap-desktop: 80px;
  --dl-control-radius: 8px;
  --dl-card-radius: 12px;
  --dl-spacing-4: 4px;
  --dl-spacing-8: 8px;
  --dl-spacing-12: 12px;
  --dl-spacing-16: 16px;
  --dl-spacing-24: 24px;
  --dl-spacing-32: 32px;
  --dl-spacing-48: 48px;
  --dl-spacing-64: 64px;
  --dl-spacing-96: 96px;
  --dl-touch-target: 44px;
  --dl-focus-outline: 2px;
  --dl-focus-offset: 3px;
  --dl-transition: 150ms;
}