@media (max-width: 900px) {

  /* desaparecer cosas de  la version de escritorio */
  #header {
    display: none;
  }

  #contentHeader {
    display: none;
  }

  #content {
    display: none;
  }

  #footer {
    display: none;
  }

  /* mostrar version mobile */

  /* body,
  html {
      overflow-x: hidden;
  } */

  /* header */
  #headerMobile {
    background: rgb(63, 86, 190);
    /* background: linear-gradient(0deg, rgba(63, 86, 190, 1) 0%, rgba(43, 66, 170, 1) 33%, rgba(43, 66, 170, 1) 66%, rgba(63, 86, 190, 1) 100%); */
    background-image: url(/assets/img/prism_background.svg);
    background-size: cover;

    height: 90vh;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }

  #headerMobile::after {
    background-image: url(/svgs/Mobile/fondoMobile.jpg);
    background-size: cover;
    height: 90vh;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

  .menuMobileContainer {
    width: 100%;
    display: flex;
    margin-top: 7%;
    margin-bottom: 7%;
  }

  .menuMobile {
    width: 50px;
    height: 50px;
  }

  .logoRedcoreMobile {
    width: 70%;
    position: fixed;
    top: 20%;
  }

  /* header sticky */
  #contentHeaderMobile {
    display: block;
    height: auto;
    width: 100%;
    /* background-image: url(/svgs//Mobile/fondoHeader.jpg);
    background-size: cover; */
    background: rgb(63, 86, 190);
    background: linear-gradient(0deg, rgba(63, 86, 190, 1) 0%, rgba(43, 66, 170, 1) 33%, rgba(43, 66, 170, 1) 66%, rgba(63, 86, 190, 1) 100%);

    justify-content: space-between;
    align-items: center;
    top: 0;
    position: sticky;
    z-index: 5;
  }

  .menulogito {
    width: 200px;
    display: flex;
  }

  .imagenmenumobile {
    width: 30px;
  }

  .botonmenu {
    border: 0 !important;
  }

  .botonmenu:active {
    border: 0 !important;
  }

  .LogoAndMenuContainer {
    width: 100%;
    display: flex;
    gap: 25px;
    flex-direction: row;
    margin-left: 20px;

  }

  .menuMobileheader {
    width: 7%;
  }

  .logoHeadermobile {
    width: 65%;
  }

  .serviceDividerMobile {
    background-color: #F9B342;
    border-radius: 5px;
    height: 5px;
    width: 100%;
  }

  .containerInfoMobile {
    display: flex;
    flex-direction: column;
    margin-right: 5%;
  }

  .containerInfoMobile span {
    color: white;
    font-size: 8px;
    font-family: 'PoppinsRegular';
  }

  .containerInfoMobile a {
    color: white;
    font-size: 8px;
    font-family: 'PoppinsRegular';
    text-decoration: none;
  }

  /* content */
  .titulosMobiles {

    font-size: 16px;
    font-family: "PoppinsSemiBold";
    color: #262F5F;

  }

  #contentMobile {
    display: block;
    background-image: url(/assets/img/fondomobile.jpg);
    position: relative;
    z-index: 3;
  }

  #grillaMobile {

    display: flex;
    flex-direction: column;
    margin-left: 7%;
    margin-right: 7%;
    margin-bottom: 20%;
  }

  .servicioContainerMobile {
    margin-top: 10%;
    margin-bottom: 5%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 25px;

  }

  .serviciosimg {
    width: 20%;
  }

  .servicioNombreMobile {
    font-family: 'PoppinsRegular';
    font-size: 14px;
    color: #262F5F;
  }

  .dividerServicios {
    width: 100%;
  }

  .otrosServicios {
    /* background: linear-gradient(to right, rgba(125, 189, 201, 0.5), rgba(86, 130, 122, 0.7));
    background-size: cover; */
    background: rgb(146, 157, 205);
    background: linear-gradient(90deg, rgba(146, 157, 205, 1) 0%, rgba(43, 66, 170, 0.7) 100%);
    padding: 4%;
    border-radius: 5px;

    margin-top: 2%;
    font-size: 10px;
    color: #262F5F;
    font-family: 'PoppinsRegular';
    height: 4vh;
    display: flex;
    align-items: center;
  }

  .otrosServicios span {

    margin-left: 4%;
  }

  /* somos */

  #somosMobile {
    background: rgb(255, 255, 255);
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.2) 100%);
    border-radius: 10px;
    margin-bottom: 40%;
    margin-left: 7%;
    margin-right: 7%;
  }

  .textoMobile {
    font-family: "PoppinsRegular";
    font-size: 12px;
    color: #262F5F;
    padding-left: 1%;
    margin-top: 5%;
  }

  .textoUruguayMobile {
    font-family: "PoppinsSemiBold";
    font-size: 12px;
    color: #262F5F;
    padding-left: 1%;
    margin-top: 5%;
  }

  /* contacto */

  .formcontactomobile {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: 4%;
    margin-left: 7%;
    margin-right: 7%;
    margin-bottom: 20%;

  }

  .inputmobile {
    border: 0;
    background-color: rgba(0, 0, 0, 0.0);
  }

  .inputmobile::placeholder {
    padding-left: 3%;
    font-size: 13px;
    font-family: "PoppinsRegular";
    color: #262F5F;
  }

  .inputmobile:focus {
    outline: none;
  }

  .consulta {
    padding-left: 3%;
    font-size: 13px;
    font-family: "PoppinsRegular";
    color: #262F5F;
  }

  .textareaMobile {
    height: 13vh;
    width: 100%;
    resize: none;
    background: rgb(146, 157, 205);
    background: linear-gradient(90deg, rgba(146, 157, 205, 1) 0%, rgba(43, 66, 170, 0.7) 99%);
    border-radius: 5px;
    border: none;
  }

  .enviarMobile {
    width: fit-content;
    margin-top: 3%;
    margin-bottom: 3%;
    font-size: 20px;
    color: #F9B342;
    font-family: "PoppinsSemiBold";
    border: 0;
    border-radius: 5px;
    box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.35);
    /* background: linear-gradient(to left, rgba(0, 6, 8, 0.5), rgba(0, 53, 65, 0.5), rgba(2, 139, 171, 0.5)); */
  }

  .GraciasTitle {
    padding-left: 2%;
    font-size: 15px;
    font-family: 'PoppinsBlack';
    color: #262F5F;
  }

  #footerMobile {
    width: 100vw;
    background: rgb(43, 66, 170);
    background: linear-gradient(90deg, rgba(43, 66, 170, 1) 0%, rgba(83, 102, 189, 1) 72%, rgba(142, 158, 230, 1) 100%);
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    bottom: 0;
  }

  .logoFooterMobile {
    width: 35%;
    align-self: flex-start;
    margin-top: 5%;
    margin-left: 5%;
  }

  .RedesFooterMobile {
    display: flex;
    flex-direction: column;
    margin-right: 10%;
    margin-top: 2%;
    margin-bottom: 2%;
  }

  .redFooterMobile {
    display: flex;
    align-items: flex-start;
    gap: 15px;
  }

  .redFooterMobile p {
    color: white;
    font-size: 12px;
    font-family: "PoppinsRegular";
  }

  .redFooterMobile a {
    margin: 0;
    padding: 0;
    color: white;
    font-size: 12px;
    font-family: "PoppinsRegular";
    text-decoration: none;
    margin-bottom: 15px;
    margin-top: 15px;

  }

  #form-enviar-mail {
    display: flex;
    flex-direction: column;
    margin-top: 0%;
    background-color: white;
    padding-left: 0%;
    padding-right: 0%;
    padding-top: 0%;
  }

  .lang-menu-mobile {
    position: absolute;
    right: 5%;
    top: 43px;
  }
}