/* VARIABLES */
:root {
  --max-width: 1320px;
  --color-text-body: #525260;
  --color-primary: #5956e9;
  --color-secondary: #fff;
  --color-banner: #2522ba;
  --color-text-btn: #0d6efd;
  --color-bg-btn: #ffdc60;
  --color-subtitle: #c75c67;
  --color-title: #292930;
  --color-bg-services: #f8f8f8;
  --color-bg-projects: #ecf2f6;
  --color-bg-dark: #27272e;
  --color-hover-dark: #303035;
  --color-text-description: #99a1aa;
  --color-borders: #e3e6e9;
}
/* -------------------------------------------- */

/* ESTILOS GENERALES */
html {
  font-size: 10px;
  overflow-x: hidden;
}
body {
  width: 100%;
  height: 100%;

  font-size: 1.6rem;
  font-family: "DM Sans", sans-serif;
  font-weight: 400;
  line-height: 1.5;
  color: var(--color-text-body);
}
/* -------------------------------------------- */

/*  LAYOUT PRINCIPAL Y ESTRUCTURA*/
.layout {
  width: 100%;
  min-width: 1200px;
  height: 100%;
}

/* -------------------------------------------- */