/* Fuente base: Nunito (Google Fonts) */
@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap");

:root {
  --color-body: #290358;
  --color-azul: #180c7f;
  --color-violeta: #9773d4;
  --color-fucsia: #f1288d;
  --color-cyan: #00a1e6;
  --color-naranja: #ff7600;
  --color-verde: #25b46e;
  --color-blanco: #ffffff;
  --color-cir-verde: #16c60c;
  --color-cir-amarillo: #feca57;
  --color-cir-azul: #2e86de;
  --color-oscuro: #0d0450;
  --color-grisado-azul: #1e1e5c;
  --color-grisado-violeta: #b49eff;
  --color-grisado-fucsia: #ff85c1;
  --color-grisado-cyan: #9ae6ff;
  --color-grisado-naranja: #ffc485;
  --color-grisado-verde: #a8e9c2;
  --color-suave-violeta: #f3efff;
  --color-suave-fucsia: #ffe6f1;
  --color-suave-cyan: #e6f9ff;
  --color-suave-naranja: #fff4e0;
  --color-suave-verde: #e9fff2;
  --grad-violeta: linear-gradient(to bottom, #6d3df5, #733bcd);
  --grad-fucsia: linear-gradient(to bottom, #ff1289, #e9044a);
  --grad-cyan: linear-gradient(to bottom, #00a1e6, #005abb);
  --grad-naranja: linear-gradient(to bottom, #ff7600, #e83601);
  --grad-verde: linear-gradient(to bottom, #25b46e, #37fa9c);
  --grad-gris: linear-gradient(to top, #ffffff, #edf1f7);
  --electrico-1: #4e30f5;
  --electrico-2: #6f5ef6;
  --electrico-3: #988bf6;
  --electrico-4: #c1baf7;
  --morado-1: #a50aa4;
  --morado-2: #d354d5;
  --morado-3: #f096ef;
  --morado-4: #fcd9fb;
  --font-family-base: "Nunito", sans-serif;
  --font-size-sm: clamp(0.875rem, 1vw, 1rem);
  --font-size-base: clamp(1rem, 1.2vw, 1.25rem);
  --font-size-lg: clamp(1.5rem, 2vw, 2rem);
  --font-size-lx: clamp(2rem, 2.5vw, 2.75rem);
  --font-size-xl: clamp(2.5rem, 3vw, 3.5rem);
  --font-size-xxl: clamp(3rem, 4vw, 4rem); /* Si querés agregar uno más */
  --font-weight-thin: 200;
  --font-weight-extralight: 300;
  --font-weight-light: 400;
  --font-weight-regular: 500;
  --font-weight-medium: 600;
  --font-weight-semibold: 700;
  --font-weight-bold: 800;
  --font-weight-black: 900;
  --font-weight-heavy: 1000;
  --line-height-none: 1;
  --line-height-mini: 1.1;
  --line-height-tight: 1.2;
  --line-height-base: 1.5;
  --line-height-loose: 1.8;
  --letter-spacing-tight: -0.5px;
  --letter-spacing-base: 0;
  --letter-spacing-wide: 1px;
  --container-max-width: 1200px;
  --container-padding: 1rem;
  --section-gap: 2rem;
  --border-radius: 10px;
  --spacing-xxs: clamp(0.25rem, 0.5vw, 0.375rem);
  --spacing-xs: clamp(0.5rem, 0.8vw, 0.75rem);
  --spacing-sm: clamp(1rem, 1vw, 1.25rem);
  --spacing-md: clamp(1.5rem, 1.5vw, 2rem);
  --spacing-lg: clamp(2rem, 2vw, 3rem);
  --spacing-xl: clamp(3rem, 3vw, 4rem);
  --spacing-xxl: clamp(4rem, 4vw, 6rem);
  --img-icon-size: 3rem;
  --img-border-radius: 1rem;
  --img-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  --border-radius: 15px;
  --breakpoint-sm: 480px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 1024px;
  --breakpoint-xl: 1280px;
}