@font-face {
  font-family: 'Poppins';
  src: url(/css/Fonts_portal_lite/Poppins-Regular.ttf);
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url(/css/Fonts_portal_lite/Poppins-Bold.ttf);
  font-weight: bold;
  font-style: bold;
}

*{
  font-family: 'Poppins', sans-serif;
}

:root {
  --mainColor: #3c63ad;
  --mainTxt: #333739;
}

.activeBtn {
  transition: all 500ms;
  background-color: white;
  color: var(--mainColor);
  border-width: 1px;
  border-color: white;
}

.inactiveBtn {
  transition: all 500ms;
  background-color: transparent;
  color: var(--mainTxt);
  border-width: 1px;
  border-color: black;
}

.banner-cards > :nth-child(1) > img {
  content: url(../img/svg_portal_lite/ico_calendario.svg);
}

.banner-cards > :nth-child(2) > img {
  content: url(../img/svg_portal_lite/ico_pagos.svg);
}

.banner-cards > :nth-child(3) > img {
  content: url(../img/svg_portal_lite/ico_ayuda.svg);
}

.banner-cards > :nth-child(1):hover > img {
  content: url(../img/svg_portal_lite/ico_calendario_hover.svg);
}

.banner-cards > :nth-child(2):hover > img {
  content: url(../img/svg_portal_lite/ico_pagos_hover.svg);
}

.banner-cards > :nth-child(3):hover > img {
  content: url(../img/svg_portal_lite/ico_ayuda_hover.svg);
}

.Container-patrocinadores{
  background-color: #3c63ad !important;
}
.Container-patrocinadores:hover{
  background-color: #093586 !important;
  transition: background-color 0.3s ease-in-out;
}

.crumb-sep-with-image::before {
  content: url(/SiteAssets/img/right.svg);
  display: inline-block;
  align-items: center;
  width: 0.4rem;
  height: 0.4rem;
  margin: 0 5px;
  margin-top: 2px;
}