/* /// NO OPTIMIZADO */
/* #region */
#divNoOptimizado {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000ee;
  /* z-index: 10000; */
  z-index: 12345678999;

  display: none;
}
@media (max-width: 700px) {
  #divNoOptimizado {
    /* display: block; */
  }
}

#containerNoOptimizado {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* border: 1px solid red; */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 60%;
}
#containerNoOptimizado > img {
  /* position: absolute;
  left: 50%;
  top: 50%; */
  /* -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); */
  -webkit-filter: invert(100%) grayscale(100%) brightness(200%);
  filter: invert(100%) grayscale(100%) brightness(200%);
  /* z-index: 10; */
  width: 100px;
  margin: 1.5rem 0;
}
#containerNoOptimizado > .texto {
  color: white;
  font-size: 1.5rem;
  font-family: "Saira";
  width: 100%;
  text-align: center;
  margin-top: 1.75rem;
}

/* #endregion */

#indicadorEsMobile {
  width: 10px;
  height: 10px;
  position: fixed;
  top: 10px;
  left: 10px;
  border-radius: 50%;
  /* transform: translate(0%, -50%); */
  z-index: 100;
  background-color: red;
  display: none !important;
}
.mob {
  display: none !important;
}
.mob.show { 
  display: block !important;
}
.notmob.hide {
  display: none !important;
}

.ios {
  display: none;
}
.ios.iosShow {
  display: block;
}
.notios {
}
.notios.iosHide {
  display: none !important;
}

.notmob.hide.invisible {
  display: block !important;
  opacity: 0;
  pointer-events: none;
}

@media (max-width: 500px) {
  /* /// aca varios breakpoints para mobile */
  @media (max-width: 500px) {
    html {
      font-size: 10px;
    }
  }

  /* /// GENERAL */
  /* #region */
  #mainContainer {
    /* border: 10px solid greenyellow;  */
    /* position: fixed; */
    /* top: 0; */
    /* left: 0; */
    /* width: 100vw; */
    /* height: var(--vh); */
    /* min-height: 80vh; */
    /* min-height: -webkit-fill-available; */
    /* margin-top: 10vh; */

    position: fixed;
    top: 0;
    height: var(--vh);
    /* overflow-y: hidden; */
  }
  #mainContainer.fixBug {
    /* position: fixed;
    top: 0;
    height: var(--vh); */
    /* min-height: 80vh; */
  }

  #scene {
    /* min-height: 50vh; */
    min-height: var(--vh);
  }

  *::-webkit-scrollbar-track {
    background: lightgray;
  }

  *::-webkit-scrollbar-thumb {
    /* background-color: #777; */
    /* background-color: var(--main_color); */
    background-color: #6253d4aa;
  }

  /* #endregion */

  /* /// SCROLL */
  /* #mainContainer {
    -ms-scroll-snap-type: unset;
  } */

  /* /// HEADER */
  /* #region */
  #headerContainer {
    margin-top: 20px;
  }
  .imgLogoHeader {
    height: 2rem;
  }
  #menuContainer {
    font-size: 1.75rem;
  }
  /* #endregion */

  /* /// MARCADORES */
  /* #region */
  .marcador {
    pointer-events: none !important;
    /* border: 1px solid greenyellow; */
  }
  /* #endregion */

  /* /// PLACAS */
  /* #region */
  .placaContainer {
    /* border: 5px solid red; */
    /* margin-top: 10vh; */

    height: var(--vh);

    /* min-height: 80vh;
    min-height: -webkit-fill-available; */
  }
  /* #endregion */

  /* /// PLACA 1 */
  /* #region */

  #placa1 > .contenidoPlaca > span:nth-child(1),
  #placa1 > .contenidoPlaca > div:nth-child(1) {
    font-size: 6.5rem;
  }

  #placa1 > .contenidoPlaca > span:nth-child(2) {
    font-size: 2.5rem;
  }
  #placa1 > .contenidoPlaca > span:nth-child(3) {
    font-size: 3.5rem;

    padding: 0.15rem 1rem;
    margin-top: 0.66rem;
  }

  #flotanteDisenoParametrico {
    /* top: 50%; */
    /* left: 5%; */
    /* position: fixed !important; */
  }
  #flotanteDisenoParametrico.mostrar {
    left: 50%;
    transform: translateX(-50%) !important;
    /* border: 1px solid greenyellow; */
  }
  /* #endregion */

  /* /// PLACA 2 - prosumers */
  /* #region */
  #placa2 > .contenidoPlaca > div {
    font-family: "Saira", sans-serif;
    text-transform: none;
    font-size: 1.25rem;
    color: black;
  }
  #tituloPlaca2 {
    font-size: 4.5rem !important;
  }
  #tituloPlaca2 > span:nth-child(1) {
    width: 100%;
  }
  #btnProsumers {
    /* margin-left: -0.5rem; */
  }
  #flotanteProsumers {
    font-size: 1.25rem;
    display: flex;
    flex-wrap: nowrap;
    width: fit-content;
  }
  #flotanteProsumers.mostrar {
    left: 50%;
    transform: translateX(-50%) !important;
  }

  /* #endregion */

  /* /// PLACA 3 SHOW 4U */
  /* #region */
  #placa3 > .contenidoPlaca > div:nth-child(2) {
    line-height: 120%;
    font-size: 1.5rem;
    /* border: 1px solid red; */
    max-width: 85%;
  }

  #placa3 > .contenidoPlaca > div:nth-child(1) {
    font-size: 10rem;
  }
  /* #endregion */

  /* ///PLACA 4 - SECTORES/AMENITIES */
  /* #region */
  .imgPlacaSectores {
    /* border: 1px solid cyan; */
    /* height: 75vh !important; */
    /* margin-top: 17vh; */
    height: 65vh !important;
    margin-top: 19vh;
  }
  .imgPlacaSectores.show {
  }

  #divContainerBotones {
    /* border: 1px solid greenyellow; */
    height: 75vh;
    margin-top: 17vh;
    width: 58vh;
    left: 50%;
    transform: translateX(-50%);
    position: absolute !important;
  }

  #placa4 > .contenidoPlaca {
    /* color: red; */
    top: 15%;
  }

  .btnSector {
    /* border: 1px solid red; */
    position: absolute !important;
    width: 30% !important;
    -webkit-tap-highlight-color: transparent !important;
  }
  .btnSector:hover {
    background-color: transparent;
    /* mix-blend-mode: darken; */
    /* opacity: 0.75; */
  }
  #btnSectorTerraza {
    top: 12vh;
    /* width: 30%; */
    left: calc(50% - 30vh);
  }
  #btnSectorPileta {
    top: 13.5%;
    /* left: auto; */
    /* right: calc(50% + 45%); */
    /* right: 0%; */
    left: calc(50% - 30% + 30vh);
    /* width: 30%; */
    /* border: 1px solid orange; */
  }
  #btnSectorGym {
    top: 33%;
    left: calc(50% - 30% + 30vh);

    /* width: 8.7vh; */
  }
  #btnSectorSpa {
    top: 47%;
    left: calc(50% - 30vh);

    /* width: 7.5vh; */
  }
  #btnSectorHall {
    top: 72%;
    left: calc(50% - 30vh);

    /* width: 8vh; */
  }
  #btnSectorJardin {
    top: 65%;
    left: calc(50% - 30% + 30vh);

    /* width: 12vh; */
  }

  /* /// SECTORES - MODAL */
  #containerSectores {
    top: calc(50% + 2em);
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 90%;
  }
  .imgSectores {
    /* height: min(44rem, 60vh); */
    /* display: none; */
    /* border: 1px solid red; */
    max-width: 100%;
    height: auto;
  }

  /* #endregion */

  /* /// PLACA 5 - unidades */
  /* #region */
  #placa5 > .contenidoPlaca {
    font-size: 2rem;
    top: 15%;
  }
  .planitoUnidad {
    width: 100%;
    /* border: 1px solid red; */
  }
  .planitoUnidad > .titulo {
    font-size: 2rem;
  }
  .planitoUnidad > .texto {
    font-family: "Saira", sans-serif;
    font-size: 1rem;
    margin: 0;
    margin-top: 1rem;
  }
  .planitoUnidad > img {
    height: 10rem;
    position: absolute;
    right: 0;
    bottom: 0;
    /* border: 1px solid green; */
  }

  #placaDetallesUnidades {
    background-color: #000000ee;
  }
  .cerrarDetallesUnidad {
    top: -3rem;
  }

  .detallesUnidad {
    width: 80%;
    height: 80%;
    /* border: 1px solid yellow; */
  }
  .detallesUnidad > .titulo {
    font-size: 2.5rem;
    padding-bottom: 1rem;
  }
  .detallesUnidad > .containerImagenes {
    /* border: 1px solid greenyellow; */
    /* width: fit-content; */
    /* width: 70% !important; */
    width: 100%;
    height: 80%;
    padding-top: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .detallesUnidad > .imgUnidad3 {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    height: 7rem;
    width: auto;
    /* border: 1px solid orange; */
  }
  .containerImagenes > .imgUnidad2 {
    display: none;
  }
  .containerImagenes > .imgUnidad {
    /* height: 13rem; */
    width: 80%;
    object-fit: contain;
    height: auto;
    /* border: 1px solid orange !important; */
  }
  .containerImagenes > .imgUnidad.rotar {
    margin-top: 15%;
    /* border: 1px solid purple; */
    transform: rotate(-90deg);
    /* width: 85%; */
    width: auto;
    height: 60%;
  }
  /* #endregion */

  /* /// PLACA 6 - custom 4u */
  /* #region */
  #placa6 > .contenidoPlaca {
    font-size: 1.25rem;
  }
  #placa6 > .contenidoPlaca > div:nth-child(1) {
    font-size: 7.5rem;
  }
  #placa6 > .contenidoPlaca > div:nth-child(2) {
    /* border: 1px solid red; */
    max-width: 85%;
  }
  /* #endregion */

  /* /// PLACA 7 - unidad */
  /* #region */
  #placa7 > .contenidoPlaca {
    color: white;
    font-size: 2rem;
    top: 18%;
    display: flex;
    flex-direction: column;
    font-family: main_font;
  }
  #placa7 > .contenidoPlaca > .tituloPanel3 {
    font-family: "Saira", sans-serif !important;
    text-transform: none;
    font-size: 1.25rem;
    margin-top: 1rem;
  }

  /* /// unidad.css */
  .panel {
    width: 100%;
  }
  .tituloPanel {
    font-family: "Saira", sans-serif;
    text-transform: none;
  }
  .tituloIzquierda {
    margin-top: 1rem;
  }
  .divBotonesAmbientes,
  #divBotonesTexturas {
    width: 100%;
    display: flex;
    flex-direction: row;
    /* border: 1px solid red; */
  }
  .btnPanel {
    width: 100%;
    margin: 0;
    margin-right: 1rem;
    border-width: 1px;
    height: 3rem;
  }
  .btnPanel:nth-child(3) {
    margin-right: 0;
  }

  /* #endregion */

  /* /// PLACA 8 ADMiN 4U */
  /* #region */
  #placa8 > .contenidoPlaca {
    font-size: 1.25rem;
  }
  #placa8 > .contenidoPlaca > div:nth-child(1) {
    font-size: 8.5rem;
  }
  #placa8 > .contenidoPlaca > div:nth-child(2) {
    /* border: 1px solid red; */
    max-width: 85%;
  }

  .colorCortina3c {
    /* background-color: var(--color-cortina4) !important; */
  }
  /* #endregion */

  /* /// PLACA 9 ADMINISTRACION */
  /* #region */
  #placa9 > .contenidoPlaca > #columna1 {
    line-height: 100%;
    font-size: 1.15rem;
    padding-top: 25%;
  }
  #placa10 > .contenidoPlaca {
    /* line-height: 100%; */
    font-size: 1.15rem;
    padding-top: 25%;
  }
  #placa9 > .contenidoPlaca > #columna1 > div:nth-child(1),
  #placa10 > .contenidoPlaca > div:nth-child(1) {
    font-size: 2.5rem;
    margin-bottom: 1rem;
  }
  #columna1 {
    flex-basis: auto !important;
    width: 90%;
  }
  #columna2 {
    width: 10%;
    /* border: 1px solid red; */
  }
  #columna2 > #mascara {
    /* border: 1px solid greenyellow; */
    /* width: 57vh; */
    width: 90vw;
    height: 38vh;
    top: 44.5vh;
    /* left: -30%; */
    /* transform: translateX(-100%); */
    /* margin-left: -34vw; */
    margin-left: -41vw;

  }
  /* #endregion */

  /* /// PLACA 11 HABITARLOS */
  /* #region */
  #placa11 > .contenidoPlaca {
    font-family: "Saira", sans-serif;
    text-transform: none;
    line-height: 80%;
  }

  .textoHabitarlos1.textoAnimado {
    /* border: 1px solid red; */
    font-size: 2rem;
  }
  .textoHabitarlos2.textoAnimado {
    font-size: 2.15rem;
    -webkit-transform: translate(-50%, 100%);
    -ms-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%);
    width: 100%;
    text-align: center;
  }

  #placa11.selected > .contenidoPlaca > .textoHabitarlos1 {
    /* -webkit-transition: 1s 3s;
    -o-transition: 1s 3s;
    transition: 1s 3s; */
    top: 25%;
    font-size: 1.75rem;
    /* border: 1px solid red; */
  }
  #placa11.selected > .contenidoPlaca > .textoHabitarlos1.en {
    /* border: 1px solid red; */
    font-size: 1.75rem;
  }
  #placa11.selected > .contenidoPlaca > .textoHabitarlos2.idiomaSelected {
    /* -webkit-transition: opacity 3s 4s, top 2s 6s, font-size 2s 6s;
    -o-transition: opacity 3s 4s, top 2s 6s, font-size 2s 6s;
    transition: opacity 3s 4s, top 2s 6s, font-size 2s 6s; */
    top: 25%;
    font-size: 1.75rem;
  }

  #btnWIP {
    font-size: 2rem;
    bottom: 12%;
  }

  #modalWIPContainer > img {
    /* border: 1px solid greenyellow; */
    height: 100%;
    width: auto;
    /* position: absolute; */
    /* top: 50%; */
    /* left: 50%; */
    /* transform: translate(-50%, -50%); */
  }



  /* /// canvas 2d */
  #canvas2dContainer {
    /* border: 1px solid orangered; */
    width: 100%;
    height: 65% !important;
    top: 57%;
    left: 0%;
    /* opacity: 1; */
  }
  #defaultCanvas0 {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
  }
  #canvas2dContainer {
    width: 120%;
    left: -10%;
  }
  #defaultCanvas0 {
    width: 120%;
  }

  #logoEnHabitarlos {
    width: 12vw;

    top: 57%;
  }

  /* #endregion */

  /* /// PLACA 12 CONTACTO */
  /* #region */

  #placa12 > .contenidoPlaca > .titulo {
    font-size: 6.5rem;
    margin: 1rem 0;
  }

  #formulario > .input-block:nth-child(1) {
    width: 100%;
  }
  #formulario > .input-block:nth-child(2) {
    width: 100%;
    margin-left: 0;
  }

  #btnEnviarFormulario {
    font-size: 2rem;
    /* width: 50%; */
  }

  /* #endregion */
}