/* These styles are generated from project.scss. */

.alert-debug {
  color: black;
  background-color: white;
  border-color: #d6e9c6;
}

.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

/* Custom CSS */



/* Fuente Inter */

@font-face {
  font-family: 'Inter';
  src: url("../fonts/inter/Inter-Variable.0a77e23a8fdb.ttf") format('truetype');
  font-weight: 100 900;
  font-style: normal;
}

@font-face {
  font-family: 'Inter';
  src: url("../fonts/inter/Inter-Italic-Variable.6dce17792107.ttf") format('truetype');
  font-weight: 100 900;
  font-style: italic;
}

body {
  font-family: 'Inter', sans-serif;
}


/* Figma CSS */

.btn-primario {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 6px 12px;

  border-radius: 100px;
  background: var(--Purple-500, #556AEB);

  color: white;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  cursor: pointer;
  border: none;
}


/* OLUX Custom Colors */

/* Blue Colors */
.bg-oluxblue-100 { background-color: #EBEFFF; }
.bg-oluxblue-200 { background-color: #B9C4FF; }
.bg-oluxblue-300 { background-color: #8FA0FF; }
.bg-oluxblue-400 { background-color: #6E82FE; }
.bg-oluxblue-500 { background-color: #556AEB; }
.bg-oluxblue-600 { background-color: #354ACB; }
.bg-oluxblue-700 { background-color: #1D2F99; }
.bg-oluxblue-800 { background-color: #1D2F99; }
.bg-oluxblue-900 { background-color: #020A33; }

.text-oluxblue-100 { color: #EBEFFF; }
.text-oluxblue-200 { color: #B9C4FF; }
.text-oluxblue-300 { color: #8FA0FF; }
.text-oluxblue-400 { color: #6E82FE; }
.text-oluxblue-500 { color: #556AEB; }
.text-oluxblue-600 { color: #354ACB; }
.text-oluxblue-700 { color: #1D2F99; }
.text-oluxblue-800 { color: #1D2F99; }
.text-oluxblue-900 { color: #020A33; }

.border-oluxblue-100 { border-color: #EBEFFF; }
.border-oluxblue-200 { border-color: #B9C4FF; }
.border-oluxblue-300 { border-color: #8FA0FF; }
.border-oluxblue-400 { border-color: #6E82FE; }
.border-oluxblue-500 { border-color: #556AEB; }
.border-oluxblue-600 { border-color: #354ACB; }
.border-oluxblue-700 { border-color: #1D2F99; }
.border-oluxblue-800 { border-color: #1D2F99; }
.border-oluxblue-900 { border-color: #020A33; }

.hover\:bg-oluxblue-100:hover { background-color: #EBEFFF; }
.hover\:bg-oluxblue-200:hover { background-color: #B9C4FF; }
.hover\:bg-oluxblue-300:hover { background-color: #8FA0FF; }
.hover\:bg-oluxblue-400:hover { background-color: #6E82FE; }
.hover\:bg-oluxblue-500:hover { background-color: #556AEB; }
.hover\:bg-oluxblue-600:hover { background-color: #354ACB; }
.hover\:bg-oluxblue-700:hover { background-color: #1D2F99; }
.hover\:bg-oluxblue-800:hover { background-color: #1D2F99; }
.hover\:bg-oluxblue-900:hover { background-color: #020A33; }

.hover\:text-oluxblue-100:hover { color: #EBEFFF; }
.hover\:text-oluxblue-200:hover { color: #B9C4FF; }
.hover\:text-oluxblue-300:hover { color: #8FA0FF; }
.hover\:text-oluxblue-400:hover { color: #6E82FE; }
.hover\:text-oluxblue-500:hover { color: #556AEB; }
.hover\:text-oluxblue-600:hover { color: #354ACB; }
.hover\:text-oluxblue-700:hover { color: #1D2F99; }
.hover\:text-oluxblue-800:hover { color: #1D2F99; }
.hover\:text-oluxblue-900:hover { color: #020A33; }

/* Orange Colors */
.bg-oluxorange-100 { background-color: #FFF8EB; }
.bg-oluxorange-200 { background-color: #FFE3B0; }
.bg-oluxorange-300 { background-color: #FFCC75; }
.bg-oluxorange-400 { background-color: #FFB23B; }
.bg-oluxorange-500 { background-color: #FF9500; }
.bg-oluxorange-600 { background-color: #CC7C00; }
.bg-oluxorange-700 { background-color: #996000; }
.bg-oluxorange-800 { background-color: #664200; }
.bg-oluxorange-900 { background-color: #332200; }

.text-oluxorange-100 { color: #FFF8EB; }
.text-oluxorange-200 { color: #FFE3B0; }
.text-oluxorange-300 { color: #FFCC75; }
.text-oluxorange-400 { color: #FFB23B; }
.text-oluxorange-500 { color: #FF9500; }
.text-oluxorange-600 { color: #CC7C00; }
.text-oluxorange-700 { color: #996000; }
.text-oluxorange-800 { color: #664200; }
.text-oluxorange-900 { color: #332200; }

.border-oluxorange-100 { border-color: #FFF8EB; }
.border-oluxorange-200 { border-color: #FFE3B0; }
.border-oluxorange-300 { border-color: #FFCC75; }
.border-oluxorange-400 { border-color: #FFB23B; }
.border-oluxorange-500 { border-color: #FF9500; }
.border-oluxorange-600 { border-color: #CC7C00; }
.border-oluxorange-700 { border-color: #996000; }
.border-oluxorange-800 { border-color: #664200; }
.border-oluxorange-900 { border-color: #332200; }

.hover\:bg-oluxorange-100:hover { background-color: #FFF8EB; }
.hover\:bg-oluxorange-200:hover { background-color: #FFE3B0; }
.hover\:bg-oluxorange-300:hover { background-color: #FFCC75; }
.hover\:bg-oluxorange-400:hover { background-color: #FFB23B; }
.hover\:bg-oluxorange-500:hover { background-color: #FF9500; }
.hover\:bg-oluxorange-600:hover { background-color: #CC7C00; }
.hover\:bg-oluxorange-700:hover { background-color: #996000; }
.hover\:bg-oluxorange-800:hover { background-color: #664200; }
.hover\:bg-oluxorange-900:hover { background-color: #332200; }

.hover\:text-oluxorange-100:hover { color: #FFF8EB; }
.hover\:text-oluxorange-200:hover { color: #FFE3B0; }
.hover\:text-oluxorange-300:hover { color: #FFCC75; }
.hover\:text-oluxorange-400:hover { color: #FFB23B; }
.hover\:text-oluxorange-500:hover { color: #FF9500; }
.hover\:text-oluxorange-600:hover { color: #CC7C00; }
.hover\:text-oluxorange-700:hover { color: #996000; }
.hover\:text-oluxorange-800:hover { color: #664200; }
.hover\:text-oluxorange-900:hover { color: #332200; }