@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap");
:root:root {
  --marca-principal: #0737c9;
  --marca-oscuro: #062da5;
  --brand: #0737c9;
  --brand-dark: #062da5;
  --brand-ink: #03195a;
  --brand-soft: #e1e7f9;
  --brand-softer: #f3f5fc;
  --ground-2: #fafbfd;
  --surface-2: #f7f9fc;
  --line: #d2dbf5;
  --line-soft: #e6ebfa;
  --text: #131c36;
  --muted: #57617e;
  --faint: #848dab;
  --info: #0737c9;
  --acento: #53c8ce;
  --sans: "Open Sans", "Segoe UI", system-ui, sans-serif;
  --serif: "Open Sans", "Segoe UI", system-ui, sans-serif;
  --pick: circle(50% at 50% 50%);
  --desk-size: clamp(44px, 12cqi, 92px);
  --desk-height: clamp(44px, 12cqi, 92px);
  --desk-aspect: 1 / 1;
  --forma-radius: 50%;
  --p-dot-width: 32px;
  --p-dot-height: 32px;
  --brand-mark-size: 24px;
  --brand-mark-height: 24px;
  --tag-dot-size: 10px;
  --tag-dot-height: 10px;
  --rol-dot-size: 8px;
  --rol-dot-height: 8px;
  --ayuda-dot-size: 12px;
  --ayuda-dot-height: 12px;
}