.rutaweb-form__image-container {
  display: none;
}

.rutaweb-logo {
  border: 4px solid var(--rutaweb-default-color);
}

/* Form */
form {
  .rutaweb-username__text {
    font-weight: 600;
    color: var(--gray);
  }

  .rutaweb-description {
    color: var(--gray);
    font-weight: 500;
  }

  .rutaweb-buttons__title-text {
    color: var(--gray-700);
    text-align: center;
    border-radius: 0.25rem;
    font-size: clamp(1.15rem, 3vw, 1.5rem);
    padding-inline: calc(0.55rem + 0.5vw);
    margin-block: 0.5rem;
  }
}

@media only screen and (max-width: 430px) {
  p.rif__text {
    color: var(--white-absolute);
  }

  .rutaweb-buttons__container {
    margin-block-start: 3.5rem;
  }

  .rutaweb-form__image-container {
    position: absolute;
    width: 100%;
    display: flex;
    align-items: start;
    justify-content: center;
    z-index: 0;
    top: 0rem;
  }

  .rutaweb-form__image {
    max-inline-size: 100%;
    block-size: 23rem;
    object-fit: cover;
    filter: blur(2px) opacity(0.6);
    border-radius: 0.5rem;
    aspect-ratio: 1.1/1;
  }

  .rutaweb-form__container--except-mobile {
    display: none;
  }

  /* Form */
  form {
    .rutaweb-username__text {
      font-weight: 600;
      color: var(--gray);

      span {
        color: var(--white-absolute);
      }
    }

    .rutaweb-title {
      color: var(--white-absolute);
      filter: drop-shadow(1px 1px 2px #00000055);
    }

    .rutaweb-title__sub-name {
      color: var(--white-absolute);
      filter: drop-shadow(1px 1px 2px #00000055);
      font-size: 1rem;
    }

    .rutaweb-description {
      color: var(--gray);
      font-weight: 500;
    }

    .rutaweb-buttons__title-text {
      color: var(--gray-700);
      text-align: center;
      border-radius: 0.25rem;
      font-size: clamp(1.15rem, 3vw, 1.5rem);
      padding-inline: calc(0.55rem + 0.5vw);
      font-weight: 500;
      margin-block-end: 0.5rem;
    }
  }
}