/* v0.41 — Comunidad productiva: categorías homologadas e interactivas. */

.portal-home .directory-card-expanded .card-heading .eyebrow {
  color: #006080;
}

.portal-home .directory-card-expanded .card-heading > a[data-directory-more] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: .45rem .8rem;
  border-radius: 999px;
  color: #534189;
  background: #f5f1ff;
  border: 1px solid rgba(83,65,137,.14);
  font-weight: 900;
  text-decoration: none;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
}

.portal-home .directory-card-expanded .card-heading > a[data-directory-more]:hover,
.portal-home .directory-card-expanded .card-heading > a[data-directory-more]:focus-visible {
  transform: translateY(-1px);
  background: #fff;
  border-color: rgba(83,65,137,.28);
  box-shadow: 0 10px 22px rgba(83,65,137,.12);
}

.portal-home .directory-filters-actionable {
  gap: .5rem;
  margin: 1rem 0 1rem;
}

.portal-home .directory-filters-actionable button {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: .42rem .86rem;
  border: 1px solid var(--v7-line, #d9e1ee);
  border-radius: 999px;
  color: var(--v7-violet, #534189);
  background: #f7f4ff;
  font: inherit;
  font-size: .78rem;
  font-weight: 900;
  cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease, border-color .18s ease;
}

.portal-home .directory-filters-actionable button:hover,
.portal-home .directory-filters-actionable button:focus-visible {
  transform: translateY(-1px);
  border-color: rgba(83,65,137,.32);
  background: #fff;
  box-shadow: 0 10px 20px rgba(44,37,114,.1);
}

.portal-home .directory-filters-actionable button.is-active {
  color: #fff;
  background: #534189;
  border-color: #534189;
  box-shadow: 0 10px 20px rgba(83,65,137,.18);
}

.portal-home .directory-panels {
  min-height: 0;
}

.portal-home .directory-panel[hidden] {
  display: none !important;
}

.portal-home .directory-panel.is-active {
  animation: miDirectoryPanelIn 220ms cubic-bezier(.16,1,.3,1) both;
}

@keyframes miDirectoryPanelIn {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

.page-directory .filter-bar-rich label:has(select[name="tipo"]) span::after {
  content: ' de directorio';
}

@media (prefers-reduced-motion: reduce) {
  .portal-home .directory-panel.is-active { animation: none; }
  .portal-home .directory-filters-actionable button,
  .portal-home .directory-card-expanded .card-heading > a[data-directory-more] {
    transition: none;
  }
}

@media (max-width: 760px) {
  .portal-home .directory-card-expanded .card-heading > a[data-directory-more] {
    width: 100%;
  }

  .portal-home .directory-filters-actionable {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .portal-home .directory-filters-actionable button {
    width: 100%;
  }
}