.gris {
  color: #BFBFBF;
}
.verde {
  color: #90D246;
}
.blanco {
  color: #FFFFFF !important;
}
.back-verde {
  background: #90D246;
}
.back-gris {
  background: #BFBFBF;
}
.back-blanco {
  background: #FFFFFF;
}
.azul {
  color: #009fe3;
}
.back-azul {
  background: #009fe3;
}

:root {
  --site-font-sans: Arial, "Helvetica Neue", Helvetica, sans-serif;
  --site-pill-radius: 999px;
  --site-glass-filter: blur(16px);
  --site-floating-shadow: 0 18px 40px rgba(8, 8, 8, 0.12);
  --studio-accent: #90D246;
  --studio-accent-soft: rgba(144, 210, 70, 0.14);
  --studio-accent-text: #5f8f24;
  --studio-accent-deep: #4e7720;
  --studio-blue: #009fe3;
  --studio-blue-strong: #009fe3;
  --studio-blue-soft-strong: rgba(0, 159, 227, 0.88);
  --studio-blue-soft: rgba(0, 159, 227, 0.12);
  --studio-home-dark: #111;
  --studio-home-soft: #f2eee8;
  --studio-surface: rgba(255, 255, 255, 0.62);
  --studio-surface-strong: rgba(255, 255, 255, 0.78);
  --studio-line: rgba(31, 25, 20, 0.08);
  --studio-copy: rgba(23, 20, 17, 0.84);
  --studio-copy-soft: rgba(23, 20, 17, 0.68);
  --studio-shadow: 0 24px 60px rgba(44, 32, 20, 0.08);
  --services-accent: #90D246;
  --services-accent-soft: rgba(144, 210, 70, 0.14);
  --services-accent-text: #5f8f24;
  --services-accordion-accent: rgba(0, 159, 227, 0.16);
  --services-accordion-accent-soft: rgba(0, 159, 227, 0.1);
  --services-accordion-accent-text: #0b6e9b;
  --services-dark: #111;
  --services-light: #f3f7f8;
  --services-surface: rgba(255, 255, 255, 0.56);
  --services-surface-strong: rgba(255, 255, 255, 0.74);
  --services-line: rgba(31, 25, 20, 0.08);
  --services-copy: rgba(23, 20, 17, 0.82);
  --services-copy-soft: rgba(23, 20, 17, 0.68);
  --services-shadow: 0 24px 56px rgba(44, 32, 20, 0.07);
}