:root {
  font-size: 16px;
  font-family: "Poppins";
}

* {
  padding: 0;
  margin: 0;
  outline: 0;
  box-sizing: border-box;
}

button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  background-color: transparent;
  font-size: inherit;
  color: inherit;
  cursor: pointer;
}

a {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  text-decoration: none;
  color: inherit;
}

@media screen and (max-width: 1440px) {
  :root {
    font-size: 14px;
  }
}
@media screen and (max-width: 1280px) {
  :root {
    font-size: 14px;
  }
}
@media screen and (max-width: 1024px) {
  :root {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  :root {
    font-size: 12px;
  }
}
:root {
  --secondary: #1767C0;
  --primary: #1767C0;
  --accent: #5420C2;
  --pinaculo: #1b4370;
  --telemetrix: #00b2ff;
  --fade-blue: linear-gradient(115deg, var(--primary), var(--secondary));
  --fade-sec-acc: var(--secondary), var(--accent);
  --fade-acc-sec: var(--accent), var(--secondary);
  --fade: linear-gradient(90deg, var(--fade-sec-acc));
  --fade-v: linear-gradient(180deg, var(--fade-sec-acc));
  --fade-d: linear-gradient(115deg, var(--fade-sec-acc));
  --primary-rgb: 0, 93, 163;
  --secondary-rgb: 23, 103, 192;
  --accent-rgb: 84, 32, 194;
  --success-rgb: 68, 187, 85;
  --error-rgb: 255, 68, 85;
  --alert-rgb: 255, 136, 85;
  --warning-rgb: 240, 184, 15;
  --success: #44bb55;
  --error: #ff4455;
  --alert: #FF8855;
  --warning: #f0b80f;
  --info: #337ab7;
  --opacity-900: .9;
  --opacity-800: .8;
  --opacity-700: .7;
  --opacity-600: .6;
  --opacity-500: .5;
  --opacity-400: .4;
  --opacity-300: .3;
  --opacity-200: .2;
  --opacity-100: .1;
  --good: #0b2;
  --bad: #f45;
  --bg-good: #0b22;
  --bg-bad: #f452;
  --spacing-tiny: .25rem;
  --spacing-small: .5rem;
  --spacing-medium: .75rem;
  --spacing-large: 1rem;
  --spacing-xlarge: 1.5rem;
  --dyn-spacing-tiny: 0.25em;
  --dyn-spacing-small: 0.50em;
  --dyn-spacing-medium: 0.75em;
  --dyn-spacing-large: 1.00em;
  --dyn-spacing-xlarge: 1.50em;
  --default-rounding: 2px;
  --shadow-normal-color: #0122;
  --shadow-color: var(--shadow-normal-color);
  --shadow-small-size: 0px 4px 8px;
  --shadow-medium-size: 0px 6px 16px;
  --shadow-large-size: 0px 12px 64px;
  --shadow-xlarge-size: 0px 24px 128px;
  --shadow-small: var(--shadow-small-size) var(--shadow-color);
  --shadow-medium: var(--shadow-medium-size) var(--shadow-color);
  --shadow-large: var(--shadow-large-size) var(--shadow-color);
  --shadow-xlarge: var(--shadow-xlarge-size) var(--shadow-color);
  --shadow-size-xlarge: 0px 16px 64px;
  --light-background-600: #CED7DD;
  --light-background-500: #DBE1E6;
  --light-background-400: #E7EBEE;
  --light-background-300: #EAEBEC;
  --light-background-200: #F0F1F2;
  --light-background-100: #FFFFFF;
  --dark-background-500: #2A2C3C;
  --dark-background-400: #222434;
  --dark-background-300: #1A1C2C;
  --dark-background-200: #121424;
  --dark-background-100: #0A0C1C;
  --background-shade-100: var(--light-background-100);
  --background-shade-200: var(--light-background-200);
  --background-shade-300: var(--light-background-300);
  --background-shade-400: var(--light-background-400);
  --background-shade-500: var(--light-background-500);
  --background-shade-600: var(--light-background-600);
  --text-light-900: #334455;
  --text-light-800: #445566;
  --text-light-700: #556677;
  --text-light-600: #8899aa;
  --text-light-500: #aabbcc;
  --text-light-400: #bccadc;
  --text-light-300: #daeafc;
  --text-light-200: #eaeefa;
  --text-light-100: #FFFFFF;
  --text-dark-900: #20292D;
  --text-dark-800: #303E44;
  --text-dark-700: #3F525A;
  --text-dark-600: #4A5D65;
  --text-dark-500: #54676F;
  --text-dark-400: #697B84;
  --text-dark-300: #7E8F99;
  --text-dark-200: #9EAEB8;
  --text-dark-100: #BDCCD6;
  --text-900: var(--text-dark-900);
  --text-800: var(--text-dark-800);
  --text-700: var(--text-dark-700);
  --text-600: var(--text-dark-600);
  --text-500: var(--text-dark-500);
  --text-400: var(--text-dark-400);
  --text-300: var(--text-dark-300);
  --text-200: var(--text-dark-200);
  --text-100: var(--text-dark-100);
  --text-color-headings: var(--text-900);
  --text-color-subheadings: var(--text-800);
  --text-color-texts: var(--text-700);
  --text-color-normal: var(--text-500);
  --text-color-info: var(--text-300);
  --text-color-anchor: var(--secondary);
  --text-color-error: var(--error);
  --font-size-100: 3.5rem;
  --font-size-200: 3.0rem;
  --font-size-300: 2.5rem;
  --font-size-400: 2.0rem;
  --font-size-500: 1.5rem;
  --font-size-600: 1.2rem;
  --font-size-700: 1.0rem;
  --font-size-800: 0.9rem;
  --font-size-900: 0.8rem;
  --font-size-tiny: .8rem;
  --font-size-small: .9rem;
  --font-size-medium: 1rem;
  --font-size-large: 1.2rem;
  --font-size-xlarge: 1.4rem;
  --text-size-100: 1.4rem;
  --text-size-200: 1.2rem;
  --text-size-300: 1rem;
  --text-size-400: .9rem;
  --text-size-500: .8rem;
  --header-size-100: 3rem;
  --header-size-200: 2.5rem;
  --header-size-300: 2rem;
  --header-size-400: 1.5rem;
  --transition-duration-quick: .15s;
  --transition-duration-medium: .25s;
  --transition-duration-long: .5s;
  --transition-duration-xlong: 1s;
  --transition-overshoot: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
:root[data-theme=dark] {
  --background-shade-500: var(--dark-background-100);
  --background-shade-400: var(--dark-background-200);
  --background-shade-300: var(--dark-background-300);
  --background-shade-200: var(--dark-background-400);
  --background-shade-100: var(--dark-background-500);
}
:root[data-theme=dark] {
  --text-100: var(--text-light-900);
  --text-200: var(--text-light-800);
  --text-300: var(--text-light-700);
  --text-400: var(--text-light-600);
  --text-500: var(--text-light-500);
  --text-600: var(--text-light-400);
  --text-700: var(--text-light-300);
  --text-800: var(--text-light-200);
  --text-900: var(--text-light-100);
}

:root {
  --animation-pulsating-shadow-spread-size: 1rem;
  --modalIn-transalte-y-amount: -20px;
}

.animation-popOut {
  animation: popIn 0.5s reverse forwards;
}

.animation-popIn {
  animation: popIn 0.5s forwards;
}

.animation-pulsating-sm {
  --animation-pulsating-shadow-spread-size: .5rem;
  animation: pulsatingShadow 2s infinite;
}

.animation-pulsating-md {
  --animation-pulsating-shadow-spread-size: 1rem;
  animation: pulsatingShadow 2s infinite;
}

.animation-pulsating-lg {
  --animation-pulsating-shadow-spread-size: 1.5rem;
  animation: pulsatingShadow 2s infinite;
}

.animation-hovering-lg {
  animation: hoverLarge 4s infinte alternate;
}

@keyframes modalIn {
  0% {
    opacity: 0;
    transform: perspective(1000px) translateY(var(--modalIn-transalte-y-amount)) rotateX(5deg);
  }
  100% {
    opacity: 1;
    transform: perspective(1000px) translateY(0px) rotateX(0deg);
  }
}
@keyframes popIn {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  70% {
    opacity: 1;
    transform: scale(1.05);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes pulsatingShadow {
  70%, 100% {
    box-shadow: 0 0 0 var(--animation-pulsating-shadow-spread-size) transparent;
  }
}
.layout-row, .layout.row {
  display: flex;
  gap: var(--spacing-medium);
}
.layout-row > .stretch, .layout.row > .stretch {
  flex: 1;
}
.layout-row.no-stretch > *, .layout.row.no-stretch > * {
  flex: 0;
}

.layout-end, .layout-justify-end, .layout.justify-end {
  justify-content: flex-end;
}

.layout-justify-between, .layout.justify-between {
  justify-content: space-between;
}

.layout-align-center, .layout.align-center {
  align-items: center;
}

.layout-align-end, .layout.align-end {
  align-items: end;
}

.layout-align-start, .layout.align-start {
  align-items: start;
}

.layout-f-wrap, .layout.f-wrap {
  flex-wrap: wrap;
}

.layout-f-nowrap, .layout.f-nowrap {
  flex-wrap: nowrap !important;
}

.layout-d-hidden, .d-hidden {
  display: none !important;
}

.layout-p-relative, .layout .relative {
  position: relative;
}

.layout-section, .layout.section {
  padding: var(--spacing-large);
}
.layout-section.overflow, .layout.section.overflow {
  overflow: auto;
}

.layout.i-row {
  display: inline-flex;
}
.layout.pile {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-medium);
}
.layout.justify-center {
  justify-content: center;
}
.layout.grid {
  display: grid;
}
.layout.place-items-center {
  place-items: center;
}
.layout.p-relative {
  position: relative;
}
.layout.p-absolute {
  position: absolute;
}
.layout.mb-sm {
  margin-bottom: var(--spacing-small);
}
.layout.mb-md {
  margin-bottom: var(--spacing-medium);
}
.layout.mb-lg {
  margin-bottom: var(--spacing-large);
}
.layout.mb-xl {
  margin-bottom: var(--spacing-xlarge);
}
.layout.mt-sm {
  margin-top: var(--spacing-small);
}
.layout.mt-md {
  margin-top: var(--spacing-medium);
}
.layout.mt-lg {
  margin-top: var(--spacing-large);
}
.layout.mt-xl {
  margin-top: var(--spacing-xlarge);
}
.layout.mr-sm {
  margin-right: var(--spacing-small);
}
.layout.mr-md {
  margin-right: var(--spacing-medium);
}
.layout.mr-lg {
  margin-right: var(--spacing-large);
}
.layout.mr-xl {
  margin-right: var(--spacing-xlarge);
}
.layout.mx-md {
  margin-left: var(--spacing-medium);
  margin-right: var(--spacing-medium);
}
.layout.mx-md {
  margin-left: var(--spacing-medium);
  margin-right: var(--spacing-medium);
}
.layout.mx-md {
  margin-left: var(--spacing-medium);
  margin-right: var(--spacing-medium);
}
.layout.mx-md {
  margin-left: var(--spacing-medium);
  margin-right: var(--spacing-medium);
}
.layout.w-full {
  width: 100%;
}
.layout.w-fit {
  width: -moz-fit-content;
  width: fit-content;
}
.layout.min-w-fit {
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.layout.p-sm {
  padding: var(--spacing-small);
}
.layout.p-md {
  padding: var(--spacing-medium);
}
.layout.p-lg {
  padding: var(--spacing-large);
}
.layout.p-xl {
  padding: var(--spacing-xlarge);
}
.layout.p-0 {
  padding: 0;
}
.layout.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}
.layout.px-0 {
  padding-left: 0;
  padding-right: 0;
}
.layout.py-md {
  padding-top: var(--spacing-medium);
  padding-bottom: var(--spacing-medium);
}
.layout.px-md {
  padding-left: var(--spacing-medium);
  padding-right: var(--spacing-medium);
}
.layout.px-xl {
  padding-left: var(--spacing-xlarge);
  padding-right: var(--spacing-xlarge);
}
.layout.no-gap, .layout.gap-0 {
  gap: 0 !important;
}
.layout.gap-0 {
  gap: 0rem;
}
.layout.gap-1 {
  gap: 0.25rem;
}
.layout.gap-2 {
  gap: 0.5rem;
}
.layout.gap-3 {
  gap: 0.75rem;
}
.layout.gap-4 {
  gap: 1rem;
}
.layout.gap-5 {
  gap: 1.25rem;
}
.layout.gap-6 {
  gap: 1.5rem;
}
.layout.gap-7 {
  gap: 1.75rem;
}
.layout.gap-8 {
  gap: 2rem;
}
.layout.gap-9 {
  gap: 2.25rem;
}
.layout.gap-10 {
  gap: 2.5rem;
}
.layout.gap-11 {
  gap: 2.75rem;
}
.layout.gap-12 {
  gap: 3rem;
}
.layout.rounded-0 {
  border-radius: 0rem;
}
.layout.rounded-1 {
  border-radius: 0.25rem;
}
.layout.rounded-2 {
  border-radius: 0.5rem;
}
.layout.rounded-3 {
  border-radius: 0.75rem;
}
.layout.rounded-4 {
  border-radius: 1rem;
}
.layout.rounded-5 {
  border-radius: 1.25rem;
}
.layout.rounded-6 {
  border-radius: 1.5rem;
}
.layout.rounded-7 {
  border-radius: 1.75rem;
}
.layout.rounded-8 {
  border-radius: 2rem;
}
.layout.rounded-9 {
  border-radius: 2.25rem;
}
.layout.rounded-10 {
  border-radius: 2.5rem;
}
.layout.rounded-11 {
  border-radius: 2.75rem;
}
.layout.rounded-12 {
  border-radius: 3rem;
}

@media screen and (max-width: 768px) {
  .layout-hide-sm,
  .layout.hide-sm {
    display: none !important;
  }
  .layout-row, .layout.row {
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .layout-hide-md,
  .layout.hide-md {
    display: none !important;
  }
  .layout-row, .layout.row {
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .layout.hide-lg {
    display: none !important;
  }
}
@media screen and (min-width: 1440px) {
  .layout.hide-xl {
    display: none !important;
  }
}
.limit-width {
  --max-width: 0px;
  --total-padding: ;
}

.hide {
  display: none !important;
}

.inline-button, .btn {
  width: -moz-fit-content;
  width: fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  padding: var(--dyn-spacing-small) var(--dyn-spacing-medium);
  cursor: pointer;
  border-radius: 0px;
  font-size: 1rem;
  color: white;
  text-decoration: none !important;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: 0.15s;
  border: 1px solid transparent;
  background-color: transparent;
  color: #fff;
}
.inline-button:hover, .btn:hover {
  filter: brightness(0.9);
}
.inline-button:disabled, .inline-button.disabled, .btn:disabled, .btn.disabled {
  filter: brightness(0.8);
  cursor: not-allowed;
}
.inline-button > .ti, .btn > .ti {
  font-size: 1.4em;
  margin-right: var(--dyn-spacing-tiny);
}
.inline-button > .ti.-right, .btn > .ti.-right {
  margin-left: 6px;
}
.inline-button > .ti.-left, .btn > .ti.-left {
  margin-right: 6px;
}
.inline-button > .ti.-center, .btn > .ti.-center {
  margin: 0;
}
.inline-button:focus, .btn:focus {
  box-shadow: 0px 0px 0px 2px #fff, 0px 0px 0px 4px var(--telemetrix);
}
.inline-button.full, .btn.full {
  min-width: 100%;
  width: 100%;
}
.inline-button.whatsapp, .btn.whatsapp {
  --whatsapp: #25D366;
  --whatsapp-teal: #128C7E;
  background-color: var(--whatsapp-teal);
  border: none;
}
.inline-button.transluscent-light, .btn.transluscent-light {
  background: rgba(255, 255, 255, 0.0666666667);
}
.inline-button.transluscent-dark, .btn.transluscent-dark {
  background: rgba(0, 0, 0, 0.0666666667);
}
.inline-button.border-pop, .btn.border-pop {
  border: 1px solid rgba(255, 255, 255, 0.1333333333);
}
.inline-button.success, .btn.success {
  background-color: var(--success);
  border-color: var(--success);
}
.inline-button.alert, .btn.alert {
  background-color: var(--alert);
  border-color: var(--alert);
}
.inline-button.error, .btn.error {
  background-color: var(--error);
  border-color: var(--error);
}
.inline-button.text-white, .btn.text-white {
  color: white;
}
.inline-button.text-primary, .btn.text-primary {
  color: var(--primary);
}
.inline-button.text-secondary, .btn.text-secondary {
  color: var(--secondary);
}
.inline-button.text-success, .btn.text-success {
  color: var(--success);
}
.inline-button.text-alert, .btn.text-alert {
  color: var(--alert);
}
.inline-button.text-warn, .btn.text-warn {
  color: var(--warn);
}
.inline-button.text-error, .btn.text-error {
  color: var(--error);
}
.inline-button.text-dark, .btn.text-dark {
  color: var(--text-700);
}
.inline-button.bg-dark, .btn.bg-dark {
  background-color: var(--text-700);
}
.inline-button.bg-white, .btn.bg-white {
  background-color: white;
}
.inline-button.border, .btn.border {
  border: 1px solid currentColor;
}

.inline-button, .btn {
  position: relative;
  z-index: 0;
  overflow: hidden;
  border-radius: var(--default-rounding);
}
.inline-button:disabled, .btn:disabled {
  filter: grayscale(0.5);
  cursor: not-allowed;
  box-shadow: none !important;
}
.inline-button.shadow, .btn.shadow {
  box-shadow: var(--shadow-large);
}
.inline-button.primary, .btn.primary {
  box-shadow: var(--shadow-large);
  border: 0 !important;
}
.inline-button.primary::after, .btn.primary::after {
  content: "";
  position: absolute;
  inset: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: var(--fade);
  z-index: -1;
  border-radius: 2px;
}

.icon-button {
  --bg-color: #fff0;
  --bg-effect-color: rgba(var(--primary-rgb), .1);
  --color: var(--text-700);
  --hover-color: var(--primary);
  background: rgba(255, 255, 255, 0);
  color: var(--color);
  border-radius: 4px;
  padding: var(--spacing-tiny);
  display: inline-grid;
  place-items: center;
  position: relative;
  font-size: var(--text-size-300);
}
.icon-button > * {
  font-size: inherit;
  z-index: 1;
}
.icon-button:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  background: var(--bg-effect-color);
  transform: scale(0);
  pointer-events: none;
  transition: 0.1s;
}
.icon-button:hover, .icon-button:focus {
  color: var(--hover-color);
}
.icon-button:hover:before, .icon-button:focus:before {
  transform: scale(1);
}
.icon-button.delete {
  --bg-effect-color: rgba(var(--error-rgb), .2);
  --color: var(--error);
  --hover-color: var(--error);
}
.icon-button.light {
  --color: white;
  --hover-color: white;
  --bg-effect-color: background: #fff2;
}
.icon-button:disabled {
  cursor: not-allowed;
  --color: #888;
  --hover-color: #888;
}
.icon-button:disabled:before {
  transform: scale(1);
}

.format {
  /**

    --text-color-headings:    var(--text-900);
    --text-color-subheadings: var(--text-700);
    --text-color-normal:      var(--text-500);
    --text-color-info:        var(--text-300);
    */
  /** default settings */
  font-family: inherit;
  /**
   * color-100 -> color-text-100
   */
}
.format.color-heading {
  color: var(--text-color-headings);
}
.format.color-subheading {
  color: var(--text-color-subheadings);
}
.format.color-text {
  color: var(--text-color-texts);
}
.format.color-normal {
  color: var(--text-color-normal);
}
.format.text-info, .format.color-info {
  color: var(--text-color-info);
}
.format.text-white, .format.color-white {
  color: white !important;
}
.format.text-primary, .format.color-primary {
  color: var(--primary);
}
.format.text-dark {
  color: var(--text-700);
}
.format.text-error, .format.color-error {
  color: var(--error);
}
.format.text-warning, .format.color-warning {
  color: var(--warning);
}
.format.text-alert, .format.color-alert {
  color: var(--alert);
}
.format.text-success, .format.color-success {
  color: var(--success);
}
.format.text-fade, .format.color-fade {
  background-image: var(--fade);
  background-size: 100%;
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.format.text-inherit {
  color: inherit;
}
.format.color-100 {
  color: var(--text-100);
}
.format.color-200 {
  color: var(--text-200);
}
.format.color-300 {
  color: var(--text-300);
}
.format.color-400 {
  color: var(--text-400);
}
.format.color-500 {
  color: var(--text-500);
}
.format.color-600 {
  color: var(--text-600);
}
.format.color-700 {
  color: var(--text-700);
}
.format.color-800 {
  color: var(--text-800);
}
.format.color-900 {
  color: var(--text-900);
}
.format.align-center {
  text-align: center;
}
.format.align-left {
  text-align: left;
}
.format.align-right {
  text-align: right;
}
.format.w-bold {
  font-weight: 700;
}
.format.w-sbold {
  font-weight: 600;
}
.format.w-medium {
  font-weight: 500;
}
.format.w-normal {
  font-weight: 400;
}
.format.w-light {
  font-weight: 300;
}
.format.border {
  border: 1px solid currentColor;
}
.format.anchor {
  text-decoration: underline;
}
.format.h1, .format.h2, .format.h3 {
  font-weight: 600;
  color: var(--text-color-headings);
}
.format.h1 {
  font-size: var(--header-size-100);
  line-height: var(--header-size-100);
}
.format.h2 {
  font-size: var(--header-size-200);
  line-height: var(--header-size-200);
}
.format.h3 {
  font-size: var(--header-size-300);
  line-height: var(--header-size-300);
}
.format.h4 {
  font-size: var(--header-size-400);
  line-height: var(--header-size-400);
  color: var(--text-color-subheadings);
  font-weight: 500;
}
.format.size-inherit, .format.sz-inherit {
  font-size: inherit;
}
.format.sz-100 {
  font-size: var(--font-size-100);
}
.format.sz-200 {
  font-size: var(--font-size-200);
}
.format.sz-300 {
  font-size: var(--font-size-300);
}
.format.sz-400 {
  font-size: var(--font-size-400);
}
.format.sz-500 {
  font-size: var(--font-size-500);
}
.format.sz-600 {
  font-size: var(--font-size-600);
}
.format.sz-700 {
  font-size: var(--font-size-700);
}
.format.sz-800 {
  font-size: var(--font-size-800);
}
.format.sz-900 {
  font-size: var(--font-size-900);
}
.format.family-monospace {
  font-family: "Courier New", Courier, monospace;
}
.format.size-text-500 {
  font-size: var(--text-size-500);
}
.format.size-text-400 {
  font-size: var(--text-size-400);
}
.format.size-text-300 {
  font-size: var(--text-size-300);
}
.format.size-text-200 {
  font-size: var(--text-size-200);
}
.format.size-text-100 {
  font-size: var(--text-size-100);
}
.format.nowrap {
  text-wrap: nowrap;
}

.chip {
  font-size: 1rem;
  line-height: 1em;
  padding: var(--dyn-spacing-small) var(--dyn-spacing-medium);
  border-radius: var(--default-rounding);
  font-weight: 400;
  display: inline-flex;
  align-items: center;
  position: relative;
  border: 1px solid transparent;
}
.chip.nowrap {
  text-wrap: nowrap;
}
.chip > .chip-icon, .chip > span[class^=material-icons], .chip > span.ti {
  margin-right: var(--spacing-small);
  font-size: 1.2em;
}
.chip > .chip-icon.check-bg, .chip > span[class^=material-icons].check-bg, .chip > span.ti.check-bg {
  padding: 0.25rem;
  border-radius: 50%;
  background: rgba(var(--success-rgb), 0.15);
}
.chip + .chip:not(.no-gutter) {
  margin-left: var(--spacing-medium);
}
.chip.no-padding {
  padding: 0;
}
.chip.neutral {
  background: var(--background-shade-200);
  color: var(--text-600);
}
.chip.primary {
  background-color: rgba(var(--primary-rgb), var(--opacity-100));
  color: var(--primary);
}
.chip.warning {
  background-color: rgba(var(--warning-rgb), var(--opacity-100));
  color: var(--warning);
}
.chip.alert {
  background-color: rgba(var(--alert-rgb), var(--opacity-100));
  color: var(--alert);
}
.chip.error {
  background-color: rgba(var(--error-rgb), var(--opacity-100));
  color: var(--error);
}
.chip.success {
  background-color: rgba(var(--success-rgb), var(--opacity-100));
  color: var(--success);
}
.chip.dark {
  background-color: var(--text-700);
  color: white;
}
.chip.border {
  border-color: currentColor;
}
.chip.bold {
  font-weight: 500;
}
.chip.rect {
  border-radius: 0;
}
.chip.bg-primary {
  background-color: var(--primary);
}
.chip.bg-error {
  background-color: var(--error);
}
.chip.bg-success {
  background-color: var(--success);
}
.chip.bg-alert {
  background-color: var(--alert);
}
.chip.bg-success {
  background-color: var(--success);
}
.chip.bg-white {
  background-color: white;
}
.chip.bg-fade {
  background-image: var(--fade);
  -o-border-image: 1 var(--fade);
     border-image: 1 var(--fade);
}
.chip.bg-shade-100 {
  background-color: var(--background-shade-100);
}
.chip.text-primary {
  color: var(--primary);
}
.chip.text-dark {
  color: var(--text-700);
}
.chip.text-white {
  color: white;
}
.chip.text-error {
  color: var(--error);
}
.chip.shadow-m {
  box-shadow: var(--shadow-medium);
}
.chip.tiny {
  font-size: var(--font-size-tiny);
}
.chip.rounded-full {
  border-radius: 9999px;
  -o-border-image: none;
     border-image: none;
}

kbd {
  --border-color: #1232;
  --background-color: white;
  --color: #223344;
  border-radius: 0.25rem;
  padding: 0.2rem 0.4rem;
  font-size: var(--text-size-800);
  background-color: var(--background-color);
  border: solid var(--border-color);
  border-width: 1px 1px 3px 1px;
  box-shadow: 0 2px 0 1px rgba(17, 34, 51, 0.1333333333);
  font-family: "Courier New", Courier, monospace;
  font-weight: bold;
  letter-spacing: 0.15rem;
  color: var(--color);
}
kbd.bravo {
  --color: var(--primary);
  --border-color: #888;
  --background-color: #123;
  text-shadow: 0 0 4px rgba(var(--primary-rgb), 0.2);
}

.my-modal-bg {
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  background: rgba(0, 0, 0, 0.5333333333);
  opacity: 0;
  z-index: -1;
  left: 0;
  top: 0;
  cursor: pointer;
  transition: 0.15s;
  padding: var(--spacing-xlarge);
  overflow: auto;
  visibility: hidden;
}
.my-modal-bg#modal-loading {
  z-index: 1;
}
.my-modal-bg.no-backdrop {
  background-color: rgba(0, 0, 0, 0);
}
.my-modal-bg.top {
  align-items: flex-start;
}
.my-modal-bg.right {
  justify-content: end;
}
.my-modal-bg.blur {
  background-color: rgba(0, 0, 0, 0.6666666667);
}
.my-modal-bg.open {
  visibility: visible;
  z-index: 10000;
  opacity: 1;
}
.my-modal-bg.open > .my-modal, .my-modal-bg.open > .modal {
  animation: modalIn 0.3s ease-in;
}
.my-modal-bg.open.popin > .my-modal, .my-modal-bg.open.popin > .modal {
  animation: popIn 0.25s ease-in;
}
.my-modal-bg .my-modal, .my-modal-bg .modal {
  min-width: 200px;
  height: -moz-fit-content;
  height: fit-content;
  max-height: 100%;
  background: var(--background-shade-100);
  box-shadow: var(--shadow-large);
  border-radius: 0.25rem;
  overflow: hidden;
  cursor: default;
}
.my-modal-bg .my-modal.driver\:grid, .my-modal-bg .modal.driver\:grid {
  display: grid;
  grid-template-rows: auto 1fr auto;
}
.my-modal-bg .my-modal.driver\:grid .body, .my-modal-bg .my-modal.driver\:grid main, .my-modal-bg .modal.driver\:grid .body, .my-modal-bg .modal.driver\:grid main {
  height: 100%;
  overflow: auto;
}
.my-modal-bg .my-modal.full, .my-modal-bg .modal.full {
  height: 100%;
}
.my-modal-bg .my-modal > *, .my-modal-bg .modal > * {
  padding: var(--spacing-xlarge);
}
.my-modal-bg .my-modal .my-modal-header, .my-modal-bg .my-modal > .header, .my-modal-bg .my-modal > header, .my-modal-bg .modal .my-modal-header, .my-modal-bg .modal > .header, .my-modal-bg .modal > header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: var(--header-size-300);
  color: var(--text-800);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1333333333);
}
.my-modal-bg .my-modal .my-modal-header.--no-divider, .my-modal-bg .my-modal > .header.--no-divider, .my-modal-bg .my-modal > header.--no-divider, .my-modal-bg .modal .my-modal-header.--no-divider, .my-modal-bg .modal > .header.--no-divider, .my-modal-bg .modal > header.--no-divider {
  border-bottom: none;
}
.my-modal-bg .my-modal .my-modal-header h3, .my-modal-bg .my-modal > .header h3, .my-modal-bg .my-modal > header h3, .my-modal-bg .modal .my-modal-header h3, .my-modal-bg .modal > .header h3, .my-modal-bg .modal > header h3 {
  margin: 0px;
  font-size: inherit;
}
.my-modal-bg .my-modal .my-modal-header span, .my-modal-bg .my-modal > .header span, .my-modal-bg .my-modal > header span, .my-modal-bg .modal .my-modal-header span, .my-modal-bg .modal > .header span, .my-modal-bg .modal > header span {
  font-size: inherit;
}
.my-modal-bg .my-modal .my-modal-header button.-close, .my-modal-bg .my-modal > .header button.-close, .my-modal-bg .my-modal > header button.-close, .my-modal-bg .modal .my-modal-header button.-close, .my-modal-bg .modal > .header button.-close, .my-modal-bg .modal > header button.-close {
  margin-left: var(--spacing-xlarge);
}
.my-modal-bg .my-modal .my-modal-body, .my-modal-bg .my-modal > .body, .my-modal-bg .my-modal > main, .my-modal-bg .modal .my-modal-body, .my-modal-bg .modal > .body, .my-modal-bg .modal > main {
  display: block;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
}
.my-modal-bg .my-modal .my-modal-actions, .my-modal-bg .my-modal > .actions, .my-modal-bg .my-modal > footer, .my-modal-bg .modal .my-modal-actions, .my-modal-bg .modal > .actions, .my-modal-bg .modal > footer {
  display: flex;
  justify-content: flex-end;
}
.my-modal-bg .my-modal .my-modal-actions > *, .my-modal-bg .my-modal > .actions > *, .my-modal-bg .my-modal > footer > *, .my-modal-bg .modal .my-modal-actions > *, .my-modal-bg .modal > .actions > *, .my-modal-bg .modal > footer > * {
  margin-left: 10px;
}
.my-modal-bg .my-modal .my-modal-row, .my-modal-bg .modal .my-modal-row {
  height: 60px;
  width: 100%;
  display: flex;
  align-items: center;
}
.my-modal-bg .my-modal .my-modal-row *, .my-modal-bg .modal .my-modal-row * {
  margin-right: 10px;
}
.my-modal-bg .my-modal .my-modal-row *:last-child, .my-modal-bg .modal .my-modal-row *:last-child {
  margin-right: 0px;
}
.my-modal-bg .my-modal .my-modal-row button, .my-modal-bg .modal .my-modal-row button {
  background: rgba(0, 0, 0, 0.1333333333);
  border-radius: 5px;
  height: 40px;
  width: 40px;
}
.my-modal-bg .my-modal .my-modal-row button.--confirm, .my-modal-bg .modal .my-modal-row button.--confirm {
  width: -moz-fit-content;
  width: fit-content;
  display: none;
  align-items: center;
  padding: 0px 10px;
  background: var(--success);
  color: white;
}
.my-modal-bg .my-modal .my-modal-row button.--confirm span, .my-modal-bg .modal .my-modal-row button.--confirm span {
  margin-right: 6px;
}

.my-modal-bg.r {
  padding: 2rem;
  display: block;
  overflow: hidden;
}
.my-modal-bg.r .modal {
  position: absolute;
  width: min(440px, 90vw);
  top: 0;
  right: 0;
  height: 100%;
  background-color: white;
  box-shadow: -16px 0 64px rgba(0, 0, 0, 0.1333333333);
  transform: translateX(100%);
  overflow: hidden;
  animation: unset;
}
.my-modal-bg.r.open .modal {
  pointer-events: all;
  transition-delay: 200ms;
  transition: 200ms ease-out;
  transform: translate(0) !important;
}

.my-modal-bg.drawer {
  padding: 2rem;
  display: block;
  overflow: hidden;
  pointer-events: none;
}
.my-modal-bg.drawer .modal {
  position: absolute;
  width: min(400px, 95vw);
  top: 0;
  right: 0;
  height: 100%;
  padding: 1rem;
  background-color: white;
  box-shadow: -16px 0 64px rgba(0, 0, 0, 0.1333333333);
  transform: translateX(100%);
  overflow: hidden;
  animation: unset;
}
.my-modal-bg.drawer.open .modal {
  pointer-events: all;
  transition-delay: 200ms;
  transition: 200ms ease-out;
  transform: translate(0) !important;
}

*::-webkit-scrollbar {
  width: 4px;
  background-color: rgba(255, 255, 255, 0.1);
}

*::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2666666667);
  border-radius: 4px;
  width: 4px;
}
*::-webkit-scrollbar-thumb:hover {
  background: #fff;
}

:root {
  --dark-background-900: #0A0C1C;
  --dark-background-800: #1A1C2C;
}

.Archivo {
  font-family: "Archivo";
}

#frame-counter {
  background: rgba(255, 255, 255, 0.2666666667);
  color: #fff;
  position: fixed;
  top: 10px;
  right: 10px;
  z-index: 1000;
  font-size: 0.8rem;
}

body {
  height: 100vh;
  width: 100%;
  padding: 0;
}

#mobile-sidebar {
  position: fixed;
  top: 0;
  right: 0;
  width: 90%;
  height: 100%;
  padding: var(--spacing-xlarge);
  z-index: 1;
  background: var(--dark-background-900);
  transform: translateX(100%);
  opacity: 0;
  transition: 0.15s ease-in;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-shadow: -40px 0 0 rgba(0, 0, 0, 0.8666666667);
}
#mobile-sidebar a, #mobile-sidebar button {
  min-width: 100%;
  font-size: var(--text-size-100);
  padding: var(--spacing-xlarge);
  margin-bottom: var(--spacing-medium);
}
#mobile-sidebar.open {
  transform: translateX(0%);
  opacity: 1;
}

.fade {
  background-image: var(--fade);
}

#sys {
  width: 100%;
  height: 100%;
  position: relative;
}

#background-effect {
  --blur-size: 100px;
  --normal-background-color: #000;
  --gradient-opacity: .25;
  --gradient-fume-opacity: .5;
  --background-fade-rotation: 135deg;
  --background-fade: linear-gradient(
    var(--background-fade-rotation),
    var(--fade-sec-acc)
  );
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: var(--normal-background-color);
  padding: 0;
  z-index: 0;
}
@media screen and (max-width: 1024px) {
  #background-effect {
    --blur-size: 75px;
  }
}
#background-effect::after, #background-effect::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
#background-effect::before {
  background-image: var(--background-fade);
  opacity: var(--gradient-opacity);
}
#background-effect::after {
  background-color: rgba(0, 0, 0, var(--gradient-fume-opacity));
  transform: translate3d(0, 0, 0);
}
#background-effect .blob {
  --blob-size: 30vw;
  --blob-anim-duration: 20s;
  --blob-x: 0px;
  --blob-y: 0px;
  height: var(--blob-size);
  width: var(--blob-size);
  aspect-ratio: 1/1;
  left: var(--blob-x);
  top: var(--blob-y);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  position: fixed;
  transition: 0.15s;
  filter: blur(var(--blur-size));
  animation: blobAnimation var(--blob-anim-duration) infinite linear forwards alternate;
}
@keyframes blobAnimation {
  100% {
    transform: translate(-50%, -50%) rotate(-360deg) scale(1.5);
  }
}
#background-effect .blob:nth-of-type(2) {
  --blob-size: 20vw;
  --blob-x: 50%;
  --blob-y: 50%;
  animation-delay: 1s;
}
#background-effect .blob:nth-of-type(3) {
  --blob-size: 10vw;
  --blob-x: 100%;
  --blob-y: 100%;
  animation-delay: 2s;
}
@media screen and (max-width: 435px) {
  #background-effect .blob:nth-of-type(1) {
    --blob-size: 60vw;
  }
  #background-effect .blob:nth-of-type(2) {
    --blob-size: 70vw;
  }
  #background-effect .blob:nth-of-type(3) {
    --blob-size: 30vw;
  }
}

#fixed-whatsapp {
  --whatsapp-color-teal: #128C7E;
  --whatsapp-color-light: #25D366;
  position: fixed;
  bottom: var(--spacing-medium);
  right: var(--spacing-medium);
  padding: var(--spacing-medium);
  font-size: 2rem;
  color: #fff;
  display: inline-flex;
  align-items: center;
  background-color: var(--whatsapp-color-light);
  box-shadow: var(--shadow-medium);
  border-top: 1px solid rgba(255, 255, 255, 0.5333333333);
  border-radius: 0.5rem;
  cursor: pointer;
  z-index: 10;
}

#content {
  height: 100%;
  width: 100%;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 0;
  isolation: isolate;
  --max-content-width: 1400px;
  --side-padding: max( 80px, calc((100% - var(--max-content-width)) / 2 ) );
  --navbar-v-padding: var(--spacing-medium);
}
@media screen and (max-width: 1024px) {
  #content {
    --side-padding: 3rem;
    --navbar-v-padding: var(--spacing-xlarge);
  }
}
#content nav {
  position: sticky;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  padding: var(--navbar-v-padding) var(--side-padding);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0));
  transition: 0.15s;
}
#content nav.solid {
  background-color: var(--dark-background-900);
}
#content nav img {
  max-height: 3rem;
  -o-object-fit: contain;
     object-fit: contain;
}
#content nav a {
  text-decoration: none;
  color: var(--text-info);
  font-size: 1rem;
  font-weight: 500;
  color: var(--text-light-300);
  transition: 0.15s;
}
#content nav a:hover {
  color: var(--text-light-100);
}

.btn.cta {
  font-family: "Archivo";
  font-size: 1.4rem;
  font-weight: 500;
  padding: var(--spacing-large) var(--spacing-xlarge);
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.2666666667);
}
.btn.cta.primary {
  box-shadow: 0px 4px 24px rgba(var(--secondary-rgb), 0.5);
}
.btn.cta.-nav {
  font-size: 1rem;
  font-weight: 400;
}
.btn.cta.-login {
  background: rgba(255, 255, 255, 0.0666666667);
  border: 1px solid transparent;
}
.btn.cta.-login:hover {
  background: rgba(255, 255, 255, 0);
  border-color: var(--text-light-600);
}

footer#footer {
  background: var(--dark-background-900);
  padding: var(--spacing-xlarge) var(--side-padding);
  padding-top: 5vh;
  box-shadow: 0 0px 128px -32px var(--accent), 0 0px 64px -16px var(--secondary);
  position: relative;
}
footer#footer img {
  max-height: 3rem;
  -o-object-fit: contain;
     object-fit: contain;
}
footer#footer::after, footer#footer::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  width: 150%;
  height: 50%;
  transform: rotate(5deg);
  background: var(--fade);
}
footer#footer::after {
  transform: rotate(-5deg);
}

#developed-by {
  background-color: var(--dark-background-900);
  box-shadow: var(--shadow-medium);
  border: 1px solid rgba(255, 255, 255, 0.0666666667);
  padding: var(--spacing-medium) var(--spacing-large);
  border-radius: 2px;
}/*# sourceMappingURL=template_styles.css.map */