th {
    font-weight: 700 !important;
}

table {
    border-style: solid !important;
    border-width: 1px !important;
    border-color: var(--bs-border-color) !important;
    margin-bottom: 1rem !important;
}

strong {
    font-weight: 700 !important;
}

p {
    margin-bottom: 1rem !important;
}

dd {
    margin-bottom: .5rem !important;
}

dt {
    font-weight: 700 !important;
}

tbody, td, tfoot, th, thead, tr {
    border-style: solid !important;
    border-color: var(--bs-border-color) !important;
}

dnt-header:not(:defined),
dnt-footer:not(:defined),
dnt-section:not(:defined),
dnt-horizontal-menu:not(:defined),
dnt-tabs:not(:defined),
dnt-horizontal-card:not(:defined),
dnt-hero:not(:defined) {
  visibility: hidden;
}

/* GENERAL */

.card-wrapper {
  flex: 0 0 100%; /* Tamaño base para pantallas pequeñas */
}

@media (min-width: 640px) {
  .card-wrapper {
    flex: 0 0 49%; /* 2 columnas en pantallas medianas */
  }
}

@media (min-width: 846px) {
  .card-wrapper {
    flex: 0 0 32%; /* 3 columnas en pantallas de medianas a grandes */
  }
}

@media (min-width: 1024px) {
  .card-wrapper {
    flex: 0 0 24%; /* 4 columnas en pantallas grandes */
  }
}

/* EXPLORER */

@media (max-width: 530px) {
  .title-search-explorer {
  	flex-wrap: wrap; 
  }
  .facet-type-explorer {
  	flex-wrap: wrap;
  }
}

@media (min-width: 640px) {
  .explorer .card-wrapper {
    flex: 0 0 100%; /* 1 columnas en pantallas medianas */
  }
}

@media (min-width: 846px) {
  .explorer .card-wrapper {
    flex: 0 0 49%; /* 2 columnas en pantallas de medianas a grandes */
  }
}

@media (min-width: 1024px) {
  .explorer .card-wrapper {
    flex: 0 0 32%; /* 3 columnas en pantallas grandes */
  }
}

/* INICIO */

.home .cards {
  width: 100%;
  overflow: hidden;
}

@media (min-width: 640px) {
  .home .card-wrapper {
    flex: 0 0 50%; /* 2 columnas en pantallas medianas */
  }
}

@media (min-width: 846px) {
  .home .card-wrapper {
    flex: 0 0 33.4%; /* 3 columnas en pantallas de medianas a grandes */
  }
}

@media (min-width: 1024px) {
  .home .card-wrapper {
    flex: 0 0 25%; /* 4 columnas en pantallas grandes */
  }
}

/* HEADER */

#alert-container {
	position: fixed !important;
	right: 0 !important;
	top: 0 !important;
}

@media (min-width: 873px) {
  dnt-horizontal-menu-item.last {
    margin-right: auto;
  }
}