body {
--atm-color-white: #FFFFFF;
--atm-color-black: #000000;
--atm-color-blue: #0D6EFD;
  --atm-color-blue-100: #CFE2FF;
  --atm-color-blue-200: #9EC5FE;
  --atm-color-blue-300: #6EA8FE;
  --atm-color-blue-400: #3D8BFD;
  --atm-color-blue-500: #0D6EFD;
  --atm-color-blue-600: #0A58CA;
  --atm-color-blue-700: #084298;
  --atm-color-blue-800: #052C65;
  --atm-color-blue-900: #031633;
--atm-color-indigo: #6610F2;
  --atm-color-indigo-100: #E0CFFC;
  --atm-color-indigo-200: #C29FFA;
  --atm-color-indigo-300: #A370F7;
  --atm-color-indigo-400: #8540F5;
  --atm-color-indigo-500: #6610F2;
  --atm-color-indigo-600: #520DC2;
  --atm-color-indigo-700: #3D0A91;
  --atm-color-indigo-800: #290661;
  --atm-color-indigo-900: #140330;
--atm-color-purple: #6F42C1;
  --atm-color-purple-100: #E2D9F3;
  --atm-color-purple-200: #C5B3E6;
  --atm-color-purple-300: #A98EDA;
  --atm-color-purple-400: #8C68CD;
  --atm-color-purple-500: #6F42C1;
  --atm-color-purple-600: #59359A;
  --atm-color-purple-700: #432874;
  --atm-color-purple-800: #2C1A4D;
  --atm-color-purple-900: #160D27;
--atm-color-pink: #D63384;
  --atm-color-pink-100: #F7D6E6;
  --atm-color-pink-200: #EFADCE;
  --atm-color-pink-300: #E685B5;
  --atm-color-pink-400: #DE5C9D;
  --atm-color-pink-500: #D63384;
  --atm-color-pink-600: #AB296A;
  --atm-color-pink-700: #801F4F;
  --atm-color-pink-800: #561435;
  --atm-color-pink-900: #2B0A1A;
--atm-color-red: #DC3545;
  --atm-color-red-100: #F8D7DA;
  --atm-color-red-200: #F1AEB5;
  --atm-color-red-300: #EA868F;
  --atm-color-red-400: #E35D6A;
  --atm-color-red-500: #DC3545;
  --atm-color-red-600: #B02A37;
  --atm-color-red-700: #842029;
  --atm-color-red-800: #58151C;
  --atm-color-red-900: #2C0B0E;
--atm-color-orange: #FD7E14;
  --atm-color-orange-100: #FFE5D0;
  --atm-color-orange-200: #FECBA1;
  --atm-color-orange-300: #FEB272;
  --atm-color-orange-400: #FD9843;
  --atm-color-orange-500: #FD7E14;
  --atm-color-orange-600: #CA6510;
  --atm-color-orange-700: #984C0C;
  --atm-color-orange-800: #653208;
  --atm-color-orange-900: #331904;
--atm-color-yellow: #FFC107;
  --atm-color-yellow-100: #FFF3CD;
  --atm-color-yellow-200: #FFE69C;
  --atm-color-yellow-300: #FFDA6A;
  --atm-color-yellow-400: #FFCD39;
  --atm-color-yellow-500: #FFC107;
  --atm-color-yellow-600: #CC9A06;
  --atm-color-yellow-700: #997404;
  --atm-color-yellow-800: #664D03;
  --atm-color-yellow-900: #332701;
--atm-color-green: #198754;
  --atm-color-green-100: #D1E7DD;
  --atm-color-green-200: #A3CFBB;
  --atm-color-green-300: #75B798;
  --atm-color-green-400: #479F76;
  --atm-color-green-500: #198754;
  --atm-color-green-600: #146C43;
  --atm-color-green-700: #0F5132;
  --atm-color-green-800: #0A3622;
  --atm-color-green-900: #051B11;
--atm-color-teal: #20C997;
  --atm-color-teal-100: #D2F4EA;
  --atm-color-teal-200: #A6E9D5;
  --atm-color-teal-300: #79DFC1;
  --atm-color-teal-400: #4DD4AC;
  --atm-color-teal-500: #20C997;
  --atm-color-teal-600: #1AA179;
  --atm-color-teal-700: #13795B;
  --atm-color-teal-800: #0D503C;
  --atm-color-teal-900: #06281E;
--atm-color-cyan: #0DCAF0;
  --atm-color-cyan-100: #CFF4FC;
  --atm-color-cyan-200: #9EEAF9;
  --atm-color-cyan-300: #6EDFF6;
  --atm-color-cyan-400: #3DD5F3;
  --atm-color-cyan-500: #0DCAF0;
  --atm-color-cyan-600: #0AA2C0;
  --atm-color-cyan-700: #087990;
  --atm-color-cyan-800: #055160;
  --atm-color-cyan-900: #032830;
--atm-color-gray: #ADB5BD;
  --atm-color-gray-100: #F8F9FA;
  --atm-color-gray-200: #E9ECEF;
  --atm-color-gray-300: #DEE2E6;
  --atm-color-gray-400: #CED4DA;
  --atm-color-gray-500: #ADB5BD;
  --atm-color-gray-600: #6C757D;
  --atm-color-gray-700: #495057;
  --atm-color-gray-800: #343A40;
  --atm-color-gray-900: #212529;
}

/* 
* PARA USAR NO TEXTO 
*/

.atm-tx-white {color: var(--atm-color-white);}
.atm-tx-black {color: var(--atm-color-black);}

.atm-tx-blue {color: var(--atm-color-blue);}
  .atm-tx-blue-100 {color: var(--atm-color-blue-100);}
  .atm-tx-blue-200 {color: var(--atm-color-blue-200);}
  .atm-tx-blue-300 {color: var(--atm-color-blue-300);}
  .atm-tx-blue-400 {color: var(--atm-color-blue-400);}
  .atm-tx-blue-500 {color: var(--atm-color-blue-500);}
  .atm-tx-blue-600 {color: var(--atm-color-blue-600);}
  .atm-tx-blue-700 {color: var(--atm-color-blue-700);}
  .atm-tx-blue-800 {color: var(--atm-color-blue-800);}
  .atm-tx-blue-900 {color: var(--atm-color-blue-900);}
  
.atm-tx-indigo {color: var(--atm-color-indigo);}
  .atm-tx-indigo-100 {color: var(--atm-color-indigo-100);}
  .atm-tx-indigo-200 {color: var(--atm-color-indigo-200);}
  .atm-tx-indigo-300 {color: var(--atm-color-indigo-300);}
  .atm-tx-indigo-400 {color: var(--atm-color-indigo-400);}
  .atm-tx-indigo-500 {color: var(--atm-color-indigo-500);}
  .atm-tx-indigo-600 {color: var(--atm-color-indigo-600);}
  .atm-tx-indigo-700 {color: var(--atm-color-indigo-700);}
  .atm-tx-indigo-800 {color: var(--atm-color-indigo-800);}
  .atm-tx-indigo-900 {color: var(--atm-color-indigo-900);}
  
.atm-tx-purple {color: var(--atm-color-purple);}
  .atm-tx-purple-100 {color: var(--atm-color-purple-100);}
  .atm-tx-purple-200 {color: var(--atm-color-purple-200);}
  .atm-tx-purple-300 {color: var(--atm-color-purple-300);}
  .atm-tx-purple-400 {color: var(--atm-color-purple-400);}
  .atm-tx-purple-500 {color: var(--atm-color-purple-500);}
  .atm-tx-purple-600 {color: var(--atm-color-purple-600);}
  .atm-tx-purple-700 {color: var(--atm-color-purple-700);}
  .atm-tx-purple-800 {color: var(--atm-color-purple-800);}
  .atm-tx-purple-900 {color: var(--atm-color-purple-900);}
  
.atm-tx-pink {color: var(--atm-color-pink);}
  .atm-tx-pink-100 {color: var(--atm-color-pink-100);}
  .atm-tx-pink-200 {color: var(--atm-color-pink-200);}
  .atm-tx-pink-300 {color: var(--atm-color-pink-300);}
  .atm-tx-pink-400 {color: var(--atm-color-pink-400);}
  .atm-tx-pink-500 {color: var(--atm-color-pink-500);}
  .atm-tx-pink-600 {color: var(--atm-color-pink-600);}
  .atm-tx-pink-700 {color: var(--atm-color-pink-700);}
  .atm-tx-pink-800 {color: var(--atm-color-pink-800);}
  .atm-tx-pink-900 {color: var(--atm-color-pink-900);}
  
.atm-tx-red {color: var(--atm-color-red);}
  .atm-tx-red-100 {color: var(--atm-color-red-100);}
  .atm-tx-red-200 {color: var(--atm-color-red-200);}
  .atm-tx-red-300 {color: var(--atm-color-red-300);}
  .atm-tx-red-400 {color: var(--atm-color-red-400);}
  .atm-tx-red-500 {color: var(--atm-color-red-500);}
  .atm-tx-red-600 {color: var(--atm-color-red-600);}
  .atm-tx-red-700 {color: var(--atm-color-red-700);}
  .atm-tx-red-800 {color: var(--atm-color-red-800);}
  .atm-tx-red-900 {color: var(--atm-color-red-900);}
  
.atm-tx-orange {color: var(--atm-color-orange);}
  .atm-tx-orange-100 {color: var(--atm-color-orange-100);}
  .atm-tx-orange-200 {color: var(--atm-color-orange-200);}
  .atm-tx-orange-300 {color: var(--atm-color-orange-300);}
  .atm-tx-orange-400 {color: var(--atm-color-orange-400);}
  .atm-tx-orange-500 {color: var(--atm-color-orange-500);}
  .atm-tx-orange-600 {color: var(--atm-color-orange-600);}
  .atm-tx-orange-700 {color: var(--atm-color-orange-700);}
  .atm-tx-orange-800 {color: var(--atm-color-orange-800);}
  .atm-tx-orange-900 {color: var(--atm-color-orange-900);}
  
.atm-tx-yellow {color: var(--atm-color-yellow);}
  .atm-tx-yellow-100 {color: var(--atm-color-yellow-100);}
  .atm-tx-yellow-200 {color: var(--atm-color-yellow-200);}
  .atm-tx-yellow-300 {color: var(--atm-color-yellow-300);}
  .atm-tx-yellow-400 {color: var(--atm-color-yellow-400);}
  .atm-tx-yellow-500 {color: var(--atm-color-yellow-500);}
  .atm-tx-yellow-600 {color: var(--atm-color-yellow-600);}
  .atm-tx-yellow-700 {color: var(--atm-color-yellow-700);}
  .atm-tx-yellow-800 {color: var(--atm-color-yellow-800);}
  .atm-tx-yellow-900 {color: var(--atm-color-yellow-900);}
  
.atm-tx-green {color: var(--atm-color-green);}
  .atm-tx-green-100 {color: var(--atm-color-green-100);}
  .atm-tx-green-200 {color: var(--atm-color-green-200);}
  .atm-tx-green-300 {color: var(--atm-color-green-300);}
  .atm-tx-green-400 {color: var(--atm-color-green-400);}
  .atm-tx-green-500 {color: var(--atm-color-green-500);}
  .atm-tx-green-600 {color: var(--atm-color-green-600);}
  .atm-tx-green-700 {color: var(--atm-color-green-700);}
  .atm-tx-green-800 {color: var(--atm-color-green-800);}
  .atm-tx-green-900 {color: var(--atm-color-green-900);}
  
.atm-tx-teal {color: var(--atm-color-teal);}
  .atm-tx-teal-100 {color: var(--atm-color-teal-100);}
  .atm-tx-teal-200 {color: var(--atm-color-teal-200);}
  .atm-tx-teal-300 {color: var(--atm-color-teal-300);}
  .atm-tx-teal-400 {color: var(--atm-color-teal-400);}
  .atm-tx-teal-500 {color: var(--atm-color-teal-500);}
  .atm-tx-teal-600 {color: var(--atm-color-teal-600);}
  .atm-tx-teal-700 {color: var(--atm-color-teal-700);}
  .atm-tx-teal-800 {color: var(--atm-color-teal-800);}
  .atm-tx-teal-900 {color: var(--atm-color-teal-900);}
  
.atm-tx-cyan {color: var(--atm-color-cyan);}
  .atm-tx-cyan-100 {color: var(--atm-color-cyan-100);}
  .atm-tx-cyan-200 {color: var(--atm-color-cyan-200);}
  .atm-tx-cyan-300 {color: var(--atm-color-cyan-300);}
  .atm-tx-cyan-400 {color: var(--atm-color-cyan-400);}
  .atm-tx-cyan-500 {color: var(--atm-color-cyan-500);}
  .atm-tx-cyan-600 {color: var(--atm-color-cyan-600);}
  .atm-tx-cyan-700 {color: var(--atm-color-cyan-700);}
  .atm-tx-cyan-800 {color: var(--atm-color-cyan-800);}
  .atm-tx-cyan-900 {color: var(--atm-color-cyan-900);}
  
.atm-tx-gray {color: var(--atm-color-gray);}
  .atm-tx-gray-100 {color: var(--atm-color-gray-100);}
  .atm-tx-gray-200 {color: var(--atm-color-gray-200);}
  .atm-tx-gray-300 {color: var(--atm-color-gray-300);}
  .atm-tx-gray-400 {color: var(--atm-color-gray-400);}
  .atm-tx-gray-500 {color: var(--atm-color-gray-500);}
  .atm-tx-gray-600 {color: var(--atm-color-gray-600);}
  .atm-tx-gray-700 {color: var(--atm-color-gray-700);}
  .atm-tx-gray-800 {color: var(--atm-color-gray-800);}
  .atm-tx-gray-900 {color: var(--atm-color-gray-900);}

/* 
* PARA USAR NO BACKGROUND 
*/

.atm-bg-white {background-color: var(--atm-color-white);}
.atm-bg-black {background-color: var(--atm-color-black);}

.atm-bg-blue {background-color: var(--atm-color-blue);}
  .atm-bg-blue-100 {background-color: var(--atm-color-blue-100);}
  .atm-bg-blue-200 {background-color: var(--atm-color-blue-200);}
  .atm-bg-blue-300 {background-color: var(--atm-color-blue-300);}
  .atm-bg-blue-400 {background-color: var(--atm-color-blue-400);}
  .atm-bg-blue-500 {background-color: var(--atm-color-blue-500);}
  .atm-bg-blue-600 {background-color: var(--atm-color-blue-600);}
  .atm-bg-blue-700 {background-color: var(--atm-color-blue-700);}
  .atm-bg-blue-800 {background-color: var(--atm-color-blue-800);}
  .atm-bg-blue-900 {background-color: var(--atm-color-blue-900);}
  
.atm-bg-indigo {background-color: var(--atm-color-indigo);}
  .atm-bg-indigo-100 {background-color: var(--atm-color-indigo-100);}
  .atm-bg-indigo-200 {background-color: var(--atm-color-indigo-200);}
  .atm-bg-indigo-300 {background-color: var(--atm-color-indigo-300);}
  .atm-bg-indigo-400 {background-color: var(--atm-color-indigo-400);}
  .atm-bg-indigo-500 {background-color: var(--atm-color-indigo-500);}
  .atm-bg-indigo-600 {background-color: var(--atm-color-indigo-600);}
  .atm-bg-indigo-700 {background-color: var(--atm-color-indigo-700);}
  .atm-bg-indigo-800 {background-color: var(--atm-color-indigo-800);}
  .atm-bg-indigo-900 {background-color: var(--atm-color-indigo-900);}
  
.atm-bg-purple {background-color: var(--atm-color-purple);}
  .atm-bg-purple-100 {background-color: var(--atm-color-purple-100);}
  .atm-bg-purple-200 {background-color: var(--atm-color-purple-200);}
  .atm-bg-purple-300 {background-color: var(--atm-color-purple-300);}
  .atm-bg-purple-400 {background-color: var(--atm-color-purple-400);}
  .atm-bg-purple-500 {background-color: var(--atm-color-purple-500);}
  .atm-bg-purple-600 {background-color: var(--atm-color-purple-600);}
  .atm-bg-purple-700 {background-color: var(--atm-color-purple-700);}
  .atm-bg-purple-800 {background-color: var(--atm-color-purple-800);}
  .atm-bg-purple-900 {background-color: var(--atm-color-purple-900);}
  
.atm-bg-pink {background-color: var(--atm-color-pink);}
  .atm-bg-pink-100 {background-color: var(--atm-color-pink-100);}
  .atm-bg-pink-200 {background-color: var(--atm-color-pink-200);}
  .atm-bg-pink-300 {background-color: var(--atm-color-pink-300);}
  .atm-bg-pink-400 {background-color: var(--atm-color-pink-400);}
  .atm-bg-pink-500 {background-color: var(--atm-color-pink-500);}
  .atm-bg-pink-600 {background-color: var(--atm-color-pink-600);}
  .atm-bg-pink-700 {background-color: var(--atm-color-pink-700);}
  .atm-bg-pink-800 {background-color: var(--atm-color-pink-800);}
  .atm-bg-pink-900 {background-color: var(--atm-color-pink-900);}
  
.atm-bg-red {background-color: var(--atm-color-red);}
  .atm-bg-red-100 {background-color: var(--atm-color-red-100);}
  .atm-bg-red-200 {background-color: var(--atm-color-red-200);}
  .atm-bg-red-300 {background-color: var(--atm-color-red-300);}
  .atm-bg-red-400 {background-color: var(--atm-color-red-400);}
  .atm-bg-red-500 {background-color: var(--atm-color-red-500);}
  .atm-bg-red-600 {background-color: var(--atm-color-red-600);}
  .atm-bg-red-700 {background-color: var(--atm-color-red-700);}
  .atm-bg-red-800 {background-color: var(--atm-color-red-800);}
  .atm-bg-red-900 {background-color: var(--atm-color-red-900);}
  
.atm-bg-orange {background-color: var(--atm-color-orange);}
  .atm-bg-orange-100 {background-color: var(--atm-color-orange-100);}
  .atm-bg-orange-200 {background-color: var(--atm-color-orange-200);}
  .atm-bg-orange-300 {background-color: var(--atm-color-orange-300);}
  .atm-bg-orange-400 {background-color: var(--atm-color-orange-400);}
  .atm-bg-orange-500 {background-color: var(--atm-color-orange-500);}
  .atm-bg-orange-600 {background-color: var(--atm-color-orange-600);}
  .atm-bg-orange-700 {background-color: var(--atm-color-orange-700);}
  .atm-bg-orange-800 {background-color: var(--atm-color-orange-800);}
  .atm-bg-orange-900 {background-color: var(--atm-color-orange-900);}
  
.atm-bg-yellow {background-color: var(--atm-color-yellow);}
  .atm-bg-yellow-100 {background-color: var(--atm-color-yellow-100);}
  .atm-bg-yellow-200 {background-color: var(--atm-color-yellow-200);}
  .atm-bg-yellow-300 {background-color: var(--atm-color-yellow-300);}
  .atm-bg-yellow-400 {background-color: var(--atm-color-yellow-400);}
  .atm-bg-yellow-500 {background-color: var(--atm-color-yellow-500);}
  .atm-bg-yellow-600 {background-color: var(--atm-color-yellow-600);}
  .atm-bg-yellow-700 {background-color: var(--atm-color-yellow-700);}
  .atm-bg-yellow-800 {background-color: var(--atm-color-yellow-800);}
  .atm-bg-yellow-900 {background-color: var(--atm-color-yellow-900);}
  
.atm-bg-green {background-color: var(--atm-color-green);}
  .atm-bg-green-100 {background-color: var(--atm-color-green-100);}
  .atm-bg-green-200 {background-color: var(--atm-color-green-200);}
  .atm-bg-green-300 {background-color: var(--atm-color-green-300);}
  .atm-bg-green-400 {background-color: var(--atm-color-green-400);}
  .atm-bg-green-500 {background-color: var(--atm-color-green-500);}
  .atm-bg-green-600 {background-color: var(--atm-color-green-600);}
  .atm-bg-green-700 {background-color: var(--atm-color-green-700);}
  .atm-bg-green-800 {background-color: var(--atm-color-green-800);}
  .atm-bg-green-900 {background-color: var(--atm-color-green-900);}
  
.atm-bg-teal {background-color: var(--atm-color-teal);}
  .atm-bg-teal-100 {background-color: var(--atm-color-teal-100);}
  .atm-bg-teal-200 {background-color: var(--atm-color-teal-200);}
  .atm-bg-teal-300 {background-color: var(--atm-color-teal-300);}
  .atm-bg-teal-400 {background-color: var(--atm-color-teal-400);}
  .atm-bg-teal-500 {background-color: var(--atm-color-teal-500);}
  .atm-bg-teal-600 {background-color: var(--atm-color-teal-600);}
  .atm-bg-teal-700 {background-color: var(--atm-color-teal-700);}
  .atm-bg-teal-800 {background-color: var(--atm-color-teal-800);}
  .atm-bg-teal-900 {background-color: var(--atm-color-teal-900);}
  
.atm-bg-cyan {background-color: var(--atm-color-cyan);}
  .atm-bg-cyan-100 {background-color: var(--atm-color-cyan-100);}
  .atm-bg-cyan-200 {background-color: var(--atm-color-cyan-200);}
  .atm-bg-cyan-300 {background-color: var(--atm-color-cyan-300);}
  .atm-bg-cyan-400 {background-color: var(--atm-color-cyan-400);}
  .atm-bg-cyan-500 {background-color: var(--atm-color-cyan-500);}
  .atm-bg-cyan-600 {background-color: var(--atm-color-cyan-600);}
  .atm-bg-cyan-700 {background-color: var(--atm-color-cyan-700);}
  .atm-bg-cyan-800 {background-color: var(--atm-color-cyan-800);}
  .atm-bg-cyan-900 {background-color: var(--atm-color-cyan-900);}
  
.atm-bg-gray {background-color: var(--atm-color-gray);}
  .atm-bg-gray-100 {background-color: var(--atm-color-gray-100);}
  .atm-bg-gray-200 {background-color: var(--atm-color-gray-200);}
  .atm-bg-gray-300 {background-color: var(--atm-color-gray-300);}
  .atm-bg-gray-400 {background-color: var(--atm-color-gray-400);}
  .atm-bg-gray-500 {background-color: var(--atm-color-gray-500);}
  .atm-bg-gray-600 {background-color: var(--atm-color-gray-600);}
  .atm-bg-gray-700 {background-color: var(--atm-color-gray-700);}
  .atm-bg-gray-800 {background-color: var(--atm-color-gray-800);}
  .atm-bg-gray-900 {background-color: var(--atm-color-gray-900);}