@charset "UTF-8";
/* -------------------------------------------
 * Menu Side Left
 * ----------------------------------------------- */
.--menu-sideleft {
  width: 60px;
  position: fixed;
  top: 0;
  height: 100vh;
  max-height: 100vh;
  overflow: hidden;
  overflow-y: auto;
  scrollbar-width: none;
  z-index: 1090;
  border-right: 1px solid #272729;
  border-right: 1px solid #1a1a1c;
  background: #0c0d0f;
}
.--menu-sideleft .--all {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 12px;
  padding-bottom: 12px;
}
.--menu-sideleft .--all .--logo-app {
  width: 38px;
  margin-bottom: 12px;
}
.--menu-sideleft .--all .--group-section {
  width: 40px;
  text-align: center;
  padding: 8px 0px;
  border-top: 1px solid #222426;
  padding: 16px 0px 8px;
  background: rgba(22, 22, 24, 0.5098039216);
}
.--menu-sideleft .--all .--group-section .--group-section-text {
  font-family: "JetBrains Mono", sans-serif;
  font-size: 11px;
  margin-bottom: 6px;
}
.--menu-sideleft .--all .--group-section .--ul {
  list-style: none;
}
.--menu-sideleft .--all .--group-section .--ul .--li .--a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 5px;
  color: #9fa0a2;
}
.--menu-sideleft .--all .--group-section .--ul .--li .--a .--i-svg {
  display: flex;
  width: 18px;
  color: inherit;
}
.--menu-sideleft .--all .--group-section .--ul .--li .--a:hover {
  color: #fff;
}
.--menu-sideleft .--all .--group-section .--ul[r1=tts-generic] li[this=tts-generic] a {
  background: rgba(62, 60, 50, 0);
  color: #a99a6d;
}
.--menu-sideleft .--all .--group-section .--ul[r1=tts-chirp-3-hd] li[this=tts-chirp-3-hd] a {
  background: rgba(62, 60, 50, 0);
  color: #a99a6d;
}
.--menu-sideleft .--all .--group-section.--s1 .--ul .--li a, .--menu-sideleft .--all .--group-section.--s2 .--ul .--li a {
  font-family: "JetBrains Mono", sans-serif;
  font-size: 11px;
  margin-bottom: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.tooltip {
  pointer-events: none !important;
  z-index: 99999;
}
.tooltip.bs-tooltip-auto[x-placement^=left] .arrow::before, .tooltip.bs-tooltip-left .arrow::before {
  border-left-color: transparent;
}
.tooltip .tooltip-inner {
  background: #3e3c32 !important;
  color: #ffeaac !important;
  font-size: 12px;
}

/* -------------------------------------------
 * Side Interactivo
 * ----------------------------------------------- */
.--side-interactivo {
  width: calc(100% - 359px);
  position: fixed;
  top: 0;
  height: 100vh;
  max-height: 100vh;
  display: flex;
  overflow: hidden;
  overflow-y: auto;
  scrollbar-width: none;
  left: 360px;
  transition: all 0.25s ease;
  z-index: 1000;
  background: #0c0d0f;
  border-right: 1px solid #1a1a1c;
}
.--side-interactivo[status=hide] {
  left: -818px;
  transition: all 0.25s ease;
}
.--side-interactivo .--cerrar-side-interactivo {
  width: 60px;
  background: #0c0d0f;
  border-left: 1px solid #1e1f1f;
}
.--side-interactivo .--cerrar-side-interactivo .--i-svg {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 18px;
  color: #1c1c1e;
}
.--side-interactivo[current_tab=episodio] .--tab-episodio {
  display: block;
}
.--side-interactivo .--tab-episodio {
  padding: 12px 12px;
  width: calc(100% - 60px);
  height: 100vh;
  overflow-y: auto;
  padding: 14px 20px;
  display: none;
}
.--side-interactivo .--tab-episodio .--line-audio {
  display: flex;
  align-items: center;
  position: absolute;
  right: 80px;
}
.--side-interactivo .--tab-episodio .--line-audio .--items-info {
  display: flex;
  align-items: center;
  gap: 4px;
}
.--side-interactivo .--tab-episodio .--line-audio .--items-info .--item-info {
  margin-bottom: 0;
  letter-spacing: 0;
  width: -moz-max-content;
  width: max-content;
  display: flex;
  justify-content: center;
  transition: all 0.2s ease;
  line-height: 1;
  align-items: center;
  height: 30px;
  border-radius: 3px;
  border: 0;
  font-size: 11px;
  padding: 0 12px;
  font-weight: 500;
  background: rgba(23, 27, 30, 0.6196078431);
  color: #5e5f64;
}
.--side-interactivo .--tab-episodio .--line-audio .--items-info .--item-info.--lang {
  text-transform: uppercase;
}
.--side-interactivo .--tab-episodio .--line-audio .--items-info .--item-info.id_episodio {
  background: #051332;
  color: #969cb0;
}
.--side-interactivo .--tab-episodio .--line-audio .--items-info .--item-info.id_episodio .---dato {
  margin-left: 2px;
}
.--side-interactivo .--tab-episodio .--line-audio .--items-info .--item-info.uuid_episodio {
  background: #1e0532;
  color: #aa96b0;
}
.--side-interactivo .--tab-episodio .--line-audio .--items-info .--item-info.uuid_episodio .---dato {
  margin-left: 2px;
}
.--side-interactivo .--tab-episodio .--line-audio .--items-info .--item-info[estado="0"] {
  opacity: 0.85;
  background: #370e0e;
  color: #db7979;
}
.--side-interactivo .--tab-episodio .--line-audio .--items-info .--item-info[estado="0"]:hover {
  opacity: 1;
}
.--side-interactivo .--tab-episodio .--line-audio .--items-info .--item-info[estado="1"] {
  opacity: 0.85;
  background: #0e371c;
  color: #79dba4;
}
.--side-interactivo .--tab-episodio .--line-audio .--items-info .--item-info[estado="1"]:hover {
  opacity: 1;
}
.--side-interactivo .--tab-episodio .--line-audio .--items-info .--item-info[premium="0"] {
  opacity: 0.85;
  background: #0e371c;
  color: #79dba4;
}
.--side-interactivo .--tab-episodio .--line-audio .--items-info .--item-info[premium="0"]:hover {
  opacity: 1;
}
.--side-interactivo .--tab-episodio .--line-audio .--items-info .--item-info[premium="1"] {
  opacity: 0.85;
  background: #37310e;
  color: #dbbe79;
}
.--side-interactivo .--tab-episodio .--line-audio .--items-info .--item-info[premium="1"]:hover {
  opacity: 1;
}
.--side-interactivo .--tab-episodio .--line-1 .--breadcrum {
  display: flex;
  align-items: center;
}
.--side-interactivo .--tab-episodio .--line-1 .--breadcrum .--texto-1 {
  display: flex;
  line-height: 1;
  align-items: center;
  max-width: 100%;
  height: 30px;
  border-radius: 3px;
  border: 0;
  font-size: 11px;
  padding: 0 12px;
  font-weight: 500;
  margin-bottom: 4px;
  background: rgba(22, 25, 28, 0.0117647059);
  color: #4e4f53;
  padding-left: 0;
}
.--side-interactivo .--tab-episodio .--line-1 .--breadcrum .--texto-2 {
  display: flex;
  line-height: 1;
  align-items: center;
  height: 30px;
  border-radius: 3px;
  border: 0;
  font-size: 11px;
  padding: 0 12px;
  font-weight: 500;
  margin-bottom: 4px;
  background: rgba(23, 27, 30, 0.0117647059);
  color: #5e5f64;
}
.--side-interactivo .--tab-episodio .--line-1 .--breadcrum .--diagonal {
  display: flex;
  line-height: 1;
  align-items: center;
  height: 30px;
  border-radius: 3px;
  border: 0;
  font-size: 11px;
  padding: 0 8px;
  font-weight: 500;
  margin-bottom: 4px;
  background: transparent;
  color: #5e5f64;
}
.--side-interactivo .--tab-episodio .--line-2 {
  margin-bottom: 16px;
}
.--side-interactivo .--tab-episodio .--line-2 .--nombre-episodio {
  font-size: 24px;
  margin: 8px 0 4px;
  color: #e6e6e7;
}
.--side-interactivo .--tab-episodio .--line-2 .--descripcion {
  font-size: 13px;
  margin-bottom: 12px;
}
.--side-interactivo .--tab-episodio .--line-2 .--detalles-serie {
  padding: 8px 38px 7px 16px;
  width: -moz-max-content;
  width: max-content;
  margin: 8px 0;
  border-radius: 2px;
  background: #22160b;
  border-left: 2px solid #f6ddc7;
  color: #f6ddc7;
}
.--side-interactivo .--tab-episodio .--line-2 .--detalles-serie .--serie {
  font-size: 13px;
  margin-bottom: 2px;
}
.--side-interactivo .--tab-episodio .--line-2 .--detalles-serie .--by-canal {
  font-size: 11px;
  line-height: 1.25;
  margin-bottom: 4px;
  color: #f4dda8;
}
.--side-interactivo .--tab-episodio .--line-dialogo {
  position: relative;
}
.--side-interactivo .--tab-episodio .--line-dialogo .--textarea-ep-dialogo {
  min-height: 350px;
  margin-bottom: 0px;
  padding: 16px;
  border: 0px;
  width: 100%;
  height: 340px;
  background: #15171a;
  color: #b5b8bc;
}
.--side-interactivo .--tab-episodio .--line-dialogo pre {
  font-family: "Inter", sans-serif;
  font-size: 13px;
  min-height: 350px;
  margin-bottom: 0px;
  padding: 16px;
  border: 0px;
  width: 100%;
  height: 340px;
  height: calc(100vh - 280px);
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-y: auto;
  -webkit-user-select: text !important;
     -moz-user-select: text !important;
          user-select: text !important;
  background: #15171a;
  color: #b5b8bc;
}
.--side-interactivo .--tab-episodio .--line-dialogo .--div-caracteres-y-copiar {
  position: absolute;
  top: -42px;
  right: 0;
  display: flex;
  align-items: center;
}
.--side-interactivo .--tab-episodio .--line-dialogo .--div-caracteres-y-copiar .--cantidad-caracteres-dialogo {
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  font-size: 12px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  background: #12191c;
}
.--side-interactivo .--tab-episodio .--line-dialogo .--div-caracteres-y-copiar .--cantidad-caracteres-dialogo .---1 {
  margin-right: 6px;
  color: #78797d;
}
.--side-interactivo .--tab-episodio .--line-dialogo .--div-caracteres-y-copiar .--cantidad-caracteres-dialogo .---2 {
  color: #ff9e23;
}
.--side-interactivo .--tab-episodio .--line-dialogo .--div-caracteres-y-copiar .--cantidad-caracteres-dialogo[exceso=yes] {
  background: #63050e;
}
.--side-interactivo .--tab-episodio .--line-dialogo .--div-caracteres-y-copiar .--cantidad-caracteres-dialogo[exceso=yes] .---1 {
  color: #ffbac0;
}
.--side-interactivo .--tab-episodio .--line-dialogo .--div-caracteres-y-copiar .--cta-copiar-dialogo {
  margin-bottom: 0;
  cursor: pointer;
  font-size: 13px;
  letter-spacing: 0;
  padding: 0 12px;
  height: 34px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Inter", sans-serif;
  font-family: "JetBrains Mono", sans-serif;
  transition: all 0.2s ease;
  background: #1a1e22;
  color: #7e8083;
}
.--side-interactivo .--tab-episodio .--line-dialogo .--div-caracteres-y-copiar .--cta-copiar-dialogo svg {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 17px;
  color: inherit;
}
.--side-interactivo .--tab-episodio .--line-dialogo .--div-caracteres-y-copiar .--cta-copiar-dialogo:hover {
  background: #3a220b;
  color: #c47a34;
}
.--side-interactivo .--tab-episodio .--line-4 {
  margin-top: 12px;
  display: flex;
  align-items: center;
}
.--side-interactivo .--tab-episodio .--line-4 .--left .--items-info {
  display: flex;
  align-items: center;
  gap: 4px;
}
.--side-interactivo .--tab-episodio .--line-4 .--left .--items-info .--item-info {
  margin-bottom: 0;
  letter-spacing: 0;
  width: -moz-max-content;
  width: max-content;
  display: flex;
  justify-content: center;
  transition: all 0.2s ease;
  line-height: 1;
  align-items: center;
  height: 30px;
  border-radius: 3px;
  border: 0;
  font-size: 11px;
  padding: 0 12px;
  font-weight: 500;
  background: rgba(23, 27, 30, 0.6196078431);
  color: #5e5f64;
}
.--side-interactivo .--tab-episodio .--line-4 .--left .--items-info .--item-info.--cursor-pointer {
  cursor: pointer;
}
.--side-interactivo .--tab-episodio .--line-4 .--left .--items-info .--item-info.--green {
  background: #0e371c;
  color: #79dba4;
}
.--side-interactivo .--tab-episodio .--line-4 .--left .--items-info .--item-info.--green:hover {
  opacity: 1;
}
.--side-interactivo .--tab-episodio .--line-4 .--left .--items-info .--item-info.--gold {
  background: #37310e;
  color: #dbbe79;
}
.--side-interactivo .--tab-episodio .--line-4 .--left .--items-info .--item-info.--gold:hover {
  opacity: 1;
}
.--side-interactivo .--tab-episodio .--line-4 .--left .--items-info .--item-info[estado="0"] {
  opacity: 0.85;
  background: #370e0e;
  color: #db7979;
}
.--side-interactivo .--tab-episodio .--line-4 .--left .--items-info .--item-info[estado="0"]:hover {
  opacity: 1;
}
.--side-interactivo .--tab-episodio .--line-4 .--left .--items-info .--item-info[estado="1"] {
  opacity: 0.85;
  background: #0e371c;
  color: #79dba4;
}
.--side-interactivo .--tab-episodio .--line-4 .--left .--items-info .--item-info[estado="1"]:hover {
  opacity: 1;
}
.--side-interactivo .--tab-episodio .--line-4 .--left .--items-info .--item-info[premium="0"] {
  opacity: 0.85;
  background: #0e371c;
  color: #79dba4;
}
.--side-interactivo .--tab-episodio .--line-4 .--left .--items-info .--item-info[premium="0"]:hover {
  opacity: 1;
}
.--side-interactivo .--tab-episodio .--line-4 .--left .--items-info .--item-info[premium="1"] {
  opacity: 0.85;
  background: #37310e;
  color: #dbbe79;
}
.--side-interactivo .--tab-episodio .--line-4 .--left .--items-info .--item-info[premium="1"]:hover {
  opacity: 1;
}
.--side-interactivo .--tab-episodio .--line-4 .--right {
  margin-left: auto;
}
.--side-interactivo .--tab-episodio .--line-4 .--right .---buttons {
  display: flex;
  align-items: center;
}
.--side-interactivo .--tab-episodio .--line-4 .--right .---buttons .---btn {
  margin-bottom: 0;
  cursor: pointer;
  letter-spacing: 0;
  width: -moz-max-content;
  width: max-content;
  display: flex;
  justify-content: center;
  transition: all 0.2s ease;
  line-height: 1;
  align-items: center;
  height: 30px;
  border-radius: 3px;
  border: 0;
  font-size: 11px;
  padding: 0 12px;
  font-weight: 500;
  background: rgba(23, 27, 30, 0.6196078431);
  color: #5e5f64;
}
.--side-interactivo .--tab-episodio .--line-4 .--right .---buttons .---btn:hover {
  background: #3a220b;
  color: #c47a34;
}

/* -------------------------------------------
 * Relevante Left
 * ----------------------------------------------- */
.--relevante-left {
  padding: 8px 8px;
  z-index: 1010;
}
.--relevante-left .--ul-selector-de-tab {
  display: flex;
  align-items: center;
  justify-content: space-between;
  list-style: none;
  border-radius: 5px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 4px 5px;
  margin-bottom: 8px;
  background: #17191c;
}
.--relevante-left .--ul-selector-de-tab li {
  width: calc(25% - 2px);
  border-radius: 4px;
  font-size: 12px;
  cursor: pointer;
  font-family: "Inter", sans-serif;
  line-height: 1;
  font-weight: 400;
  text-align: left;
  height: 32px;
  padding: 0 6px;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.--relevante-left .--ul-selector-de-tab li a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.--relevante-left .--ul-selector-de-tab li:hover {
  background: #1c1f22;
  color: #949799;
}
.--relevante-left .--ul-selector-de-tab[current-tab=lyrafony] [select-tab=lyrafony] {
  background: #212528;
  color: #979b9f;
}
.--relevante-left .--ul-selector-de-tab[current-tab=blacketbiz] [select-tab=blacketbiz] {
  background: #212528;
  color: #979b9f;
}
.--relevante-left .--ul-selector-de-tab[current-tab=nectarsia] [select-tab=nectarsia] {
  background: #212528;
  color: #979b9f;
}
.--relevante-left .--ul-selector-de-tab[current-tab=psiawake] [select-tab=psiawake] {
  background: #212528;
  color: #979b9f;
}
.--relevante-left .--ul-selector-de-tab[count="1"] li {
  width: calc(100% - 2px);
}
.--relevante-left .--ul-selector-de-tab[count="2"] li {
  width: calc(50% - 2px);
}
.--relevante-left .--ul-selector-de-tab[count="3"] li {
  width: calc(33.3333333333% - 2px);
}
.--relevante-left .--ul-selector-de-tab[count="2"] li {
  width: calc(25% - 2px);
}
.--relevante-left .--ul-selector-lang {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.--relevante-left .--ul-selector-lang .---card-filter--full-line {
  min-width: 100%;
  max-width: 100%;
  border-radius: 5px;
  margin-bottom: 8px;
  height: 44px;
  padding: 0 3px 0 12px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  background: #121315;
}
.--relevante-left .--ul-selector-lang .---card-filter--full-line .--texto-left {
  font-size: 12px;
}
.--relevante-left .--ul-selector-lang .---card-filter--full-line ul.--opciones {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 38px;
  border-radius: 4px;
  padding: 0 3px;
  gap: 4px;
  background: #0b0b0c;
}
.--relevante-left .--ul-selector-lang .---card-filter--full-line ul.--opciones .--li.--opcion {
  width: auto;
  border-radius: 4px;
  font-size: 12px;
  cursor: pointer;
  font-family: "Inter", sans-serif;
  line-height: 1;
  font-weight: 400;
  text-align: left;
  height: 32px;
  min-width: 32px;
  padding: 0 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  border: 0;
  filter: grayscale(1);
  opacity: 0.3;
  background: transparent;
  color: #626466;
}
.--relevante-left .--ul-selector-lang .---card-filter--full-line ul.--opciones .--li.--opcion .--flag {
  width: 16px;
}
.--relevante-left .--ul-selector-lang[current-filtrar-idioma=es] [filtrar=filtrar-idioma] ul.--opciones .--li.--opcion[idioma=es] {
  background: #1a1d20;
  color: #8f9397;
  filter: grayscale(0);
  opacity: 1;
}
.--relevante-left .--ul-selector-lang[current-filtrar-idioma=en] [filtrar=filtrar-idioma] ul.--opciones .--li.--opcion[idioma=en] {
  background: #1a1d20;
  color: #8f9397;
  filter: grayscale(0);
  opacity: 1;
}
.--relevante-left .--ul-selector-lang[current-filtrar-idioma=pt] [filtrar=filtrar-idioma] ul.--opciones .--li.--opcion[idioma=pt] {
  background: #1a1d20;
  color: #8f9397;
  filter: grayscale(0);
  opacity: 1;
}
.--relevante-left .---linea-supercategoria-elegida {
  display: flex;
  line-height: 1;
  align-items: center;
  max-width: 100%;
  margin-bottom: 0;
  height: 30px;
  border-radius: 3px;
  border: 0;
  font-size: 11px;
  padding: 0 12px;
  font-weight: 500;
  margin-bottom: 4px;
  background: #121517;
  color: #4e4f53;
}
.--relevante-left .---linea-supercategoria-elegida:hover {
  background: #191d20;
  color: #6e6f75;
}
.--relevante-left .---linea-categoria-elegida {
  display: flex;
  line-height: 1;
  align-items: center;
  max-width: 100%;
  margin-bottom: 0;
  height: 30px;
  border-radius: 3px;
  border: 0;
  font-size: 11px;
  padding: 0 12px;
  font-weight: 500;
  margin-bottom: 4px;
  background: #171b1e;
  color: #5e5f64;
  /*&:hover { background: #1f2428;color: #6e6f75; }*/
}
.--relevante-left .---linea-serie-elegida {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 4px;
  padding: 8px 8px;
  margin-bottom: 10px;
  flex-wrap: wrap;
  position: relative;
  background: #131517;
}
.--relevante-left .---linea-serie-elegida .--linea-1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 6px;
}
.--relevante-left .---linea-serie-elegida .--linea-1 .--div-img {
  min-width: 36px;
  max-width: 36px;
  height: 44px;
  border-radius: 4px;
  overflow: hidden;
}
.--relevante-left .---linea-serie-elegida .--linea-1 .--div-img img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.--relevante-left .---linea-serie-elegida .--linea-1 .--textos {
  width: 100%;
  padding-left: 10px;
}
.--relevante-left .---linea-serie-elegida .--linea-1 .--textos .--texto-1 {
  display: flex;
  line-height: 1.25;
  align-items: center;
  max-width: 100%;
  border-radius: 3px;
  border: 0;
  font-size: 11px;
  font-weight: 500;
  margin-bottom: 4px;
  color: #c3c3c4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
  overflow-wrap: anywhere;
  white-space: normal;
}
.--relevante-left .---linea-serie-elegida .--linea-1 .--textos .--texto-2 {
  display: flex;
  line-height: 1.25;
  align-items: center;
  max-width: 100%;
  border-radius: 3px;
  border: 0;
  font-size: 11px;
  font-weight: 500;
  color: #5e5f64;
  color: #797a7f;
}
.--relevante-left .---linea-serie-elegida .--linea-2 {
  width: 100%;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
  overflow-wrap: anywhere;
  white-space: normal;
  font-size: 10px;
  color: #87898e;
}
.--relevante-left .---linea-serie-elegida .--info-top {
  position: absolute;
  top: 0;
  right: 4px;
  display: flex;
  font-size: 11px;
  align-items: center;
}
.--relevante-left .---linea-serie-elegida .--info-top .--id-serie {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 7px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  font-size: 9px;
  background: #3e3c32;
  color: #ffeaac;
}
.--relevante-left .---psiawake .--texto-elige-supercategoria {
  font-size: 11px;
  height: 25px;
  line-height: 1;
  margin-bottom: 8px;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #043a21;
  color: #84ecca;
}
.--relevante-left .---psiawake .--texto-elige-categoria {
  font-size: 11px;
  height: 25px;
  line-height: 1;
  margin-bottom: 8px;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #3a2504;
  color: #ecc884;
}
.--relevante-left .---psiawake #--supercategorias {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.--relevante-left .---psiawake #--supercategorias .---btn {
  background: #1a1d20;
  width: 100%;
  border-radius: 4px;
  font-size: 12px;
  cursor: pointer;
  font-family: "Inter", sans-serif;
  line-height: 1;
  font-weight: 400;
  margin-bottom: 6px;
  text-align: left;
  height: 40px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  background-size: 120%;
  background-position: center;
  color: #8f9397;
}
.--relevante-left .---psiawake #--supercategorias .---btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 1;
  border-radius: 3px;
  background: linear-gradient(90deg, rgba(17, 17, 18, 0.9) 0%, rgba(14, 14, 15, 0.72) 70%, rgba(14, 14, 15, 0) 100%);
}
.--relevante-left .---psiawake #--supercategorias .---btn span {
  z-index: 1;
}
.--relevante-left .---psiawake #--supercategorias .---btn:hover {
  background-size: 150%;
  transition: all 0.2s ease;
}
.--relevante-left .---psiawake #--supercategorias[lang_interior=es] .--en {
  display: none;
}
.--relevante-left .---psiawake #--supercategorias[lang_interior=es] .--pt {
  display: none;
}
.--relevante-left .---psiawake #--supercategorias[lang_interior=en] .--es {
  display: none;
}
.--relevante-left .---psiawake #--supercategorias[lang_interior=en] .--pt {
  display: none;
}
.--relevante-left .---psiawake #--supercategorias[lang_interior=pt] .--es {
  display: none;
}
.--relevante-left .---psiawake #--supercategorias[lang_interior=pt] .--en {
  display: none;
}
.--relevante-left .---psiawake #--categorias {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-height: calc(100vh - 208px);
  overflow: hidden;
  overflow-y: auto;
  scrollbar-width: none;
  max-height: calc(100vh - 192px);
}
.--relevante-left .---psiawake #--categorias .---btn {
  width: 100%;
  border-radius: 4px;
  font-size: 12px;
  cursor: pointer;
  font-family: "Inter", sans-serif;
  line-height: 1;
  font-weight: 400;
  margin-bottom: 6px;
  text-align: left;
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  flex-wrap: wrap;
  padding: 12px 10px;
  background: #212528;
  background: #15171a;
}
.--relevante-left .---psiawake #--categorias .---btn .--nombre-categoria {
  z-index: 1;
  width: 100%;
  color: #d5d6d7;
}
.--relevante-left .---psiawake #--categorias .---btn .--descripcion {
  font-size: 11px;
  margin-bottom: 0;
  margin-top: 7px;
  line-height: 1.3;
  width: 100%;
  color: #b1b1b1;
}
.--relevante-left .---psiawake #--categorias .---btn:hover {
  background: #1e2124;
}
.--relevante-left .---psiawake .--categorias-buttons-nav {
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 44px;
  display: flex;
  background: #0b0b0c;
}
.--relevante-left .---psiawake .--categorias-buttons-nav .--all-flex {
  display: flex;
}
.--relevante-left .---psiawake .--categorias-buttons-nav .--all-flex .--left-btn {
  width: 110px;
  display: flex;
  height: 34px;
  border-radius: 4px;
  align-items: center;
  padding: 0 10px;
  font-size: 12px;
  margin: 0;
  border: 0;
  background: #16181a;
  color: #979b9f;
}
.--relevante-left .---psiawake .--categorias-buttons-nav .--all-flex .--left-btn svg {
  width: 10px;
  rotate: 90deg;
  margin-right: 8px;
}
.--relevante-left .---psiawake .--categorias-buttons-nav .--all-flex .--left-btn:hover {
  background: #222528;
  color: #bcc1c6;
}
.--relevante-left .---psiawake .--all-series-en-categoria .--serie {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 4px;
  padding: 8px 8px;
  margin-bottom: 6px;
  background: #131517;
}
.--relevante-left .---psiawake .--all-series-en-categoria .--serie .--div-img {
  min-width: 36px;
  max-width: 36px;
  height: 44px;
  border-radius: 4px;
  overflow: hidden;
}
.--relevante-left .---psiawake .--all-series-en-categoria .--serie .--div-img img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  rotate: 0deg;
  scale: 1;
  transition: all 0.4s ease;
}
.--relevante-left .---psiawake .--all-series-en-categoria .--serie .--textos {
  width: 100%;
  padding-left: 10px;
}
.--relevante-left .---psiawake .--all-series-en-categoria .--serie .--textos .--texto-1 {
  width: 100%;
  font-size: 12px;
  margin-bottom: 4px;
  line-height: 1.2;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
  overflow-wrap: anywhere;
  white-space: normal;
  color: #e5e7ec;
  color: #b3b5b9;
}
.--relevante-left .---psiawake .--all-series-en-categoria .--serie .--textos .--texto-2 {
  width: 100%;
  font-size: 11px;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
  overflow-wrap: anywhere;
  white-space: normal;
  font-size: 10px;
  color: #d8d9db;
  color: #7e8188;
  color: #5e6168;
}
.--relevante-left .---psiawake .--all-series-en-categoria .--serie:hover {
  background: #1c1f22;
}
.--relevante-left .---psiawake .--all-series-en-categoria .--serie:hover .--div-img img {
  rotate: -30deg;
  scale: 1.65;
  transition: all 0.6s ease;
}
.--relevante-left .---psiawake .--all-series-en-categoria .--serie:hover .--textos .--texto-1 {
  color: #bdbfc3;
}
.--relevante-left .---psiawake .--all-series-en-categoria .--serie:hover .--textos .--texto-2 {
  color: #878b90;
}
.--relevante-left .---psiawake .--texto-episodios-de-la-serie {
  font-size: 11px;
  height: 25px;
  line-height: 1;
  margin-bottom: 8px;
  border-radius: 2px;
  display: flex;
  align-items: center;
  padding: 0 8px;
  background: #251803;
  color: #b39f79;
}
.--relevante-left .---psiawake .--all-episodios-en-serie .--episodio {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 4px;
  padding: 12px 8px;
  margin-bottom: 6px;
  position: relative;
  cursor: pointer;
  background: #131517;
}
.--relevante-left .---psiawake .--all-episodios-en-serie .--episodio .--textos {
  width: 100%;
}
.--relevante-left .---psiawake .--all-episodios-en-serie .--episodio .--textos .--texto-1 {
  width: 100%;
  font-size: 12px;
  margin-bottom: 4px;
  line-height: 1.2;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
  overflow-wrap: anywhere;
  white-space: normal;
  color: #b3b5b9;
}
.--relevante-left .---psiawake .--all-episodios-en-serie .--episodio .--textos .--texto-2 {
  width: 100%;
  font-size: 11px;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
  overflow-wrap: anywhere;
  white-space: normal;
  font-size: 10px;
  color: #5e6168;
}
.--relevante-left .---psiawake .--all-episodios-en-serie .--episodio .--info-top {
  position: absolute;
  top: 0;
  right: 4px;
  display: flex;
  font-size: 11px;
  align-items: center;
}
.--relevante-left .---psiawake .--all-episodios-en-serie .--episodio .--info-top .--numero {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 5px;
  background: #1f2226;
  color: #b7b8bd;
}
.--relevante-left .---psiawake .--all-episodios-en-serie .--episodio .--info-top[premium="0"] .---free {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 5px;
  background: #0e371c;
  color: #79dba4;
}
.--relevante-left .---psiawake .--all-episodios-en-serie .--episodio .--info-top[premium="0"] .---premium {
  display: none;
}
.--relevante-left .---psiawake .--all-episodios-en-serie .--episodio .--info-top[premium="1"] .---free {
  display: none;
}
.--relevante-left .---psiawake .--all-episodios-en-serie .--episodio .--info-top[premium="1"] .---premium {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 5px;
  background: #37310e;
  color: #dbbe79;
}
.--relevante-left .---psiawake .--all-episodios-en-serie .--episodio:hover {
  background: #1c1f22;
}
.--relevante-left .---psiawake .--all-episodios-en-serie .--episodio:hover .--textos .--texto-1 {
  color: #bdbfc3;
}
.--relevante-left .---psiawake .--all-episodios-en-serie .--episodio:hover .--textos .--texto-2 {
  color: #878b90;
}

/* -------------------------------------------
 * AI
 * ----------------------------------------------- */
#--ai .--r0-ai {
  height: 100vh;
}
#--ai .--r0-ai .--pre-lines {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  gap: 6px;
}
#--ai .--r0-ai .--pre-lines .--line {
  display: flex;
  gap: 4px;
  padding: 4px;
  border-radius: 6px;
  background: transparent;
  border: 1px solid #16171a;
}
#--ai .--r0-ai .--pre-lines .--line .--item {
  width: 132px;
  height: 132px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: #101113;
}
#--ai .--r0-ai .--pre-lines .--line .--item .--divs {
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
}
#--ai .--r0-ai .--pre-lines .--line .--item .--divs .--div-1 {
  width: 100%;
  text-align: center;
  font-family: "JetBrains Mono", sans-serif;
  font-size: 18px;
  letter-spacing: 1px;
  color: #b3b5be;
}
#--ai .--r0-ai .--pre-lines .--line .--item .--divs .--div-2 {
  width: 100%;
  text-align: center;
  font-size: 11px;
  padding: 4px 4px;
  color: #b3b5be;
}
#--ai .--r0-ai .--pre-lines .--line .--item:hover {
  background: #16171a;
}
#--ai .--relevante-left {
  width: 300px;
  position: fixed;
  top: 0;
  height: 100vh;
  max-height: 100vh;
  overflow: hidden;
  overflow-y: auto;
  scrollbar-width: none;
  left: 60px;
  background: #0f1113;
  border-right: 1px solid #272729;
  background: #0c0d0f;
  border-right: 1px solid #1a1a1c;
}
#--ai .--contenido-r {
  width: calc(100% - 60px - 300px);
  margin-left: auto;
  min-height: 100vh;
}
#--ai .--contenido-r .--content-flex-center {
  display: flex;
  justify-content: center;
}
#--ai .--contenido-r .--content-flex-center .--contenedor {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
#--ai .--contenido-r .--content-flex-center .--contenedor .---contenido-left {
  padding-top: 32px;
  min-height: 100vh;
  width: calc(100% - 340px);
  padding-left: 16px;
  padding-right: 16px;
}
#--ai .--contenido-r .--content-flex-center .--contenedor .---contenido-left .---h2 {
  font-size: 24px;
  padding-left: 5px;
  color: #e6e6e7;
}
#--ai .--contenido-r .--content-flex-center .--contenedor .---contenido-left .--box-contenido {
  margin-bottom: 12px;
  padding: 20px 20px;
  border-radius: 8px;
  margin-top: 18px;
  background: #1a1d20;
  padding: 12px 12px;
  border-radius: 2px;
  background: #121213;
}
#--ai .--contenido-r .--content-flex-center .--contenedor .---contenido-left .--box-contenido .--pestanas-y-textareas .--div-pestanas {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  width: -moz-max-content;
  width: max-content;
  padding: 4px 5px;
  border-radius: 3px;
  background: #1a1e22;
  background: #15171a;
}
#--ai .--contenido-r .--content-flex-center .--contenedor .---contenido-left .--box-contenido .--pestanas-y-textareas .--div-pestanas .--btn-pestana {
  display: flex;
  line-height: 1;
  align-items: center;
  max-width: -moz-max-content;
  max-width: max-content;
  margin-bottom: 0;
  height: 30px;
  border-radius: 3px;
  border: 0;
  font-size: 11px;
  padding: 0 12px;
  font-weight: 500;
  margin-right: 4px;
  /*font-family: 'JetBrains Mono', sans-serif;*/
  background: #1a1e22;
  color: #646569;
  background: #15171a;
}
#--ai .--contenido-r .--content-flex-center .--contenedor .---contenido-left .--box-contenido .--pestanas-y-textareas .--div-pestanas .--btn-pestana:hover {
  background: #282721;
  color: #847959;
}
#--ai .--contenido-r .--content-flex-center .--contenedor .---contenido-left .--box-contenido .--pestanas-y-textareas .--div-pestanas .--btn-pestana:last-child {
  margin-right: 0;
}
#--ai .--contenido-r .--content-flex-center .--contenedor .---contenido-left .--box-contenido .--pestanas-y-textareas[current_pestana="1"] .--div-pestanas .--btn-pestana[pestana="1"] {
  background: #3e3c32;
  color: #ffeaac;
}
#--ai .--contenido-r .--content-flex-center .--contenedor .---contenido-left .--box-contenido .--pestanas-y-textareas[current_pestana="2"] .--div-pestanas .--btn-pestana[pestana="2"] {
  background: #3e3c32;
  color: #ffeaac;
}
#--ai .--contenido-r .--content-flex-center .--contenedor .---contenido-left .--box-contenido .--pestanas-y-textareas[current_pestana="3"] .--div-pestanas .--btn-pestana[pestana="3"] {
  background: #3e3c32;
  color: #ffeaac;
}
#--ai .--contenido-r .--content-flex-center .--contenedor .---contenido-left .--box-contenido .--pestanas-y-textareas[current_pestana="4"] .--div-pestanas .--btn-pestana[pestana="4"] {
  background: #3e3c32;
  color: #ffeaac;
}
#--ai .--contenido-r .--content-flex-center .--contenedor .---contenido-left .--box-contenido .--pestanas-y-textareas[current_pestana="5"] .--div-pestanas .--btn-pestana[pestana="5"] {
  background: #3e3c32;
  color: #ffeaac;
}
#--ai .--contenido-r .--content-flex-center .--contenedor .---contenido-left .--box-contenido .--pestanas-y-textareas .--div-guion-pestanas textarea {
  display: none;
}
#--ai .--contenido-r .--content-flex-center .--contenedor .---contenido-left .--box-contenido .--pestanas-y-textareas .--div-guion-pestanas pre {
  display: none;
}
#--ai .--contenido-r .--content-flex-center .--contenedor .---contenido-left .--box-contenido .--pestanas-y-textareas[current_pestana="1"] .--div-guion-pestanas #guion-pestana-1 {
  display: block;
}
#--ai .--contenido-r .--content-flex-center .--contenedor .---contenido-left .--box-contenido .--pestanas-y-textareas[current_pestana="2"] .--div-guion-pestanas #guion-pestana-2 {
  display: block;
}
#--ai .--contenido-r .--content-flex-center .--contenedor .---contenido-left .--box-contenido .--pestanas-y-textareas[current_pestana="3"] .--div-guion-pestanas #guion-pestana-3 {
  display: block;
}
#--ai .--contenido-r .--content-flex-center .--contenedor .---contenido-left .--box-contenido .--pestanas-y-textareas[current_pestana="4"] .--div-guion-pestanas #guion-pestana-4 {
  display: block;
}
#--ai .--contenido-r .--content-flex-center .--contenedor .---contenido-left .--box-contenido .--pestanas-y-textareas[current_pestana="5"] .--div-guion-pestanas #guion-pestana-5 {
  display: block;
}
#--ai .--contenido-r .--content-flex-center .--contenedor .---contenido-left .--box-contenido .---badge-1 {
  display: flex;
  line-height: 1;
  align-items: center;
  max-width: -moz-max-content;
  max-width: max-content;
  margin-bottom: 10px;
  margin-left: 4px;
}
#--ai .--contenido-r .--content-flex-center .--contenedor .---contenido-left .--box-contenido .---badge-1 .--inside {
  border-radius: 2px;
  font-weight: 500;
  padding: 0 5px;
  font-size: 12px;
  height: 20px;
  display: flex;
  align-items: center;
  background: #ffcd35;
  color: #291a0a;
}
#--ai .--contenido-r .--content-flex-center .--contenedor .---contenido-left .--box-contenido .---textarea {
  min-height: 350px;
  margin-bottom: 0;
  padding: 16px 16px;
  background: #16191c;
  border: 1px solid #24242a;
  color: #b5b8bc;
  background: #1a1e22;
  border: 0;
  background: #15171a;
}
#--ai .--contenido-r .--content-flex-center .--contenedor .---contenido-left .--box-contenido .---pre {
  min-height: 350px;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  margin-bottom: 0px;
  padding: 16px;
  border: 0px;
  width: 100%;
  height: calc(100vh - 350px);
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-y: auto;
  -webkit-user-select: text !important;
     -moz-user-select: text !important;
          user-select: text !important;
  background: #15171a;
  color: #b5b8bc;
}
#--ai .--contenido-r .--content-flex-center .--contenedor .---contenido-left .--box-contenido .--texto-small {
  font-size: 12px;
  margin-top: 6px;
  padding-left: 5px;
  opacity: 0.5;
}
#--ai .--contenido-r .--content-flex-center .--contenedor .---contenido-left .--box-contenido .--form-grupo {
  display: flex;
  justify-content: space-between;
}
#--ai .--contenido-r .--content-flex-center .--contenedor .---contenido-left .--box-contenido .--form-grupo .---elemento {
  width: calc(25% - 12px);
}
#--ai .--contenido-r .--content-flex-center .--contenedor .---contenido-left .--box-contenido .--form-grupo .---elemento .---badge-2 {
  font-size: 12px;
  margin-bottom: 4px;
  display: block;
  padding-left: 5px;
}
#--ai .--contenido-r .--content-flex-center .--contenedor .---contenido-left .--box-contenido .--form-grupo .---elemento .---select {
  margin: 0;
  height: 42px;
  border: 0;
  border-radius: 5px;
  font-size: 12px;
  width: 100%;
  padding: 0 10px;
  background: #23282d;
  color: #cfcfd6;
  background: #15171a;
}
#--ai .--contenido-r .--content-flex-center .--contenedor .---contenido-left .--box-contenido .--form-grupo .---elemento #speakingRate,
#--ai .--contenido-r .--content-flex-center .--contenedor .---contenido-left .--box-contenido .--form-grupo .---elemento #pitch {
  margin: 0;
  height: 42px;
  width: 100%;
  background: transparent;
}
#--ai .--contenido-r .--content-flex-center .--contenedor .---contenido-left .--box-contenido .---div-validar-y-enviar {
  margin-top: 8px;
  display: flex;
  justify-content: space-between;
}
#--ai .--contenido-r .--content-flex-center .--contenedor .---contenido-left .--box-contenido .---div-validar-y-enviar .---btn {
  margin-bottom: 0;
  cursor: pointer;
  font-size: 13px;
  letter-spacing: 0;
  width: 100%;
  padding: 0 12px;
  height: 40px;
  border-radius: 4px;
  border: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Inter", sans-serif;
  font-family: "JetBrains Mono", sans-serif;
  background: #23282d;
  background: #1a1e22;
  color: #eaebee;
  transition: all 0.2s ease;
  width: calc(50% - 4px);
}
#--ai .--contenido-r .--content-flex-center .--contenedor .---contenido-left .--box-contenido .---div-validar-y-enviar .---btn:hover {
  transition: all 0.2s ease;
  background: #202429;
}
#--ai .--contenido-r .--content-flex-center .--contenedor .---contenido-left .--box-contenido .---div-validar-y-enviar .---btn[disabled] {
  opacity: 0.4;
  cursor: not-allowed;
}
#--ai .--contenido-r .--content-flex-center .--contenedor .---contenido-left .--box-contenido .---div-validar-y-enviar[status=false] #generar-audio-tts-chirp3hd {
  pointer-events: none;
  opacity: 0.2;
}
#--ai .--contenido-r .--content-flex-center .--contenedor .---contenido-left .--div-conversacion-con-gemini {
  display: flex;
  justify-content: end;
  padding-right: 5px;
  margin-bottom: 8px;
}
#--ai .--contenido-r .--content-flex-center .--contenedor .---contenido-left .--div-conversacion-con-gemini a {
  font-size: 11px;
  line-height: 1;
  color: #50535b;
}
#--ai .--contenido-r .--content-flex-center .--contenedor .---contenido-right {
  padding-top: 32px;
  min-height: 100vh;
  width: 340px;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
  justify-content: center;
  background: #0c0d0f;
  border-left: 1px solid #1a1a1c;
}
#--ai .--contenido-r .--content-flex-center .--contenedor .---contenido-right .--all {
  width: 100%;
}
#--ai .--contenido-r .--content-flex-center .--contenedor .---contenido-right .--all #procesando-msj p {
  font-family: "JetBrains Mono", sans-serif;
  letter-spacing: -0.5px;
  font-size: 13px;
  margin-top: 12px;
}
#--ai .--contenido-r .--content-flex-center .--contenedor .---contenido-right .--all #procesando-msj[status=hide] {
  display: none;
}
#--ai .--contenido-r .--content-flex-center .--contenedor .---contenido-right .--all #playerContainer .--top-audio-player {
  text-align: center;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  font-size: 12px;
  line-height: 1;
  height: 26px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 8px;
  background: #1c1c1a;
  color: rgba(209, 192, 141, 0.7411764706);
}
#--ai .--contenido-r .--content-flex-center .--contenedor .---contenido-right .--all #playerContainer #audioPlayer {
  border-radius: 4px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-color: #3e3c32;
}
#--ai .--contenido-r .--content-flex-center .--contenedor .---contenido-right .--all #playerContainer #descargar-audio {
  margin-bottom: 0;
  cursor: pointer;
  font-size: 13px;
  letter-spacing: 0;
  width: 100%;
  padding: 0 12px;
  height: 40px;
  border-radius: 4px;
  border: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Inter", sans-serif;
  font-family: "JetBrains Mono", sans-serif;
  transition: all 0.2s ease;
  background: #23282d;
  background: #1a1e22;
  color: #eaebee;
}
#--ai .--contenido-r .--content-flex-center .--contenedor .---contenido-right .--all #playerContainer[status=hide] {
  display: none;
}

/* -------------------------------------------------------------
 * Barras Slider
 * -------------------------------------------------------------------- */
:root {
  --color-primario: #ffcd35; /* Cambia este por el color de la barra (ej: #ff5733) */
  --color-fondo-barra: #3e3c32; /* El color de la parte "vacía" */
  --color-circulo: #ffcd35; /* El color de la bolita que arrastras */
}

/* 1. Estilo para Chrome, Edge y Safari */
.form-range::-webkit-slider-runnable-track {
  background-color: var(--color-fondo-barra);
  border-radius: 1rem;
  height: 0.5rem;
}

.form-range::-webkit-slider-thumb {
  background-color: var(--color-circulo);
  border: 2px solid #fff;
  margin-top: -0.25rem; /* Ajuste para centrar la bolita */
}

.form-range::-webkit-slider-thumb:active {
  background-color: var(--color-primario);
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(0, 123, 255, 0.25);
}

/* 2. Estilo para Firefox */
.form-range::-moz-range-track {
  background-color: var(--color-fondo-barra);
  border-radius: 1rem;
  height: 0.5rem;
}

.form-range::-moz-range-thumb {
  background-color: var(--color-circulo);
  border: 2px solid #fff;
}/*# sourceMappingURL=ai.css.map */