:root {
  --tx-color: #0A0A0A;
  --tx-color-inv: #ECECEC;
  --bg-color: #FFFFFF;
  --bg-color2: #F8F9FA;
  --bg-color3: #E9ECEF;
  --bg-color4: #EFF4F5;
  --accent-color: #F65777;
  --border-color: #DDDDDD;
  --header-h: 50px;
  --nav-h: 70px;
  /* safe-area para iPhone con notch (fallback 0px en otros) */
  --safe: max(env(safe-area-inset-bottom), 0px);
}

[data-theme=Dark] {
  --tx-color: #ECECEC;
  --tx-color-inv: #0A0A0A;
  --bg-color: #1E1E1E;
  --bg-color2: #2C2C2C;
  --bg-color3: #3A3A3A;
  --bg-color4: #464A4B;
  --accent-color: #D81B60;
  --border-color: #444444;
}

.intereses-wrapper {
  width: 100%;
}
.intereses-wrapper .buscador {
  margin-bottom: 1.25rem;
}
.intereses-wrapper .buscador .input-busqueda {
  width: 100%;
  padding: 0.75rem 1rem;
  border: 1px solid var(--border-color);
  border-radius: 12px;
  font-size: 1rem;
  color: var(--tx-color);
  background-color: var(--bg-color2);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.intereses-wrapper .buscador .input-busqueda::-webkit-input-placeholder {
  color: #9ca3af;
}
.intereses-wrapper .buscador .input-busqueda::-moz-placeholder {
  color: #9ca3af;
}
.intereses-wrapper .buscador .input-busqueda:-ms-input-placeholder {
  color: #9ca3af;
}
.intereses-wrapper .buscador .input-busqueda::-ms-input-placeholder {
  color: #9ca3af;
}
.intereses-wrapper .buscador .input-busqueda::placeholder {
  color: #9ca3af;
}
.intereses-wrapper .buscador .input-busqueda:focus {
  outline: none;
  border-color: #F65777;
  -webkit-box-shadow: 0 0 0 3px rgba(246, 87, 119, 0.15);
          box-shadow: 0 0 0 3px rgba(246, 87, 119, 0.15);
}
.intereses-wrapper .seleccionados-header {
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--tx-color);
  margin: 0 0 0.5rem;
}
.intereses-wrapper .seleccionados-bloque {
  margin-bottom: 1.25rem;
  padding-bottom: 0.25rem;
}
.intereses-wrapper .categorias-acordeon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
.intereses-wrapper .categoria-bloque {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
}
.intereses-wrapper .tags-intereses {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem;
}
.intereses-wrapper .categoria-tags {
  padding: 0 0.25rem 0.25rem 0.5rem;
}
.intereses-wrapper .tag {
  padding: 0.5rem 1rem;
  border-radius: 999px;
  font-size: 0.9rem;
  font-weight: 500;
  cursor: pointer;
  border: 2px solid transparent;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.intereses-wrapper .tag.tag-default {
  background: var(--bg-color3);
  color: var(--tx-color);
  border-color: var(--border-color);
}
.intereses-wrapper .tag.tag-default:hover {
  background: rgba(246, 87, 119, 0.12);
  border-color: rgba(246, 87, 119, 0.4);
  color: #D81B60;
}
.intereses-wrapper .tag.tag-selected {
  background: rgba(246, 87, 119, 0.15);
  color: #D81B60;
  border-color: #F65777;
}
.intereses-wrapper .tag.tag-selected:hover {
  background: rgba(246, 87, 119, 0.25);
}
.intereses-wrapper .content-new-intereses {
  width: 100%;
  margin: 0;
  border: 1px solid var(--border-color);
  border-radius: 14px;
  padding: 1rem 1.1rem;
  background-color: var(--bg-color2);
  cursor: pointer;
  text-align: left;
  font: inherit;
  color: inherit;
  -webkit-transition: background-color 0.2s, border-color 0.2s;
  transition: background-color 0.2s, border-color 0.2s;
}
.intereses-wrapper .content-new-intereses:hover {
  background-color: var(--bg-color3);
  border-color: rgba(246, 87, 119, 0.35);
}
.intereses-wrapper .content-new-intereses .subtitulo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.75rem;
  width: 100%;
}
.intereses-wrapper .content-new-intereses .subtitulo .icontitulo {
  font-weight: 600;
  font-size: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.65rem;
  color: var(--tx-color);
}
.intereses-wrapper .content-new-intereses .subtitulo .icontitulo .categoria-icono {
  font-size: 1.35rem;
  line-height: 1;
}
.intereses-wrapper .content-new-intereses .subtitulo .panel-acordion {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: var(--bg-color3);
  color: var(--tx-color);
}
.intereses-wrapper .content-new-intereses .subtitulo .panel-acordion i {
  font-style: normal;
  font-size: 1.1rem;
}
.intereses-wrapper .no-resultados {
  font-style: italic;
  color: #999;
  margin-top: 1rem;
  padding: 0.5rem 0;
}

[data-theme=Dark] .intereses-wrapper .input-busqueda::-webkit-input-placeholder {
  color: #8b8b8b;
}

[data-theme=Dark] .intereses-wrapper .input-busqueda::-moz-placeholder {
  color: #8b8b8b;
}

[data-theme=Dark] .intereses-wrapper .input-busqueda:-ms-input-placeholder {
  color: #8b8b8b;
}

[data-theme=Dark] .intereses-wrapper .input-busqueda::-ms-input-placeholder {
  color: #8b8b8b;
}

[data-theme=Dark] .intereses-wrapper .input-busqueda::placeholder {
  color: #8b8b8b;
}
/*# sourceMappingURL=wwwroot\css\components\selector-intereses.css.map */