.switch-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;

  .switch-text{
    font-size: var(--font-size-large-S360);
    color: var(--color-text-S360);
    flex-grow: 1;
    text-align: left;
  }

  .switch-label{
    font-size: var(--font-size-large-S360);
    color: var(--color-text-S360);
  }

  .switch {
    position: relative;
    display: inline-block;
    width: 35px;
    height: 18px;
    order: 1;

    input {
      opacity: 0;
      width: 0;
      height: 0;

    }

    input:checked + .slider {
      background-color: var(--color-bnt-consult-hover-S360);
      justify-content: flex-start; /* Mueve el texto al lado derecho */
      padding-right: 0px;
      padding-left: 15px;
    }

    input:checked + .slider::before {
      transform: translateX(17px);


    }

    .slider {
      position: absolute;
      cursor: pointer;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: var(--suite-primary-S360);
      border-radius: 30px;
      transition: 0.4s;

      display: flex;
      align-items: center;
      justify-content: flex-end;
      font-weight: bold;
      font-size: var(--font-size-large-S360);
      color: var(--color-text-S360);
      padding-right: 15px;
      padding-left: 0px;
    }

    .slider::before {
      position: absolute;
      content: "";
      height: 12px;
      width: 12px;
      left: 3px;
      bottom: 3px;
      background-color: white;
      border-radius: 50%;
      transition: 0.4s;
    }


  }

}