@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap");
:root:root {
  --marca-principal: #1d6b45;
  --marca-oscuro: #185839;
  --brand: #1d6b45;
  --brand-dark: #185839;
  --brand-ink: #0d301f;
  --brand-soft: #e4ede9;
  --brand-softer: #f4f8f6;
  --ground-2: #fbfbf9;
  --surface-2: #f9f9f6;
  --line: #d6e4de;
  --line-soft: #e8f0ec;
  --text: #17251e;
  --muted: #5b6b63;
  --faint: #85958d;
  --info: #1d6b45;
  --acento: #e8892b;
  --line-campo: #63766d;
  --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;
}