/* Bordes y degradado para las tarjetas del catálogo y Favoritas. */
:is(.explore-page,.favorites-page) .profile-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(to top, rgba(0,0,0,.88) 0%, rgba(0,0,0,.58) 16%, rgba(0,0,0,.12) 38%, rgba(0,0,0,0) 54%);
}
:is(.explore-page,.favorites-page) .profile-card > picture::after { content: none; }
:is(.explore-page,.favorites-page) .profile-card > div:last-child { z-index: 2; }
:is(.page-home .home-plan-rail,.explore-page,.favorites-page) .profile-card {
  --plan-border: linear-gradient(160deg,#ccd1da,#6b7280);
  --plan-glow: none;
}
:is(.page-home .home-plan-rail,.explore-page,.favorites-page) .profile-card > .profile-plan-frame {
  position: absolute;
  inset: 0;
  z-index: 3;
  padding: 2px;
  border-radius: inherit;
  background: var(--plan-border);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  pointer-events: none;
}
:is(.page-home .home-plan-rail,.explore-page,.favorites-page) .profile-card--bronze { --plan-border: linear-gradient(160deg,#f1ae73,#975028); }
:is(.page-home .home-plan-rail,.explore-page,.favorites-page) .profile-card--silver { --plan-border: linear-gradient(160deg,#f7fbff,#94aeca); }
:is(.page-home .home-plan-rail,.explore-page,.favorites-page) .profile-card--gold { --plan-border: linear-gradient(155deg,#fff27d 0%,#ffbf17 50%,#e77712 100%); --plan-glow: 0 0 12px #f5aa2e88; }
:is(.page-home .home-plan-rail,.explore-page,.favorites-page) .profile-card--platinum { --plan-border: linear-gradient(155deg,#e4c9ff 0%,#ae65ff 48%,#50adff 100%); --plan-glow: 0 0 14px #9d69f4aa; }
:is(.page-home .home-plan-rail,.explore-page,.favorites-page) .profile-card--gold { filter: drop-shadow(0 0 6px #f5aa2e88); }
:is(.page-home .home-plan-rail,.explore-page,.favorites-page) .profile-card--platinum { filter: drop-shadow(0 0 7px #9d69f4aa); }