@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");
:root:root {
  --marca-principal: #0077b6;
  --marca-oscuro: #006295;
  --brand: #0077b6;
  --brand-dark: #006295;
  --brand-ink: #003652;
  --brand-soft: #e0eff6;
  --brand-softer: #f2f8fb;
  --ground-2: #fbfdfe;
  --surface-2: #f9fcfe;
  --line: #d1e7f2;
  --line-soft: #e6f1f8;
  --text: #122733;
  --muted: #566d7a;
  --faint: #829aa7;
  --info: #0077b6;
  --acento: #19c3ef;
  --sans: "Inter", "Segoe UI", system-ui, sans-serif;
  --serif: "Inter", "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;
}