*{
  font-family:  'BR Segma',lato,sans-serif;
  font-weight: 500;
}

:root {
  --dark: #100423;
  --red: #ea044e;
  --red-2:#fde6ed;
  --red-3:#fff0f5ff;
  --gray-bk:#f3f2f4;
  --dacnis:#46e8e8;
  --yellow:#FFE438;
  --dacnis-light:#d3ecef;
  --bs-link-color:#ea044e;
  --pageTitleFontSize: 40px;
  --pageTitleFontSizeMobile: 32px;
  --pageTitleFontWeight: 700;
  --pageDescriptionFontSize: 20px;
  
  --bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23100423'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")!important;
}

nav{
  background-color:#ea044e;
}
.carousel-item.hidden {
  display: none !important;
}

.navbar.hidden {
  transform: translateY(-100%);
}
.navbar.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 212;
  transition: transform 0.5s ease;
  transform: none;
}


.nav-cat:hover{
  padding: 8px 12px;
  background-color: rgba(255,255,255,0.2);
  transition: 200ms ease; 
  border-radius: 4px;
  
}
.navbar {
  /* Estilos de la barra de navegación */
  transition: transform 0.6s ease;
}

.bg-dark {
  background-color: var(--dark) !important;
}

.text-dark {
  color: var(--dark) !important;
}