/* @font-face {
  font-family: "Font";
  src: url("assets/Font.woff2") format("woff2");
  font-display: swap;
} */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    /* font-family: "Font", 'PT Sans', sans-serif; */
    font-family: system-ui,"Spline Sans", system-ui, sans-serif;
    -webkit-tap-highlight-color: transparent;
    -webkit-overflow-scrolling: touch;
    /* color: #053e34; */
}
/* *::before, *::after {
    box-sizing: border-box;
} */

/* main {
    height: 100vh;
    width: 100vw;
    background-image: url(assets/img/C00E7.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: #ccc; */
    /* transition: .6s .4s all; */
    /* animation: radioOut 1s 1; */
/* } */








:root{
  --color-btn-llamativo: #afa37b;
  --color-normal-general: #d9cca4;
  /* --color-normal-general: #32939c; */
  --color-normal-generalBorde: #d8d2bd;
  --color-normal-hover: #f9f9f7;
  --color-normal-hover2: #dffcfc;
  --color-naranja-llamativo: #80786d;
  /* --color-naranja-llamativo: #ff8783; */
  --color-naranja-llamativo-02: #8a7455;
  --color-titulo-panel: #5a5a5a;
  --boxShadow-btn-chico: 0px 3px 6px 0px rgb(0 0 0 / 10%);
  --boxShadow-btn-normal: 0px 3px 6px 0px rgb(0 0 0 / 20%);
  --boxShadow-btn-grande: 0px 5px 120px 0px rgb(0 0 0 / 50%);
  --transition-normal: all 0.5s;
  --transition-corta: all 0.1s;
  --transition-paneles: all 0.5s;

  --color-filtrar-seleccionado: #f5efda;

  --radius-btns-principales: 5px;
  --radius-panel-general: 10px;
  --radius-btns-chicos: 7px;
  --radius-btn-regresar: 5px;

  --color-fichaDpto-A01: rgb(221 205 156);
  --color-fichaDpto-A02: #53c9d3;

  --color-fichaDpto-B01: #ffffff;
  --color-fichaDpto-B02: #ffffff;
  --color-fichaDpto-B03: #b4a38d;

  --color-texto-casiNegro: #4e4e4e;

  --color-iconos-generales: hue-rotate(205deg) brightness(0.95) saturate(0.7);
  /* En otros proyectos es: --color-iconos-generales: hue-rotate(287deg) brightness(0.75) saturate(1.3); */
  --color-iconos-soloHue: hue-rotate(-4deg);
  --color-iconos-contacto: invert(18%) sepia(65%) saturate(4079%) hue-rotate(168deg) brightness(97%) contrast(100%);

  --tamaño-fichaDptoV3_grid_ancho: 270px;
  --tamaño-fichaDptoV3_grid_altoCelda: 50px;
  --tamaño-fichaDptoV3_grid_alto: calc(var(--tamaño-fichaDptoV3_grid_altoCelda)*1);


}




/* width */
::-webkit-scrollbar {
  width: 15px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 3px rgb(211, 211, 211); 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--color-normal-generalBorde); 
  border-radius: 10px;
  /* border: 1px solid var(--color-normal-generalBorde); */
  /* border-color: var(--color-normal-generalBorde); */
  /* box-shadow: inset 0 0 3px var(--color-normal-hover2);  */
  /* box-shadow: 0px 2px 3px 0px rgb(0 0 0 / 20%); */


}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--color-naranja-llamativo); 
}




.loader{
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  background-color: #fff;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  color: #707070;
}
.loader.hidden {
  display: none;
}
.loader .loader-cargando {
  text-align: center;
  margin-top: 3rem;
  padding-bottom: 10rem;
  transition: all 0.5s; 
  animation: cargando 2s infinite;
  transform: 10s easy;
}
.loaderdos{
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  color: #707070;
  backdrop-filter: blur(10px);
  transition: all 0.5s; 
}
.loaderdos-content{
  background-color: #fff;
  border-radius: 15px;
  padding: 1.5rem;
  margin-bottom: 15rem;
}
.loader.hidden {
  display: none;
}
.loaderdos.hidden {
  display: none;
}
.loaderdos .loader-cargando {
  text-align: center;
  padding-bottom: 3rem;
  transition: all 0.5s; 
  animation: cargando 2s infinite;
  transform: 10s easy;
}
@keyframes cargando { 
  0% {
      opacity: 0;
  } 
  100% { 
      opacity: 1;
  } 
}     
.logo::before {
  background-image: url("assets/svg/logo.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  position: fixed;
  left: 5%;
  top: 16px;
  margin: -.5rem;
  height: 3rem;
  width: 8rem;
  content: '';
}



.btn-contacto-esquina{
  width: 17%;
  min-width: 40px;
  max-width: 100px;
  background-color: #34ec4a;
  border-radius: 100%;
  position: absolute;
  right: 3%;
  top: 2%;
  transition: all 0.3s;
  z-index: 20;
  background-image: url("assets/svg/contacto.svg");
  background-size: 45%;
  background-repeat: no-repeat;
  background-position: 50.5% 53.5%;
  cursor: pointer;
  transform: scale(1, 1);
  -webkit-box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 20%);
  box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 20%);
  border: 2px solid white;
}
.btn-contacto-esquina:hover{
  background-color: #3aff51;
}



.btn-contacto-esquina .btn-contacto__var-esquina {
  content: "";
  display: block;
  padding-bottom: 100%;
}


.btn-contacto{
  width: 56px;
  max-height: 56px;
  max-width: 400px;
  background-color: rgb(18, 150, 51);
  border-radius: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  right: 5%;
  top: 16px;
  
  /* transition: all 3s ease;  */
  box-shadow: 1px 3px 6px #00000066;
  z-index: 20;
  position: absolute;
  transform: translateX(-50%) translateY(50%);
  left: 50%;
  /* top: 50%; */
}

.btn-contacto.hidden {
  display: none;
}
.btn-contacto::before {
    background-image : url("assets/svg/contacto.svg");
    position: absolute;
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 1.8rem;
    width: 1.8rem;
    content: '';
}
.btn-contacto.pulsed::before {
  display: none;
}
.btn-contacto.pulsed{
  /* width: 90vw; */
  /* max-height: 90vh; */
  /* height: auto; */
  border-radius:15px;
  background-color: #fff;
  border: 2px solid #70707033;
  cursor: unset;
  transition: all 0.3s;
  box-shadow: none;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) scale(1);
  width: 93%;
  height: 95%;
  min-width: 330px;
  max-width: 350px;
  max-height: 530px;
}
.btn-contacto .btn-contacto__var {
  padding: 2.2rem 2rem;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  transition: all 3s ease; 
  /* transition-delay: 3s; */
  transform: scale(0);
  opacity: 0;
}
.btn-contacto .btn-contacto__var.expand {
  transform: scale(1);
  /* height: auto; */
  /* transition-delay: 3s; */
  opacity: 1;
  width: 100%;
  height: 100%;
  /* min-width: 330px; */
  /* max-width: 350px; */
  /* max-height: 530px; */
}


.btn-contacto__var-title{
  font-size: 1.3rem;
  color: #3E4853;
  margin-bottom: 2rem;
  text-align: center;
  font-weight: 400;
  margin-top: 1rem;
  letter-spacing: 2.5px;
  /* list-style: upper-alpha; */
  text-transform: uppercase;
}
.btn-contacto__item img{
  width: 2.5rem;
  height: 2.5rem;
  margin-right: 1.7rem;
  margin-left: 1rem;
}

.btn-contacto__item {
  display: flex;
  margin-bottom: 1.3rem;
  align-items: center;
}
.btn-contacto__name {
  color: black;
  font-weight: 400;
  letter-spacing: 1.5px;
  margin-bottom: 5px;
  margin-top: 0.3rem;
  font-size: 1rem;
  margin-left: 0.5rem;
}
.btn-contacto__value {
  transition: all 0.4s;
  cursor: pointer;
  align-items: center;
  border: 1px solid #cbe6f9;
  display: flex;
  justify-content: center;
  border-radius: var(--radius-btn-regresar);
  -webkit-box-shadow: var(--boxShadow-btn-normal);
  box-shadow: var(--boxShadow-btn-normal);
  background-color: white;
  text-decoration: underline;
  font-weight: 400;
  font-size: 1.1rem;
  line-height: 1.4;
  margin-left: 1rem;
  letter-spacing: 1px;
  padding: 5px 10px 5px 10px;
  overflow-wrap: anywhere;
}
.btn-contacto__value:hover {
  background-color: var(--color-normal-hover);
}

.btn-contacto__botinfo-title {
  text-align: center;
  font-weight: 500;
  font-size: 1.1rem;
  color: #55575A;
  margin-bottom: 1rem;
}
.btn-contacto__botinfo-title {
  margin-top: 0.5rem;
  font-weight: 500;
  font-size: 0.9em;
}
.btn-contacto__botinfo-content{
  text-align: center;
  font-weight: 300;
  font-size: .9rem;
  color: #9CA1A8;
  margin-bottom: 1.5rem;
  letter-spacing: 2.4px;
}

/*BOTONES*/
.btn-contacto__btngroup{
  display: flex;
  margin: 1rem;
  justify-content: space-between;
  gap: 20px;
  width: 87%;
}

.btn-contacto__btngroup-settings{
  border: solid 2px #e6e4e4;
  border-radius: 3px;
  width: 3rem;
  height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 50%;
  cursor: pointer;
}

.btn-contacto__btngroup-settings:hover{
  background-color: #f7f7f7;
  color: #fff;
}

.btn-contacto__btngroup-settings:before{
  content : url("assets/svg/settings.svg");
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: -5px;
}
.btn-contacto__btngroup-back{
  border: solid 2px #C2C2C2;
  border-radius: 10px;
  width: 7rem;
  height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #656B72;
  justify-self: center;
  letter-spacing: 1.4px;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
}
.btn-contacto__btngroup-back:before{
  display: flex;
  justify-content: center;
  align-items: center;
}

.btn-contacto__btngroup-back:hover{
  background-color: #02b4c1;
  color: #fff;
}

.btn-ficha__btngroup-back {
  cursor: pointer;
  /* border-radius: 3px; */
  width: 7rem;
  height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #c5a448;
  justify-self: center;
  letter-spacing: 1px;
  font-weight: 400;
  font-size: 12px;
  border: 2px solid #e9d4bf;
  margin: auto;
  text-transform: uppercase;
}

.btn-ficha__btngroup-back:hover{
  border: solid 2px #7d63069e;
  color: #5d3819;
}

.btn-ficha__btngroup-back:before{
  display: flex;
  justify-content: center;
  align-items: center;
}








/* Contacto 2.0 */




.contacto_container01{
  display: flex;
  flex-direction: column;
  /* align-items: center; */
  background-color: whitesmoke;
  border: 1px solid lightgrey;
  border-radius: var(--radius-btns-principales);
  width: 87%;
  padding: 15px;
  margin-bottom: 1rem;
}


#h_g_contacto_container02TresIconos{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0rem 0.5rem 1rem 0.5rem;
}

.contacto_tresIconos_container{
  transition: var(--transition-normal);
  cursor: pointer;
  width: 60px;
  height: 60px;
  border: 1px solid lightgrey;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: grayscale(1);
  -webkit-box-shadow: var(--boxShadow-btn-normal);
  box-shadow: var(--boxShadow-btn-normal);
  background-color: whitesmoke;
}
.contacto_tresIconos_container:hover{
  filter: none;
}

.contacto_tresIconos_container_Seleccionado{
  filter: none;
  background-color: var(--color-normal-hover);
  border: 1px solid var(--color-normal-generalBorde);
}


.contacto_tresIconos{
  display: flex;
  width: 35px;
  height: 35px;
  pointer-events: none;
  filter: var(--color-iconos-soloHue);
}


.btn-contacto__info{
  width: 100%;
  gap: 5px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}









/* Iniciales 2.0 */



.btns_grandesInferiores_Container{
  transition: var(--transition-normal);
  display: flex;
  gap: 15px;
  pointer-events: none;
}

.btn_grandeInferior{
  display: flex;
  background-color: white;
  border: 1px solid var(--color-normal-generalBorde);
  border-radius: var(--radius-btns-principales);
  padding: 10px 15px 10px 15px;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 7px;
  pointer-events: all;
  -webkit-box-shadow: var(--boxShadow-btn-normal);
  box-shadow: var(--boxShadow-btn-normal);
  cursor: pointer;
}
.btn_grandeInferior:hover{
  background-color: var(--color-normal-hover);
  border-color: var(--color-btn-llamativo);
}


.icono_grandeInferior{
  display: flex;
  pointer-events: none;
  height: 30px;
  filter: var(--color-iconos-generales);
}

.texto_grandeInferior{
  display: flex;
  inline-size: 67px;
  text-align: center;
  justify-content: center;
  line-height: 15px;
  min-height: 24px;
  pointer-events: none;
  color: var(--color-btn-llamativo);
  font-weight: 400;
  letter-spacing: 1px;
}





/* SETTINGS */
.h_g_settings.hidden{ display: none;}
.h_g_settings-title {
  color: white;
  font-size: 1.3em;
  margin-bottom: 3rem;
  text-shadow: 0px 0px 10px black, 0px 0px 10px black;
  letter-spacing: 1.4px;
  display: flex;
  justify-content: center;
  margin-top: 15vh;
}
/* BOTONES ABAJO */
.group-btn{
  width: 30%;
  min-width: 350px;
  border-radius: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  flex-direction: column;
  left: 50%;
  bottom: 40px;
  -webkit-transform: translateX(-50%);
  pointer-events: none;
  z-index: 2;
  gap: 15px;
}

/* .group-btn.active{
  transition: transform .5s;
  transform: scale(0, 1);
} */


.btnVerDepartamento{
  letter-spacing: 1.7px;
  background-color: #01c3c3;
  width: 80%;
  max-width: 232px;
  height: 2.5rem;
  color: #fff;
  border: 2px solid #006168ba;
  box-shadow: 0px 0px 7px #ffffff;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1rem;
  font-weight: 400;
  font-size: 1.3rem;
  transition: all 0.3s;
  transform: scale(1, 1);
}

.btnVerDepartamento:hover{
  background-color: #02e3f3;
}



.group-btn__item{
  text-transform: uppercase;
  cursor: pointer;
  letter-spacing: 1px;
  background-color: white;
  width: 80%;
  max-width: 215px;
  height: 2.5rem;
  color: #b98832;
  box-shadow: 0px 0px 7px #ffffff;
  /* border-radius: 5px; */
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0.75rem;
  /* font-weight: 400; */
  font-size: 1rem;
  border: solid 2px #d1aa65;
  /* animation: elIn 1s linear; */
  transition: var(--transition-normal);
  transform: scale(1, 1);
  pointer-events: all;
}
.group-btn.hidden{
  display: none;
}


.remove{
  transform: scale(0, 0)
}

.group-btn__item.remove{
  /* animation: elOut 1.5s linear;
  transition: transform 1.1s;
  transition: scale 3s; */
  transform: scale(0, 0)
}
.group-btn__item:hover {
  border: solid 2px #a7733b;
  color: #a7733b;
  text-shadow: 0 0 1px #874a0987;
}
.group-btn__title{
  color: white;
  font-size: 1.3em;
  /* margin-bottom: 1rem; */
  text-shadow: 0px 0px 2px #004352, 0px 0px 3px #000000;
  letter-spacing: 3px;
  text-align: center;
  transition: all 0.2s;
  transform: scale(1, 1);
  text-transform: uppercase;
}

.group-btn__title_carrusel{
  color: white;
  font-size: 2em;
  margin-bottom: 0.8rem;
  text-shadow: 0px 0px 2px #004352, 0px 0px 3px #000000;
  /* letter-spacing: 2.2px; */
  text-align: center;
  transition: var(--transition-normal);
  transform: scale(1, 1);
}

.group-btn__title_dpto{
  color: white;
  font-size: 1.8em;
  margin-bottom: 0.8rem;
  text-shadow: 0px 0px 2px #004352, 0px 0px 3px #000000;
  letter-spacing: 5px;
  text-align: center;
  transition: var(--transition-normal);
  transform: scale(1, 1);
  font-weight: 700;  
}

.group-btn__back{
  transition: var(--transition-normal);
  cursor: pointer;
  background-color: #fff;
  width: 7rem;
  height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 0px 7px #ffffff;
  letter-spacing: 1px;
  transform: scale(1, 1);
  pointer-events: all;
  border: 1px solid lightgrey;
  border-radius: var(--radius-btn-regresar);
  -webkit-box-shadow: var(--boxShadow-btn-normal);
  box-shadow: var(--boxShadow-btn-normal);
  color: grey;
  line-height: 50px;
  background-color: white;
}
.group-btn__back:hover{
  background-color: rgb(236, 236, 236);
  border-color: grey;
  color: black;
}


/*BOTONES POR PROTOTIPOS*/
.group-btn__prototipos{
  background-color: #fff;
  width: 85%;
  max-width: 400px;
  border-radius: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: center;
  position: fixed;
  flex-direction: column;
  /* right: 5%; */
  bottom: 2%;
  /* right: 50%; */
  transition: 0.6s;
  
  padding: 1rem;
  padding-bottom: 2rem;
  z-index: 21;
  /* -webkit-transform: translateX(-50%); */

}

.group-btn__prototipos-title {
  text-align: center;
  font-weight: 400;
  font-size: 1.5rem;
  color: #55575A;
  margin-bottom: 1.5rem;
  letter-spacing: 2.3px;
  margin-top: 1rem;
}

.group-btn__prototipos .group-btn__back{ display: flex;}


/* DETALLE */
.group-btn__detalle-background{
  content: '';
  position: fixed;
  width: 100%;
  height: 100%;
  color: white;
  /* background-color: rgb(0 0 0 / 50%); */
  transition: var(--transition-paneles); 
  z-index: 21;
  -webkit-box-shadow: var(--boxShadow-btn-normal);
  box-shadow: var(--boxShadow-btn-normal);
}
.group-btn__detalle-background.hidden {
  display: none;
}
.group-btn__detalle{
  z-index: 30;
  position: absolute;
  left: 50%;
  top: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transform: translateX(-50%) translateY(-50%) scale(1);
  align-items: center;
  transition: all 0.3s;
  width: 93%;
  /* height: 95%; */
  min-width: 330px;
  max-width: 350px;
  max-height: 530px;
  /* min-height: 360px; */
  background-color: #fff;
  cursor: unset;
  border-radius: var(--radius-panel-general);
  border: 2px solid #d7d7d7;
}

.group-btn__detalle.cargando360{
  max-height: 140px;
  max-width: 200px;
  min-width: 200px;
}

.btn-detalle__var-title{
  font-size: 1.3rem;
  margin: 1rem 0 0.5rem 0;
  text-align: center;
  padding: 0 0 0;
  letter-spacing: 1.5px;
  color: #3E4853;
  /* text-transform: uppercase; */
}
.btn-detalle__botinfo-title{
  text-align: center;
  margin: 0.3rem;
  letter-spacing: 1.8px;
  font-size: 20px;
  justify-content: center;
}

.disclaimerPrecio{
  text-decoration: underline;
  cursor: pointer;
  /* letter-spacing: 1.8px; */
  font-size: 20px;
  color: #0e9bff;
  margin: 0.3rem 0.0rem 0.3rem 0.0rem;
}

.detalle-botinfo__number {
  margin-right: .5rem;
  color: #3E4853;
}

.nonflex{
  margin: 1rem 1.2rem 1rem 1.2rem;
}

.btn-detalle__botinfo-content{
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  padding: 0 1em;
  font-size: 17px;
}

.btn-detalle__botinfo-content p{
  letter-spacing: 0.5px;
  text-align: center;
  color: #80858D;
  margin: auto auto auto auto;
}

.detalle-botinfo__item{
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2rem;
  padding: 0 1rem;
  margin: 0.5rem 0 1rem 0;
  color: #585858;
}

.group-btn__detalle .btn-detalle__btngroup{
  display: flex;
  justify-content: center;
  margin: 1.3rem 1.5rem 1.3rem 1.5rem;
}

.group-btn__detalle .btn-contacto__btngroup-back{
  margin-bottom: 1rem;
}

.group-btn__detalle .group-btn__item {
  width: 70%;
  margin: 1.5rem;
  margin: 0.1rem auto 0rem auto;
}

.meInteresa {
  transition: var(--transition-normal);
  background-color: var(--color-btn-llamativo);
  color: #ffffff;
  font-size: 1.3rem;
  border: solid 2px white;
  border-radius: var(--radius-btns-principales);
  letter-spacing: 1.5px;
  font-size: 1.1rem;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-box-shadow: var(--boxShadow-btn-normal);
  box-shadow: var(--boxShadow-btn-normal);
  cursor: pointer;
}

.meInteresa:hover {
  border: solid 2px var(--color-btn-llamativo);
  background-color: #ffffff;
  color: var(--color-btn-llamativo);
  text-shadow: 0 0 0 #ffffff87;
}

.carrousel-btn__group{
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  max-width: 400px;
}
.carrousel-btn__arrowleft{
  background-color: #fff;
  width: 2.5rem;
  background-color: #fff;
  height: 2.5rem;
  border: 2px solid #00616861;
  box-shadow: 0px 0px 7px #ffffff;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1rem;
  
  margin-right: .8em;
  padding-right: .2em;
  transition: all 0.2s;
  transform: scale(1, 1);
}

.carrousel-btn__arrowright{
  background-color: #fff;
  width: 2.5rem;
  background-color: #fff;
  height: 2.5rem;
  border: 2px solid #00616861;
  box-shadow: 0px 0px 7px #ffffff;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1rem;
  
  margin-left: .8em;
  padding-left: .2em;
  transition: all 0.2s;
  transform: scale(1, 1);
}
/* Hover se queda pegado en movil */


@media screen and (min-width: 1202px) {
  .carrousel-btn__arrowright:hover{
    background-color: #02b4c1;
    color: #fff;
  }
  .carrousel-btn__arrowleft:hover{
    background-color: #02b4c1;
    color: #fff;
  }
}


.carrousel-btn{
  letter-spacing: 1.7px;
  background-color: #fff;
  height: 2.5rem;
  color: #64A27B;
  border: solid 2px #AFDCC0;
  box-shadow: 0px 0px 7px #ffffff;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1rem;
  font-weight: 400;
  font-size: 1.3rem;
  border: 2px solid #cbecd8;
  
  transition: transform .5s;
  transition: scale 3s;
  animation: elIn .5s linear;
  transition: .6s .4s all;
  transform: scale(1, 1);
  width: 70%;
}

.copy{
  z-index: 1;
  font-size: 9px;
  color: #044049; 
    width: 90%;
    height: 2rem;
    text-align: center;
    border-radius: 40px;
    position: fixed;
    right: 5%;
    bottom: 0%;
}

.copy span{
  text-decoration: underline;
}


/* ANIMACIONES */
@keyframes elIn{
  0%{
    transform: scale(0, 0);
  }
  100%{
    transform: scale(1, 1);
  }
}

@keyframes elOut{
  0%{
    transform: scale(1, 1);
  }
  100%{
    transform: scale(0, 0);
  }
}

@keyframes radio{
  0%{
    border-radius: 50%;
  }
  25%{
    border-radius:0 0 20% 0;
  }
  50%{
    border-radius:0 0 50% 0;
  }
  75%{
    border-radius:0 0 100% 0;
  }
  100%{
    border-radius: 0 0 100% 0;
  }
}

@keyframes fadeInLeft {
  0% {
      opacity: 0;
      -webkit-transform: translateX(-20px);
  }   25% {
      opacity: 0;
      -webkit-transform: translateX(0);
  }
  75% {
      opacity: 1;
      -webkit-transform: translateX(0);
  }
  100% {
      opacity: 1;
      -webkit-transform: translateX(0);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}




#amenidadesConjunto {
  padding: 5rem 5rem 0 3rem;
}
#amenidadesConjunto div {
  background-color: #fff;
}
#amenidadesConjunto div:hover {
  background-color: #40c366;
  color: #fff;
}






.fit{
  object-fit: contain
}




.carousel {
  background: #ffffff;
  border-radius: 10px;
}

.carousel-cell {
  width: 100%;
  height: 225px;
  margin-right: 10px;
  /* center images in cells with flexbox */
  display: flex;
  align-items: center;
  justify-content: center;
}

.carousel-cell-image {
  display: block;
  max-height: 100%;
  max-width: 100%;
  /* border-radius: 15px; */
}


.flickity-button{
  background: hsl(0deg 0% 100% / 0%);
  color: white;
}

.flickity-button:disabled{
  opacity: 0%;
  cursor: auto;
  pointer-events: none;
}

.flickity-button:hover{
  background: #fff0;
  cursor: pointer;
}

.flickity-button-icon{
  fill: white;
  stroke: black;
  stroke-width: 4px;
}








.fpsCounter {
  position: absolute;
  text-align: center;
  font-size: 2rem;
  color: grey;
  bottom: 1%;
  right: 3%;
  z-index: 50;
}

html, body {
  overflow: hidden;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  user-drag: none; 
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

#canvas {
  width: 100%;
  height: 100%;
  touch-action: none;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0); /* mobile webkit */
}

.loadingScreenMostrar {
  position: absolute;
  width: 100%;
  height: 100%;
  align-items: center;
  text-align: center;
  background-color: white;
z-index: 9999;
  opacity: 1;
  transition: opacity 2s ease-out;
  -ms-transition: opacity 2s ease-out;
  -moz-transition: opacity 2s ease-out;
  -webkit-transition: opacity 2s ease-out;
}


.loadingScreenOcultar {
  position: absolute;
  width: 100%;
  height: 100%;
  align-items: center;
  text-align: center;
  background-color: white;
  z-index: 9999;
  opacity: 0;
  transition: opacity 2s ease-in;
  -ms-transition: opacity 2s ease-in;
  -moz-transition: opacity 2s ease-in;
  -webkit-transition: opacity 2s ease-in;
}

.hidden {
  display: none;
  transform: scale(0, 0);
}

.disabled {
  background-color: #c3c3c3;
  color: #e6e6e6;
  border: 2px solid #bdb0b0;
  box-shadow: 0px 0px 0px #8e8e8e;
  cursor: unset;
  opacity: 0.5
}

.disabled:hover {
  background-color: #c3c3c3;
  color: #e6e6e6;
  border: 2px solid #bdb0b0;
  box-shadow: 0px 0px 0px #8e8e8e;
  cursor: unset;
  opacity: 0.5
}


a:link {
  color: #0e9bff;
}

a:visited {
  color: #0e9bff;
}

a:hover {
  color: #0e9bff;
}

a:active {
  color: #0e9bff;
}


.carousel-fullscreen {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 30;
  visibility: hidden;
}

.carousel-fullscreen.visible{
  visibility: visible;
}

.carousel-fullscreen .carousel-cell {
  height: 100%;
}

.carousel-fullscreen .carousel {
  height: 100%;
  background: black;
  border-radius: 0;
}

.carousel-fullscreen .carousel-cell-image {
  height: auto;
  max-height: 100%;
  max-width: 100%;
}

.carousel-fullscreen .hidden {
  display: none;
}


.lupa{
  width: 60px;
  height: 60px;
  background-color: rgb(90 87 87 / 0%);
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 50%;
  top: 50%;
  
  z-index: 50;
  background-image: url("assets/svg/lupa.svg");
  background-size: 55px;
  background-repeat: no-repeat;
  background-position: 50.5% 53.5%;
  transform: translate(50%, -50%);
  opacity: 50%;
}

.insideLupa{
  padding: 2rem 2rem;
  display: block;
  justify-content: center;
  flex-direction: column;
  cursor: zoom-in;
}



.h_g_logoTopIzquierda{
  transition: 3s;
  position: absolute;
  top: 2%;
  left: 3%;
  width: 50%;
  max-width: 250px;
  pointer-events: none;
  opacity: 100%;
}

.h_g_logoTopIzquierda.postInicioLogoTopIzq{
  transition: 1s;
}




.footerMain {
  position: absolute;
  bottom: 3px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  font-size: .55em;
  color: #388e33;
  opacity: 70%;
}

.footerAplicacion {
  padding: 0;
  margin: 1px;
  text-align: center;
}

.footerLogica {
  display: inline-block;
  font-size: 1.2em;
  font-family: arial;
}

.btnsOcultos{
  opacity: 15%;
}

.group-btn__back .deFullscreen{
  transition: all 0s; 
}

.group-btn__detalle.aviso{
  max-height: 280px;
}

.group-btn__detalle.prototipos{
  max-height: 350px;
}

.group-btn__detalle.panelAmenidades{
  max-height: 520px;
}

.group-btn__detalle.configuracion{
  /* max-height: 390px; */
  /* padding: 1.5rem 2rem; */
}

.hiddenBlur{
  /* background-color: rgb(0 0 0 / 0%); */
  /* transition: all 0.5s;  */
}

.panelContacto{
  background-color: #fff;
  border: 2px solid #c19e3f;
  cursor: unset;
  transition: all 0.3s;
  box-shadow: none;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) scale(1);
  width: 93%;
  min-width: 330px;
  max-width: 350px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 20;
  border-radius: var(--radius-panel-general);
  border: 2px solid #d7d7d7;
}




.contactoHijo{
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    height: 100%;
}

.logoEmpresaLoader{
  height: 25%;
  max-height: 140px;
  position: absolute;
  transform: translateX(-50%) translateY(-110%);
  animation-name: fadeIn;
  animation-duration: 2s;
  animation-delay: 1s;
  opacity: 0%;
  animation-fill-mode: forwards;  
}

.cargandoLoader{
  height: 25%;
  position: absolute;
  transform: translateX(-50%) translateY(70px);
  font-size: 1.3rem;
  letter-spacing: 3px;
  /* font-weight: bold; */
  animation-name: breathing;
  animation-duration: 2s;
  animation-delay: 2s;
  animation-iteration-count: infinite;
  opacity: 0%;
  /* text-transform: uppercase; */
  color: var(--color-naranja-llamativo);
}

.whatsAppBreathing{
  animation-name: breathingWhatsApp;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}

@keyframes breathing {
  0%   {opacity: 0;}
  33%  {opacity: 100;}
  66%  {opacity: 100;}
  100% {opacity: 0;}
}

@keyframes fadeIn {
  0%   {opacity: 0;}
  100%  {opacity: 100;}
}

@keyframes breathingWhatsApp {
  0%   {box-shadow: 0px 3px 3px 0px rgba(0, 141, 206, 0.1);
    -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 141, 206, 0.1)}
  50%  {box-shadow: 0px 3px 10px 0px rgba(0, 141, 206, 0.5);
    -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 141, 206, 0.5);}
  /* 66%  {box-shadow: 0px 3px 15px 0px rgba(0, 141, 206, 0.4);} */
  100% {box-shadow: 0px 3px 3px 0px rgba(0, 141, 206, 0.1);
    -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 141, 206, 0.1);}
}

@keyframes atencion {
  0% {
    /* transform: scale(1); */
    box-shadow: 0 1px 2px rgba(0, 86, 97, 0.35);
    opacity: 50%;
  }
  100% {
    /* transform: scale(1.04); */
    box-shadow: 0 4px 20px rgba(0, 86, 97, 0.35);
    opacity: 100%;
  }
}
/* @keyframes atencion {
  0%   {text-shadow: 0 0 0px #ffffff;}
  50%  {text-shadow: 0 0 10px #d3a73c;}
  100% {text-shadow: 0 0 0px #ffffff;}
} */

.atencion{

  animation: 0.8s atencion ease infinite alternate;

}
/* .atencion{


  animation-name: jump;
  animation-duration: 0.4s;
  animation-iteration-count: infinite;
} */

.loadingScreenOut {
  position: absolute;
  width: 100%;
  height: 100%;
  align-items: center;
  text-align: center;
  background-color: white;
  z-index: 9999;
  opacity: 1;
  transition: all 0.5s;
  transform: scale(1, 1);
}

.loadingScreenOutFade{
  opacity: 0;
  transition: all 0.5s;
}

.fade{
  background-color: white;
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
  transition: 0.5s;
  z-index: 999999;
}

.fadeActivo{
  opacity: 1;
}


.backFullScreen{
  border: 2px solid #060606a3;
  color: #ffffff;
  background-color: #929292;
  background-image: none;
  opacity: 80%;
}

.backFullScreen:hover{
  border: 2px solid #674b0d;
  color: #4a3f07;
  background-color: #ffffff;
  background-image: none;
}

.btnsPanelAmenidades{
  width: 100%;
  /* margin: 1.5rem; */
  /* margin: 25px auto auto auto; */
  letter-spacing: 1.2px;
  /* width: 80%; */
  /* max-width: 272px; */
  height: 2.5rem;
  box-shadow: 0px 0px 7px #ffffff;
  /* border-radius: 5px; */
  display: flex;
  justify-content: center;
  align-items: center;
  /* margin-bottom: 1rem; */
  margin-top: 1.2rem;
  font-weight: 400;
  font-size: 1.rem;
  border: solid 2px #bb9a3e;
  /* animation: elIn 1s linear; */
  transition: all 0.2s;
  transform: scale(1, 1);
  background-color: #ffffff;
  color: #bb9a3e;
  text-transform: uppercase;
}

.btnsPanelAmenidades:hover{
  border: solid 2px #e3c146;
  color: #d59a30;
  background-color: white;
}

.btnAceptarAviso{
  background-color: #01c3c3;
  color: white;
  margin: 0.1rem auto 0.5rem auto;
  width: 70%;
  letter-spacing: 1.7px;
  max-width: 232px;
  height: 2.5rem;
  box-shadow: 0px 0px 7px #ffffff;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1rem;
  font-weight: 400;
  font-size: 1.3rem;
  border: 2px solid #006168ba;
  /* animation: elIn 1s linear; */
  transition: all 0.2s;
  transform: scale(1, 1);
}

.btnAceptarAviso:hover{
  background-color: #02e3f3;
}


.haciaExperiencia.haciaExperiencia{
    font-size: 16px;
    max-width: 300px;
    width: 100%;
}




.banderasDiv{
  display: flex;
  position: absolute;
  transform: translateX(-50%) translateY(100%);
}

.banderas{
  height: 30px;
  margin: 0rem 2rem 0rem 2rem;
  transition: all 0.2s;
  box-shadow: 0px 0px 15px 10px #fff;
  cursor: pointer;
}

.banderasIntro{
  animation-name: fadeIn;
  animation-duration: 2s;
  animation-delay: 1s;
  opacity: 0%;
  animation-fill-mode: forwards;  
}

.banderasPorSeleccionar:hover{
  transform: scale(1.1);
  cursor: pointer;
}

.banderasSeleccionadas{
  transform: scale(0);
}


.pulsacionBanderas {
  opacity: 100%;
	-webkit-animation: pulsacionBanderas 3s ease-in-out 1s infinite both;
	        animation: pulsacionBanderas 3s ease-in-out 1s infinite both;
}


@-webkit-keyframes pulsacionBanderas {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  /* 10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  } */
  17% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  /* 33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  } */
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes pulsacionBanderas {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  /* 10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  } */
  17% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  /* 33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  } */
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}


.disponibilidadDptoDisponible{
  color: #1cea0e;
}

.disponibilidadDptoReservado{
  color: #ffbc00;
}



.atencionBounce{
  animation-name: shake-bottom;
  animation-duration: 2.2s;
  animation-timing-function: ease;
  animation-delay: 1s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: none;
}

@keyframes shake-bottom {
  0%{
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
  10%{
    -webkit-transform: rotate(0.5deg);
    transform: rotate(0.5deg);
  }
  20%{
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  30%{
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }
  40%{
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  50%{
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }
  60%{
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  70%{
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }
  80%{
    -webkit-transform: rotate(-0.5deg);
    transform: rotate(-0.5deg);
  }
  90%{
    -webkit-transform: rotate(0.5deg);
    transform: rotate(0.5deg);
  }
  100%{
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
}

.cargando360anim{
  margin: 1.5rem 0 1.5rem 0;
  letter-spacing: 2px;
  animation-name: breathing;
  animation-duration: 2s;
  animation-delay: 2s;
  animation-iteration-count: infinite;
}



.ubicacionBotonesPrincipalesContainer{
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  align-items: auto;
  align-content: start;
  transition: all 0.2s;
  transform: scale(1, 1);
}

.ubicacionBotonesPrincipales{
  width: 3.5rem;
  background-color: #fff;
  height: 3.5rem;
  box-shadow: 0px 0px 7px #ffffff;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid #c7a254;
  margin: 0.7em 0.7em 1.3em 0.7em;
  transition: all 0.2s;
  transform: scale(1, 1);
  pointer-events: all;
  cursor: pointer;
}
.ubicacionBotonesPrincipales:hover{
  border: 2px solid #8d691d;
}

.ubicacionTextoPrincipal{
  color: white;
  font-size: 1.3em;
  margin-bottom: 0.7rem;
  text-shadow: 0px 0px 2px #004352, 0px 0px 3px #000000;
  letter-spacing: 2px;
  text-align: center;
  transition: all 0.2s;
  transform: scale(1, 1);
  text-transform: uppercase; 
}

.ubicacionTextoSecundario{
  color: white;
  font-size: 1.5em;
  margin-bottom: 1rem;
  text-shadow: 0px 0px 2px #004352, 0px 0px 3px #000000;
  letter-spacing: 2.2px;
  text-align: center;
  transition: all 0.2s;
  transform: scale(1, 1);  
}




.h_m_ubicacionTextoSecundarioContainer{
  display: flex;
  justify-content: center;
  align-items: center;
  /* margin: 0.5em 0.5em 0.5em 0.5em; */
  transition: all 0.5s;
  transform: scale(1, 1);
  margin-bottom: -10px;
}

.h_m_ubicacionTextoSecundarioContainer2{
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0rem 1.5rem 0rem 1.5rem;
  transition: all 0.2s;
  transform: scale(1, 1);
}

.iconoUbicacionSecundario{
  margin-right: 0.5em;
  opacity: 80%;
}

.ubicacionTextoSecundarioMedida{
  color: white;
  font-size: 1.3em;
  /* text-shadow: 0px 0px 2px #004352, 0px 0px 3px #000000; */
  text-align: center;
  transition: all 0.2s;
  transform: scale(1, 1);
  text-shadow: -1px -1px 0 #3e3e3e, 1px -1px 0 #3e3e3e, -1px 1px 0 #3e3e3e, 1px 1px 0 #3e3e3e;
  white-space: nowrap;
}




.btnSeleccionarUbicacion{
  width: 100%;
  /* height: 2.5rem; */
  min-height: 2.5rem;
  padding-top: 5px;
  padding-bottom: 5px;
  
  box-shadow: 0px 0px 7px #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1rem;
  margin-top: 1rem;
  font-weight: 400;
  font-size: 15px;
  border: solid 1px var(--color-normal-generalBorde);
  transition: all 0.2s;
  transform: scale(1, 1);
  background-color: #ffffff;
  color: var(--color-btn-llamativo);
  padding-left: 1rem;
  padding-right: 1rem;
  border-radius: 7px;
  letter-spacing: 1px;
  -webkit-box-shadow: var(--boxShadow-btn-normal);
  box-shadow: var(--boxShadow-btn-normal);
  cursor: pointer;
  text-align: center;
}

.btnSeleccionarUbicacion:hover{
  background-color: var(--color-normal-hover);
}

.ubicacionSeleccionContainer{
  overflow-y: auto;
  max-height: 350px;
  margin: 1.5rem 0.5rem 0rem 0.5rem;
  width: 300px;
  padding: 0rem 0.5rem 0rem 0.5rem;
  border-radius: 10px;
  -webkit-box-shadow: var(--boxShadow-btn-normal);
  box-shadow: var(--boxShadow-btn-normal);
}














/* Para botones de seleccionar */


.selTituloPanel{
  font-size: 1.3rem;
  margin: 1rem 1rem 1rem 1rem;
  text-align: center;
  letter-spacing: 1.5px;
  color: var(--color-titulo-panel);
  width: 90%;
}
.selBotonesContainer{
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  /* height: auto; */
  margin: 0rem 2rem 0rem 2rem;
  gap: 15px;
}
.selBotonChicoSencillo{
  transition: var(--transition-normal);
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 1px solid var(--color-normal-generalBorde);
  width: 290px;
  justify-content: center;
  height: 100%;
  color: var(--color-btn-llamativo);
  border-radius: var(--radius-btns-principales);
  min-height: 33px;
  max-height: 100px;
  -webkit-box-shadow: var(--boxShadow-btn-normal); 
  box-shadow: var(--boxShadow-btn-normal);
  padding: 5px 0px 5px 0px;
  cursor: pointer;
  background-color: white;
}
.selBotonChicoSencillo:hover{
  background-color: var(--color-normal-hover);
}

.selBotonGrandeDescripcion{
  transition: var(--transition-normal);
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 1px solid var(--color-btn-llamativo);
  width: 100%;
  justify-content: space-between;
  height: 100%;
  border-radius: var(--radius-btns-principales);
  -webkit-box-shadow: var(--boxShadow-btn-normal); 
  box-shadow: var(--boxShadow-btn-normal);
  gap: 15px;
  cursor: pointer;
  background-color: white;
}
.selBotonGrandeDescripcion:hover{
  background-color: var(--color-normal-hover);
}


.selTituloBotonGrandeDescripcion{
  display: flex;
  font-size: 1.3rem;
  margin: 0.5rem 0 0.5rem 0;
  text-align: center;
  /* padding: 0 0 0; */
  letter-spacing: 1.5px;
  color: var(--color-naranja-llamativo-02);
  /* text-transform: uppercase; */
  pointer-events: none;
}
.selDescripcionBotonGrandeDescripcion{
  /* display: flex; */
  display: flex;
  font-size: 1.1rem;
  margin: 0.5rem 0 0.5rem 0;
  text-align: center;
  /* padding: 0 0 0; */
  letter-spacing: 1.5px;
  color: var(--color-naranja-llamativo-02);
  padding-right: 15px;
  padding-left: 15px;
  pointer-events: none;
}








.btns-InferioresPanelContainer{
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 1rem 2rem 1rem 2rem;
  gap: 1rem;
}

/* Botones nuevos */
.btn-ImportanteEnPanel{
  transition: var(--transition-normal);
  cursor: pointer;
  align-items: center;
  color: white;
  letter-spacing: 1px;
  font-weight: 400;
  font-size: 1.2rem;
  border: 2px solid white;
  display: flex;
  justify-content: center;
  width: 200px;
  height: 45px;
  border-radius: var(--radius-btns-principales);
  background-color: var(--color-btn-llamativo);
  -webkit-box-shadow: var(--boxShadow-btn-normal);
  box-shadow: var(--boxShadow-btn-normal);
  font-weight: 600;
  letter-spacing: 2px;
}
.btn-ImportanteEnPanel:hover{
  background-color: white;
  color: var(--color-btn-llamativo);
  border-color: var(--color-btn-llamativo);
}


.btn-Regresar{
  transition: var(--transition-normal);
  cursor: pointer;
  align-items: center;
  color: grey;
  letter-spacing: 1px;
  border: 1px solid lightgrey;
  display: flex;
  justify-content: center;
  width: 115px;
  height: 35px;
  border-radius: var(--radius-btn-regresar);
  -webkit-box-shadow: var(--boxShadow-btn-normal);
  box-shadow: var(--boxShadow-btn-normal);
  background-color: white;
}
.btn-Regresar:hover{
  background-color: whitesmoke;
}

.btn-Regresar_filtroCar{
  border-radius: var(--radius-btns-principales);
  background-color: var(--color-btn-llamativo);
  border: 2px solid white;
  color: white;
}
.btn-Regresar_filtroCar:hover{
  background-color: white;
  color: var(--color-btn-llamativo);
  border-color: var(--color-btn-llamativo);
}










.btn-EfectoSeleccionado{
  background-color: var(--color-filtrar-seleccionado);
  /* outline: 1px solid var(--color-normal-generalBorde); */
  -webkit-box-shadow: 0px 0px 0px 1px var(--color-normal-generalBorde), var(--boxShadow-btn-normal);
  box-shadow: 0px 0px 0px 1px var(--color-normal-generalBorde), var(--boxShadow-btn-normal);
  text-decoration: underline;
}
.btn-EfectoSeleccionado:hover{
  background-color: var(--color-filtrar-seleccionado);
  /* outline: 1px solid var(--color-normal-generalBorde); */
  -webkit-box-shadow: 0px 0px 0px 1px var(--color-normal-generalBorde), var(--boxShadow-btn-normal);
  box-shadow: 0px 0px 0px 1px var(--color-normal-generalBorde), var(--boxShadow-btn-normal);
}




.panelAvisoChico{
  z-index: 30;
    position: absolute;
    left: 50%;
    top: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transform: translateX(-50%) translateY(-50%) scale(1);
    transition: all 0.3s;
    width: 93%;
    min-width: 330px;
    max-width: 350px;
    background-color: #fff;
    cursor: unset;
    border-radius: 15px;
    border: 2px solid #d7d7d7;
}



.tipContainerConIcono{
  transition: all 0.2s;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid grey;
  max-width: 300px;
  background-color: white;
  border-radius: var(--radius-btns-principales);
}

.iconoTipAtencion{
  width: 35px;
  margin: 0.5rem 0.25rem 0.5rem 0.75rem;
}

.textoTipAtencion{
  font-size: 1.1em;
  letter-spacing: 2px;
  text-align: center;
  margin: 0.5rem 0.5rem 0.5rem 0.5rem;
  transition: all 0.2s;
  transform: scale(1, 1);
  white-space: nowrap;
}













.btnsInferiores{
  transition: var(--transition-normal);
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  flex-direction: column;
  left: 50%;
  bottom: 40px;
  -webkit-transform: translateX(-50%);
  pointer-events: none;
  gap: 15px;
  width: 100%;
}








/* 
.porProtContCarrusel{
  display: flex;
  align-items: center;
  justify-content: center;
} */

#porProtCarruselContainerNavegacion{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 7px;
  margin-top: 0.5rem;
}


.sliderPrototipoContainerPadre{
  width: 300px;
  border: 1px solid #d9d9d9;
  border-radius: 7px;
  background-color: #f9f9f9;
  height: 290px;
  cursor: pointer;
}

.porProtCarruselNavegacion{
  transition: var(--transition-normal);
  color: #000000;
  border: 1px solid lightgrey;
  width: 130px;
  height: 35px;
  border-radius: var(--radius-btns-chicos);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  -webkit-box-shadow: var(--boxShadow-btn-normal);
  box-shadow: var(--boxShadow-btn-normal);
  background-color: white;
}
.porProtCarruselNavegacion:hover{
  background-color: whitesmoke;
}

.porProtContCarruselDatos{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 300px;
  padding: 0.5rem 1rem 0.8rem 1rem;
  height: 290px;
}

.porProtContCarruselSlider{
  width: 100%;
}
.porProtContCarruselSliderFullscreen{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) scale(1);
  width: 100vw;
  height: 100vh;
}
/* 
.tns-horizontal.tns-subpixel>.tns-item{
  vertical-align: middle;
} */



.porProtImagenProt{
  margin: auto;
  display: block;
  max-width: 100%;
  max-height: 175px;
  border-radius: 5px;
}
.porProtImagenProtFullscreen{
  margin: auto;
  display: block;
  max-width: 100%;
  border-radius: 5px;
  height: 100%;
  object-fit: contain;
  height: 100vh;
  max-height: none;
}


.porProtTituloProt{
  font-size: 1.4rem;
  margin: 0;
  text-align: center;
  letter-spacing: 1.5px;
  color: #3E4853;
  margin-bottom: 0.5rem;
}

.porProtContM2yPrecio{
  display: flex;
  justify-content: space-between;
  /* gap: 30px; */
  width: 100%;
  margin-bottom: 0.6rem;
}

.porProtM2{
  font-size: 0.9rem;
  color: #9d9d9d;
  /* inline-size: 100px */
}

.porProtPrecio{
  font-size: 0.9rem;
  color: #5ee75c;
  text-align: right;
  /* inline-size: 80px */
}

.porProtContIconos{
  display: flex;
  gap: 30px;
  justify-content: space-evenly;
  width: 100%;
}

.porProtContIconosPair{
  align-items: center;
  display: flex;
}




#porProtTituloPrototipos{
  font-size: 1rem;
  margin: 0;
  text-align: center;
  letter-spacing: 1.5px;
  color: #3E4853;
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
}


.porProtContPrototipos{
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* gap: 10px; */
  width: 260px;
}


.porProtContBotonPrototipos{
  color: #000000;
  border: 2px solid black;
  width: 45px;
  text-align: center;
  padding: 4px;
  height: 40px;
  justify-content: center;
  display: flex;
  align-items: center;
  border-radius: 5px;
}




#tns1 > .tns-item{
  display: inline-flex;
  justify-content: center;
}
















.selDptoFachadaContainer{
  transition: var(--transition-normal);
  display: flex;
  gap: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.selDptoFachadaBotonGrande{
  transition: var(--transition-normal);
  display: flex;
  background-color: var(--color-btn-llamativo);
  border: 2px solid white;
  border-radius: var(--radius-btns-principales);
  padding: 5px;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  gap: 0px;
  width: 80px;
  pointer-events: all;
  cursor: pointer;
  -webkit-box-shadow: var(--boxShadow-btn-normal);
  box-shadow: var(--boxShadow-btn-normal);
}
.selDptoFachadaBotonGrande:hover{
  background-color: var(--color-naranja-llamativo);
  /* border-color: var(--color-normal-general); */

  /* background-color: var(--color-normal-hover);
  border: 1px solid var(--color-normal-generalBorde);
  color: var(--color-normal-general); */
}

.selDptoFachadaBotonGrandeIcono{
  display: flex;
  pointer-events: none;
}

.selDptoFachadaBotonGrandeTexto{
  display: flex;
  color: white;
  letter-spacing: 0.5px;
  pointer-events: none;
}




.selDptoFachadaBotonGrande_Split{
  display: flex;
  transition: var(--transition-normal);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  gap: 10px;
  width: 80px;
  pointer-events: all;
  cursor: pointer;
}

.selDptoFachadaBoton_Split_Escaleras{
  display: flex;
  transition: var(--transition-normal);
  display: flex;
  background-color: var(--color-naranja-llamativo);
  border: 2px solid white;
  border-radius: var(--radius-btns-principales);
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  width: 80px;
  height: 100%;
  pointer-events: all;
  cursor: pointer;
  -webkit-box-shadow: var(--boxShadow-btn-normal);
  box-shadow: var(--boxShadow-btn-normal);
  color: white;
  letter-spacing: 0.5px;
}
.selDptoFachadaBoton_Split_Escaleras:hover{
  background-color: var(--color-naranja-llamativo-02);
}

.selDptoFachadaBoton_Split_Texto{
  display: flex;
  transition: var(--transition-normal);
  display: flex;
  background-color: var(--color-btn-llamativo);
  border: 2px solid white;
  border-radius: var(--radius-btns-principales);
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  width: 80px;
  height: 100%;
  pointer-events: all;
  cursor: pointer;
  -webkit-box-shadow: var(--boxShadow-btn-normal);
  box-shadow: var(--boxShadow-btn-normal);
  color: white;
  letter-spacing: 0.5px;
}
.selDptoFachadaBoton_Split_Texto:hover{
  background-color: var(--color-normal-general);
}







/* MINI FICHA TECNICA */

.miniFichaContainer{
  transition: var(--transition-normal);
  display: flex;
  flex-direction: column;
  background-color: white;
  padding: 10px;
  border: 1px solid lightgrey;
  border-radius: var(--radius-btns-principales);
  gap: 10px;
  pointer-events: all;
  -webkit-box-shadow: var(--boxShadow-btn-normal);
  box-shadow: var(--boxShadow-btn-normal);
  justify-content: center;
}

.hileraMiniFichaContainer{
  transition: var(--transition-normal);
  display: flex;
  gap: 10px;
}

.h_d_miniFichaPrototipo{
  display: flex;
  font-size: 1.5rem;
  letter-spacing: 2px;
  color: white;
  text-shadow: -1px -1px 0 #3e3e3e, 1px -1px 0 #3e3e3e, -1px 1px 0 #3e3e3e, 1px 1px 0 #3e3e3e;
  text-align: center;
  transition: var(--transition-normal);
}

.miniFichaContainerIconos{
  display: flex;
  gap: 15px;
  margin: 0px 3px 0px 3px;
  justify-content: space-between;
  align-items: center;
}

.miniFichaContainerIconosPair{
  display: flex;
}

.miniFichaNumeroDeIconos{
  display: flex;
  font-size: 1.1rem;
  color: grey;
}

.miniFichaIconos{
  margin-left: 0.5rem;
}

.miniFichaContainerM2yVerMas{
  display: flex;
  justify-content: space-between;
  align-items: center;
  white-space: nowrap;
  gap: 10px;
}

#h_d_miniFichaMetrosCuadrados{
  letter-spacing: 2px;
  font-size: 1.1rem;
  margin-left: 3px;
  color: grey;
}

#miniFichaVerMas{
  transition: var(--transition-normal);
  display: flex;
  background-color: var(--color-normal-hover);
  padding: 3px 10px 3px 10px;
  border: 1px solid var(--color-normal-generalBorde);
  border-radius: var(--radius-btn-regresar);
  letter-spacing: 2px;
  font-size: 1rem;
  cursor: pointer;
  color: var(--color-btn-llamativo);
  -webkit-box-shadow: var(--boxShadow-btn-normal);
  box-shadow: var(--boxShadow-btn-normal);
}

#miniFichaVerMas:hover{
  background-color: var(--color-btn-llamativo);
  border-color: white;
  color: white;
}




.h_d_minificha_botonIndicadores{
  display: flex;
  background-color: var(--color-naranja-llamativo);
  border: 0px solid white;
  border-radius: var(--radius-btns-principales);
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  gap: 0px;
  width: 0px;
  height: 75px;
  pointer-events: all;
  cursor: pointer;
  -webkit-box-shadow: var(--boxShadow-btn-normal);
  box-shadow: var(--boxShadow-btn-normal);

  transition: all 0.25s;
}
.h_d_minificha_botonIndicadores:hover{
  background-color: var(--color-btn-llamativo);
}

.h_d_minificha_botonIndicadores_full{
  width: 47px;
  border: 2px solid white;
}




.h_d_minificha_iconoIndicadores{
  display: flex;
  width: 30px;
  pointer-events: none;

  transition: all 0.25s;
  transform: scale(0, 1);
}

.h_d_minificha_iconoIndicadores_full{
  transform: scale(1, 1);
}






.fichaDptoV3_01_panel{
  z-index: 30;
  position: absolute;
  left: 50%;
  top: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transform: translateX(-50%) translateY(-50%) scale(1);
  align-items: center;
  transition: all 0.3s;
  width: 93%;
  width: 350px;
  max-height: 530px;
  background-color: #fff;
  cursor: unset;
  border-radius: var(--radius-panel-general);
  border: 2px solid #d7d7d7;
  padding-top: 15px;
  /* gap: 30px; */
  padding: 20px 0px 20px 0px;
}

.fichaDptoV3_02_top{
  display: flex;
  flex-direction: row;
  width: 315px;
  gap: 10px;
  padding-bottom: 20px;
  align-items: center;
  justify-content: space-between;
}

.fichaDptoV3_02_01_nombres{
  display: flex;
  /* justify-content: space-between; */
  align-items: center;
  flex-direction: column;
  width: 100%;
  gap: 15px;
}

.fichaDptoV3_02_02_clickeables{
  display: flex;
  /* justify-content: space-between; */
  align-items: center;
  flex-direction: column;
  border: 1px solid var(--color-fichaDpto-A01);
  border-radius: var(--radius-btns-chicos);
  -webkit-box-shadow: var(--boxShadow-btn-chico);
  box-shadow: var(--boxShadow-btn-chico);
  /* width: 50%; */
  height: 100%;
}

.fichaDptoV3_02_02_01_Botones{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 15px;
  pointer-events: all;
  cursor: pointer;
}

.fichaDptoV3_02_02_02_BtnSuperior{
  display: flex;
  border-bottom: 1px solid var(--color-fichaDpto-A01);
}

.fichaDptoV3_02_02_02_noPointer{
  cursor: auto;
}

.fichaDptoV3_02_01_texto1{
  color: grey;
  font-size: 18px;
  text-align: center;
  line-height: 18px;
}

#h_d_fichaDpto_var_departamento{
  color: var(--color-texto-casiNegro);
  font-size: 32px;
  text-align: center;
}

#h_d_fichaDpto_var_precio{
    text-decoration: underline;
    font-size: 20px;
    color: var(--color-fichaDpto-A02);
    transition: var(--transition-corta);
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
}
#h_d_fichaDpto_var_precio:hover{
  transform: scale(1.05, 1.05);
}

.h_d_fichaDpto_var_disponibilidad{
  text-decoration: underline;
  font-size: 18px;
  color: #54db00;
  font-weight: 500;
  transition: var(--transition-corta);
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
}
.h_d_fichaDpto_var_disponibilidad:hover{
  transform: scale(1.05, 1.05);
}

.fichaDpto_var_disponibilidad_disponible{
  color: #54db00 !important;
}
.fichaDpto_var_disponibilidad_enNegociacion{
  color: #ffd900 !important;
}
.fichaDpto_var_disponibilidad_apartado{
  color: #ffa600 !important;
}
.fichaDpto_var_disponibilidad_vendido{
  color: #ff0000 !important;
}
.fichaDpto_var_disponibilidad_inhabilitado{
  color: rgb(197, 197, 197) !important;
}










.h_d_fichaDpto_var_metrosCuadrados{
  color: var(--color-fichaDpto-A02);
  font-size: 18px;
  letter-spacing: 1.2px;
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
}

.fichaDpto_var_metrosCuadrados_clickeable{
  text-decoration: underline;
  transition: var(--transition-corta);
}
.fichaDpto_var_metrosCuadrados_clickeable:hover{
  transform: scale(1.05, 1.05);
}








.fichaDptoV3_03_padreGrids{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 20px;
  width: 315px;
}

.fichaDptoV3_03_01_Grids{
  display: flex;
}

.fichaDptoV3_03_02_BotonDeMas{
  display: flex;
  padding: 10px;
  border: 1px solid lightgrey;
  border-radius: var(--radius-btns-chicos);
  -webkit-box-shadow: var(--boxShadow-btn-normal);
  box-shadow: var(--boxShadow-btn-normal);
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
  transition: var(--transition-corta);
}

.fichaDptoV3_03_02_BotonDeMas:hover{
  /* border: 2px solid var(--color-fichaDpto-A01); */
  transform: scale(1.025, 1.025);
}

.fichaDptoV3_03_02_01_iconoMas{
  width: auto;
  height: 22px;
  filter: invert(35%) sepia(4%) saturate(0%) hue-rotate(139deg) brightness(93%) contrast(90%);
  pointer-events: none;
}


.fichaDptoV3_03_gridContainer{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  width: var(--tamaño-fichaDptoV3_grid_ancho);
  z-index: 10;
  position: relative;
}

.fichaDptoV3_03_01_gridItem{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 100%;
  height: var(--tamaño-fichaDptoV3_grid_altoCelda);
}

.fichaDptoV3_03_gridContainer_fondo01{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  width: var(--tamaño-fichaDptoV3_grid_ancho);
  position: absolute;
}
.fichaDptoV3_03_01_gridItem_fondo01{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border: 1px solid #0000000f;
  width: 100%;
  height: var(--tamaño-fichaDptoV3_grid_altoCelda);
}

.fichaDptoV3_03_gridContainer_fondo02{
  width: var(--tamaño-fichaDptoV3_grid_ancho);
  height: var(--tamaño-fichaDptoV3_grid_alto);
  position: absolute;
  z-index: 10;
  border: 8px solid #ffffff;
}


.fichaDptoV3_03_01_metrica{
  color: darkslategrey;
  font-size: 22px;
}
.fichaDptoV3_03_01_metrica_clickeable{
  text-decoration: underline;
  cursor: pointer;
  transition: var(--transition-corta);
}
.fichaDptoV3_03_01_metrica_clickeable:hover{
  transform: scale(1.05, 1.05);
}

.fichaDptoV3_03_01_icono{
  width: 27px;
  height: auto;
  max-width: 27px;
  max-height: 27px;
  filter: invert(35%) sepia(4%) saturate(0%) hue-rotate(139deg) brightness(93%) contrast(90%);
}




.fichaDptoV3_04_botones{
  display: flex;
  flex-direction: row;
  width: 315px;
  gap: 12px;
  padding-bottom: 10px;
}

.fichaDptoV3_04_01_izquierda{
  display: flex;
  width: 45%;
}

.h_d_fichaDptoV3_04_01_plantaContainer{
  display: flex;
  border: 1px solid var(--color-fichaDpto-A01);
  border-radius: var(--radius-btns-chicos);
  -webkit-box-shadow: var(--boxShadow-btn-normal);
  box-shadow: var(--boxShadow-btn-normal);
  align-items: center;
  width: 45%;
  min-height: 120px;
  cursor: pointer;
  transition: var(--transition-corta);
  justify-content: center;
  align-items: center;
}
.h_d_fichaDptoV3_04_01_plantaContainer:hover{
  /* border: 2px solid var(--color-fichaDpto-A01); */
  transform: scale(1.025, 1.025);
}


.h_d_fichaDptoV3_04_01_lupa{
  width: 100px;
  height: 100px;
  background-color: rgb(90 87 87 / 0%);
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 50;
  background-image: url(assets/svg/lupa.svg);
  background-size: 110px;
  background-repeat: no-repeat;
  background-position: 50.5% 53.5%;
  pointer-events: none;
}

.h_d_fichaDptoV3_04_01_plantaImagen{
  width: auto;
  height: auto;
  max-height: 130px;
  max-width: 130px;
  pointer-events: none;
}

.fichaDptoV3_04_02_derecha{
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 55%;
}

.fichaDptoV3_04_02_01_botones{
  display: flex;
  gap: 10px;
  border: 1px solid var(--color-fichaDpto-A01);
  border-radius: var(--radius-btns-chicos);
  -webkit-box-shadow: var(--boxShadow-btn-normal);
  box-shadow: var(--boxShadow-btn-normal);
  justify-content: flex-start;
  align-items: center;
  min-height: 40px;
  height: 100%;
  cursor: pointer;
  transition: var(--transition-corta);
}
.fichaDptoV3_04_02_01_botones:hover{
  /* border: 2px solid var(--color-fichaDpto-A01); */
  transform: scale(1.025, 1.025);
}

.fichaDptoV3_04_02_01_icono{
  width: auto;
  height: 25px;
  filter: invert(91%) sepia(5%) saturate(6042%) hue-rotate(139deg) brightness(90%) contrast(69%);
  padding-left: 15px;
  pointer-events: none;
}

.fichaDptoV3_04_02_01_texto{
  display: flex;
  color: var(--color-fichaDpto-A02);
  font-size: 14px;
  font-weight: 500;
  pointer-events: none;
}

.fichaDptoV3_05_bottom{
  display: flex;
  width: 315px;
  gap: 12px;
  height: 45px;
}

.fichaDptoV3_05_01_regresar{
  display: flex;
  border: 1px solid lightgrey;
  border-radius: var(--radius-btns-chicos);
  -webkit-box-shadow: var(--boxShadow-btn-normal);
  box-shadow: var(--boxShadow-btn-normal);
  width: 35%;
  justify-content: space-evenly;
  align-items: center;
  cursor: pointer;
  transition: var(--transition-corta);
}
.fichaDptoV3_05_01_regresar:hover{
  /* border: 2px solid lightgrey; */
  transform: scale(1.05, 1.05);
}


.fichaDptoV3_05_01_icono{
  display: flex;
  filter: invert(91%) sepia(1%) saturate(799%) hue-rotate(89deg) brightness(96%) contrast(81%);
  width: 10px;
  pointer-events: none;
}

.fichaDptoV3_05_01_textoRegresar{
  display: flex;
  color: #787878;
  pointer-events: none;
}

.h_d_fichaDptoV3_05_02_meInteresa{
  display: flex;
  color: var(--color-fichaDpto-B02);
  border: 2px solid var(--color-fichaDpto-B01);
  border-radius: var(--radius-btns-chicos);
  -webkit-box-shadow: var(--boxShadow-btn-normal);
  box-shadow: var(--boxShadow-btn-normal);
  width: 65%;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  letter-spacing: 1.1px;
  cursor: pointer;
  background-color: var(--color-fichaDpto-B03);
  transition: var(--transition-corta);
}
.h_d_fichaDptoV3_05_02_meInteresa:hover{
  /* border: 3px solid var(--color-fichaDpto-B01); */
  background-color: #c2b096;

  transform: scale(1.025, 1.025);
}



.fichaDptoV3_textoDisclaimer{
  display: flex;
  width: 320px;
  font-size: 12px;
  color: darkgrey;
  text-align: center;
  padding-bottom: 10px;
}



.fichaDptoV3_aviso{
  z-index: 99999;
  position: absolute;
  left: 50%;
  top: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transform: translateX(-50%) translateY(-50%) scale(1);
  align-items: center;
  max-width: 250px;
  max-height: 530px;
  min-width: 230px;
  background-color: #fff;
  cursor: unset;
  border-radius: var(--radius-panel-general);
  border: 2px solid #d7d7d7;
  padding: 30px;
  gap: 5px;
  -webkit-box-shadow: var(--boxShadow-btn-grande);
  box-shadow: var(--boxShadow-btn-grande);
  transition: var(--transition-normal);
  cursor: pointer;
}

.fichaDptoV3_aviso_texto{
  display: flex;
  color: var(--color-texto-casiNegro);
  text-align: center;
}

.fichaDptoV3_aviso_contenedorDeListado{
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: flex-start;
}

.fichaDptoV3_aviso_listado{
  display: flex;
  color: var(--color-texto-casiNegro);
  /* text-align: center; */
  font-size: 18px;
}

.fichaDptoV3_aviso_metrosCuadrados_container{
  display: flex;
  justify-content: space-between;
  gap: 15px;
  width: 100%;
  font-size: 20px;
}
.fichaDptoV3_aviso_metrosCuadrados_izquierda{
  display: flex;
  color: grey;
}
.fichaDptoV3_aviso_metrosCuadrados_derecha{
  display: flex;
  color: var(--color-texto-casiNegro);
}
.h_d_fichaDptoV3_aviso_metrosCuadrados_total{
  display: flex;
  color: var(--color-texto-casiNegro);
}
.h_d_fichaDptoV3_aviso_metrosCuadrados_disclaimer_container{
  width: 100%;
  padding-top: 10px;
}
.h_d_fichaDptoV3_aviso_metrosCuadrados_disclaimer{
  display: flex;
  color: #9d9d9d;
  font-size: 15px;
  /* max-width: 160px; */
  text-align: center;
}


.h_d_fichaDptoV3_aviso_irHacia360_confirmar{
  display: flex;
  color: var(--color-fichaDpto-B02);
  border: 2px solid var(--color-fichaDpto-B01);
  border-radius: var(--radius-btns-chicos);
  -webkit-box-shadow: var(--boxShadow-btn-normal);
  box-shadow: var(--boxShadow-btn-normal);
  width: 100px;
  height: 40px;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  letter-spacing: 1.1px;
  cursor: pointer;
  background-color: var(--color-fichaDpto-B03);
  transition: var(--transition-corta);
  margin-top: 15px;
  transform: scale(1, 1);
}
.h_d_fichaDptoV3_aviso_irHacia360_confirmar:hover{
  transform: scale(1.1, 1.1);
}






.group-btn__detalle-background_aviso{
  content: '';
  position: fixed;
  width: 100%;
  height: 100%;
  color: white;
  /* background-color: rgb(0 0 0 / 50%); */
  transition: var(--transition-paneles); 
  z-index: 21;
  -webkit-box-shadow: var(--boxShadow-btn-normal);
  box-shadow: var(--boxShadow-btn-normal);
}
.group-btn__detalle-background_aviso.hidden {
  display: none;
}








/* Carrusel de fotos normales */
.h_d_fichaDptoV3_slider01_fotos{
  position: relative;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) scale(1);
  width: 100%;
  height: 100%;
  background-color: white;
  z-index: 99998;
}

#h_d_fichaDptoV3_slider01_01_paraBorrar{
  margin: 0px;
  width: 100%;
  height: 100%;
}

#h_d_fichaDptoV3_slider01_01_padre_DIV-iw {
  margin: 0px;
  width: 100%;
  height: 100%;
}

.fichaDptoV3_slider01_02_container{
  display: flex;
  height: 100%;
}

.fichaDptoV3_slider01_03_fotos{
  margin: auto;
  display: block;
  max-width: 100%;
  border-radius: 5px;
  height: 100%;
  width: 100%;
  object-fit: contain;
  max-height: none;
  padding: 20px;
}




/* Carrusel de plantas normales */
.h_d_fichaDptoV3_slider02_plantas{
  position: relative;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) scale(1);
  width: 100%;
  height: 100%;
  background-color: white;
  z-index: 99998;
}

#h_d_fichaDptoV3_slider02_01_paraBorrar{
  margin: 0px;
  width: 100%;
  height: 100%;
}

#h_d_fichaDptoV3_slider02_01_padre_DIV-iw {
  margin: 0px;
  width: 100%;
  height: 100%;
}

.fichaDptoV3_slider02_02_container{
  display: flex;
  height: 100%;
}

.fichaDptoV3_slider02_03_plantas{
  margin: auto;
  display: block;
  max-width: 100%;
  border-radius: 5px;
  height: 100%;
  width: 100%;
  object-fit: contain;
  max-height: none;
  padding: 20px;
}





































/* ! OLD */
.panelFichaTecnica{
  z-index: 30;
  position: absolute;
  left: 50%;
  top: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transform: translateX(-50%) translateY(-50%) scale(1);
  align-items: center;
  transition: all 0.3s;
  width: 93%;
  min-width: 330px;
  max-width: 350px;
  max-height: 530px;
  background-color: #fff;
  cursor: unset;
  border-radius: var(--radius-panel-general);
  border: 2px solid #d7d7d7;
  padding-top: 15px;
  gap: 10px;
}


.fichaDptosContainer1{
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  margin: 1rem 2rem 1rem 2rem;
}

.fichaDptosContainer2{
  display: flex;
  /* flex-direction: row; */
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: stretch;
  margin: 0rem 0rem 0rem 0rem;
  width: 100%;
  padding: 0px 50px 0px 50px;
}
.fichaDptosContainer3{
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  /* align-items: center; */
  align-content: stretch;
  margin: 0rem 0rem 0rem 0rem;
  width: 100%;
  padding: 0px 50px 0px 50px;
}

.fichaDptosContainerB_m2{
  display: flex;
  justify-content: flex-end;
  /* width: 180px; */
  gap: 10px;
}

.fichaDptosContainerC_m2{
  display: flex;
  flex-flow: row;
  justify-content: flex-end;
  gap: 15px;
}

.fichaDptosContainerD_m2{
  display: flex;
  flex-direction: column;
  text-align: right;
}

.fichaDptosContainerIconos0{
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0px 50px 0px 50px;
}

.fichaDptosContainerIconos1{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	align-content: stretch;
}

.fichaDptosContainerIconos2{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: stretch;
  margin: 0.5rem 0.5rem 0.5rem 0.5rem;
}

#fichaDptoTextoNombre{
  letter-spacing: 2px;
  font-size: 1.8rem;
  color: black;
  text-align: center;
}

.fichaDptoTextoDisponibilidad{
  text-decoration: underline;
  letter-spacing: 1.5px;
  font-size: 18px;
  cursor: pointer;
  /* color: black; */
}

.especial_fichaDptoTextoNombre_Centrado{
  width: 100%;
}

.fichaDptoTextoDisponibilidadDisponible{
  color: #54db00;
}
.fichaDptoTextoDisponibilidadEnNegociacion{
  color: #ffd900;
}
.fichaDptoTextoDisponibilidadApartado{
  color: #ffa600;
}
.fichaDptoTextoDisponibilidadVendido{
  color: #ff0000;
}
.fichaDptoTextoDisponibilidadInhabilitado{
  color: rgb(197, 197, 197);
}

#fichaDptoTextoMetros{
  letter-spacing: 1px;
  color: grey;
  font-size: 18px;
}
.fichaDptoTextoMetros02{
  letter-spacing: 1px;
  color: grey;
  font-size: 18px;
}

#fichaDptoTextoPrecio{
  text-decoration: underline;
  cursor: pointer;
  /* letter-spacing: 1.8px; */
  font-size: 18px;
  color: #0e9bff;
  margin: 0.3rem 0.0rem 0.3rem 0.0rem;
}

#fichaDptoTextoPrototipo{
  /* cursor: pointer; */
  /* letter-spacing: 1px; */
  font-size: 18px;
  color: black;
  font-weight: 400;
}

#fichaDptoTextoTorre{
  /* text-decoration: underline;
  cursor: pointer; */
  /* letter-spacing: 1.8px; */
  font-size: 18px;
  /* color: #0e9bff; */
  color: grey;
  /* margin: 0.3rem 0.0rem 0.3rem 0.0rem; */
}

#fichaDptoTextoCalentador{
  color: grey;
  letter-spacing: 1px;
}

.fichaNumeroDeIconos{
  font-size: 23px;
  color: grey;
}

.fichaIconos{
  margin-left: 0.7rem;
}

.fichaDptoNoFlex{
  opacity: 10%;
}

.fichaDptosContainerBotones{
  display: flex;
  flex-direction: column;
  width: 250px;
  gap: 10px;
}

.fichaDptosContainerBotones2{
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 70px;
  gap: 10px;
}

.fichaDptoBotonVariante {
  transition: var(--transition-normal);
  display: flex;
  color: white;
  background-color: var(--color-btn-llamativo);
  letter-spacing: 1px;
  font-size: 1.1rem;
  border: 2px solid white;
  border-radius: 5px;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  -webkit-box-shadow: var(--boxShadow-btn-normal);
  box-shadow: var(--boxShadow-btn-normal);
  cursor: pointer;
}
.fichaDptoBotonVariante:hover{
  background-color: white;
  border-color: var(--color-normal-general);
  color: var(--color-normal-general);
}

.fichaDptosContainerBotonFotos{
  transition: var(--transition-normal);
  display: flex;
  width: 50%;
  background-color: white;
  border: 2px solid lightgrey;
  border-radius: var(--radius-btns-principales);
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  -webkit-box-shadow: var(--boxShadow-btn-normal);
  box-shadow: var(--boxShadow-btn-normal);
  color: grey;

}
.fichaDptosContainerBotonFotos:hover{
  color: var(--color-normal-general);
  border-color: var(--color-naranja-llamativo);
}

.fichaDptosContainerBoton_subBotones{
  transition: var(--transition-normal);
  display: flex;
  width: 50%;
  background-color: white;
  border: 2px solid var(--color-normal-generalBorde);
  border-radius: var(--radius-btns-principales);
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  -webkit-box-shadow: var(--boxShadow-btn-normal);
  box-shadow: var(--boxShadow-btn-normal);
  color: grey;

}
.fichaDptosContainerBoton_subBotones:hover{
  /* color: var(--color-normal-general); */
  border-color: var(--color-btn-llamativo);
}
.fichaDptosContainerBoton_subBotones_disabled{
  pointer-events: none;
  opacity: 40%;
}

.fichaDptoIconoFotos{
  display: flex;
  pointer-events: none;
  width: 35px;
}

.fichaDptoIcono_btns{
  display: flex;
  pointer-events: none;
  width: 35px;
}

.fichaDptoTextoBotonFotos{
  pointer-events: none;
}




/* Slider de fotos en ficha tecnica */

.sliderFotosFichaDptoContainerPadre{
  position: relative;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) scale(1);
  width: 100%;
  height: 100%;
  background-color: white;
  z-index: 99998;
}


.sliderFotosFichaDptoContainer1{
  display: flex;
  height: 100%;
}


.fotosFichaDpto{
  margin: auto;
  display: block;
  max-width: 100%;
  border-radius: 5px;
  height: 100%;
  width: 100%;
  object-fit: contain;
  /* height: 100vh; */
  /* height: -webkit-fill-available; */
  max-height: none;
  padding: 20px;
}


.flechasFichaDpto{
  transition: var(--transition-normal);
  height: 5%;
  position: absolute;
  top: 50%;
  transition: all 0.3s;
  z-index: 20;
  cursor: pointer;
  z-index: 999999;
  transform: scale(1);
  opacity: 60%;
}
.flechasFichaDpto:hover{
  transform: scale(0.9);
}



















#h_a_tituloMasInformacionAmenidades{
  transition: var(--transition-normal);
  display: flex;
  font-size: 1.5rem;
  letter-spacing: 2px;
  color: white;
  text-shadow: -1px -1px 0 #3e3e3e, 1px -1px 0 #3e3e3e, -1px 1px 0 #3e3e3e, 1px 1px 0 #3e3e3e;
}


.btn_MasInformacionAmenidades{
  transition: var(--transition-normal);
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 2px solid white;
  border-radius: 7px;
  background-color: var(--color-btn-llamativo);
  color: white;
  padding: 20px;
  font-size: 1.1rem;
  letter-spacing: 1px;
  pointer-events: all;
  cursor: pointer;
  -webkit-box-shadow: var(--boxShadow-btn-normal);
  box-shadow: var(--boxShadow-btn-normal);
}
.btn_MasInformacionAmenidades:hover{
  border-color: var(--color-normal-general);
  color: var(--color-normal-general);
  background-color: white;
}








#h_a_fotoPanelMasInfoAmenidades{
  transition: var(--transition-normal);
  width: 90%;
  border-radius: 7px;
  -webkit-box-shadow: var(--boxShadow-btn-normal);
  box-shadow: var(--boxShadow-btn-normal);
  cursor: pointer;
  margin-bottom: 20px;
  transform: scale(1);
}
#h_a_fotoPanelMasInfoAmenidades:hover{
  transform: scale(0.97);
}


#h_a_fotoPanelVisitaNuestroShowroom{
  transition: var(--transition-normal);
  width: 90%;
  border-radius: 7px;
  -webkit-box-shadow: var(--boxShadow-btn-normal);
  box-shadow: var(--boxShadow-btn-normal);
  cursor: pointer;
  margin-bottom: 20px;
  transform: scale(1);
}



.h_a_descripcionPanelMasInfoAmenidades{
  display: flex;
  color: grey;
  margin-top: 10px;
  margin: 0px 25px 10px 25px;
}


/* .fotoAmenidades_container{
  border-radius: 10px;
} */












.h_d_panelIndicador_imgContainer{
  display: flex;
  border: 1px solid var(--color-fichaDpto-A01);
  border-radius: var(--radius-btns-chicos);
  -webkit-box-shadow: var(--boxShadow-btn-normal);
  box-shadow: var(--boxShadow-btn-normal);
  align-items: center;
  /* max-width: 90%;
  min-height: 120px; */
  cursor: pointer;
  transition: var(--transition-corta);
  justify-content: center;
  align-items: center;
  margin-top: 1rem;
}
.h_d_panelIndicador_imgContainer:hover{
  transform: scale(1.025, 1.025);
}



.h_d_panelIndicador_img{
  width: auto;
  height: auto;
  max-height: 200px;
  max-width: 300px;
  pointer-events: none;
  padding: 10px;
}




.h_d_tituloPanelIndicador{
  font-size: 1.3rem;
  margin: 1rem 1rem 0rem 1rem;
  text-align: center;
  letter-spacing: 1.5px;
  color: var(--color-titulo-panel);
  width: 90%;
}

.h_d_fotoPanelIndicador{
  transition: var(--transition-normal);
  width: 90%;
  border-radius: 7px;
  -webkit-box-shadow: var(--boxShadow-btn-normal);
  box-shadow: var(--boxShadow-btn-normal);
  cursor: pointer;
  margin-top: 1rem;
  transform: scale(1);
}
.h_d_fotoPanelIndicador:hover{
  transform: scale(0.97);
}

.h_d_descripcionPanelIndicador{
  display: flex;
  color: grey;
  margin: 1rem 25px 0px 25px;
}


.h_d_panelIndicador_interno_cambio{
  border: 4px solid #ff7467;
}

.h_d_panelIndicador_interno_imagenes{
  border: 4px solid #a1e0a7;
}

.h_d_panelIndicador_interno_acabados{
  border: 4px solid #f18cdf;
}

.h_d_panelIndicador_interno_informacion{
  border: 4px solid #9cd2e7;
}

.h_d_panelIndicador_interno_especial{
  border: 4px solid #edd658;
}





/* Carrusel de fotos de Indicadores */
.h_d_panelIndicador_slider03_fotos{
  position: relative;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) scale(1);
  width: 100%;
  height: 100%;
  background-color: white;
  z-index: 99998;
}

#h_d_panelIndicador_slider03_01_paraBorrar{
  margin: 0px;
  width: 100%;
  height: 100%;
}

#h_d_panelIndicador_slider03_01_padre_DIV-iw {
  margin: 0px;
  /* width: 100%;
  height: 100%; */
}

#h_d_panelIndicador_slider03_01_padre_DIV-mw {
  overflow: hidden;
  height: 100%;
  width: 100%;
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  justify-content: center;
}


.tns-horizontal.tns-subpixel>.tns-item{
  display: inline-flex;
    vertical-align: middle;
    white-space: normal;
}

.tns-horizontal.tns-subpixel>.tns-item{
  display: inline-flex;
    vertical-align: middle;
    white-space: normal;
}



.panelIndicador_slider03_02_container{
  display: flex;
  height: 100%;
  display: inline-flex !important;
  vertical-align: middle !important;
  white-space: normal !important;
}

.panelIndicador_slider03_03_fotos{
  margin: auto;
  display: block;
  max-width: 100%;
  border-radius: 5px;
  /* height: 100%;
  width: 100%; */
  object-fit: contain;
  max-height: none;
  padding: 20px;
}



























#containerHorizontalDeCategoriasYLista{
  transition: var(--transition-normal);
  display: flex;
  gap: 10px;
  pointer-events: all;
}

#containerIconosCategoriasUbicacion{
  transition: var(--transition-normal);
  display: flex;
  background-color: white;
  padding: 10px;
  border: 1px solid lightgrey;
  border-radius: 5px;
  flex-direction: column;
  gap: 10px;
  -webkit-box-shadow: var(--boxShadow-btn-normal);
  box-shadow: var(--boxShadow-btn-normal);
}

.containerTresIconosCategoriasUbicacion{
  display: flex;
  gap: 10px;
  max-width: 210px;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

.btns_CategoriaUbicacion{
  transition: var(--transition-normal);
  display: flex;
  justify-content: center;
  align-items: auto;
  transition: all 0.2s;
  transform: scale(1, 1);
  /* background-color: var(--color-normal-general); */
  align-items: center;
  height: 45px;
  width: 45px;
  border: 1px solid lightgrey;
  border-radius: 7px;
  -webkit-box-shadow: var(--boxShadow-btn-normal);
  box-shadow: var(--boxShadow-btn-normal);
  cursor: pointer;
}
.btns_CategoriaUbicacion:hover{
  background-color: #fff9ef;
  /* background-color: var(--color-normal-hover); */
  border: 1px solid var(--color-normal-generalBorde);
}


#btnListadoDeUbicaciones{
  transition: var(--transition-normal);
  display: flex;
  width: 60px;
  background-color: var(--color-btn-llamativo);
  border: 2px solid white;
  border-radius: 7px;
  /* height: 100%; */
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /* gap: 5px; */
  cursor: pointer;
  -webkit-box-shadow: var(--boxShadow-btn-normal);
  box-shadow: var(--boxShadow-btn-normal);
}
#btnListadoDeUbicaciones:hover{
  background-color: var(--color-naranja-llamativo);
}


.btnUbicacion_GoogleMaps{
  transition: var(--transition-normal);
  display: flex;
  justify-content: center;
  align-items: auto;
  transition: all 0.2s;
  transform: scale(1, 1);
  /* background-color: var(--color-normal-general); */
  align-items: center;
  /* height: 45px;
  width: 45px; */
  border: 1px solid lightgrey;
  border-radius: 7px;
  -webkit-box-shadow: var(--boxShadow-btn-normal);
  box-shadow: var(--boxShadow-btn-normal);
  cursor: pointer;
}
.btnUbicacion_GoogleMaps:hover{
  background-color: #fff9ef;
  border: 1px solid var(--color-normal-generalBorde);
}


.mapaUI_iconoCategorias{
  height: 35px;
  pointer-events: none;
}



.mapaUI_IconoLista{
  display: flex;
  pointer-events: none;
}

.mapaUI_TextoLista{
  display: flex;
  color: white;
  letter-spacing: 1px;
  pointer-events: none;
}

/* 


display: flex;
  font-size: 1.5rem;
  letter-spacing: 2px;
  color: white;
  text-shadow: -1px -1px 0 #3e3e3e, 1px -1px 0 #3e3e3e, -1px 1px 0 #3e3e3e, 1px 1px 0 #3e3e3e;


 */






/* Dibujos */
.dibujo_btn_grande{
height: 50px;
pointer-events: none;
filter: var(--color-iconos-generales);
}













.wrapper_btns_topRight{
  position: absolute;
  right: 3%;
  top: 2%;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-end;
  pointer-events: none;
}

.wrapper_leyenda_estatus{
  display: flex; 
  flex-direction: column;
  gap: 5px; 
  font-size: 14px;
  color: white;
  background-color: #fffffff0;
  border-radius: 10px;
  padding: 10px;
  min-width: 110px;
  max-width: 110px;
  border: 1px solid lightgrey;
  border-radius: var(--radius-btns-principales);
  pointer-events: all;
  -webkit-box-shadow: var(--boxShadow-btn-normal);
  box-shadow: var(--boxShadow-btn-normal);
  transition: var(--transition-normal);
  pointer-events: none;
}

.leyenda_estatus{
  --clr-leyenda-secundario: white;
  text-shadow: -1px -1px 0 white, 1px -1px 0 var(--clr-leyenda-secundario), -1px 1px 0 var(--clr-leyenda-secundario), 1px 1px 0 var(--clr-leyenda-secundario);
  text-shadow: -0.5px -0.5px 0 white, 0.5px -0.5px 0 var(--clr-leyenda-secundario), -0.5px 0.5px 0 var(--clr-leyenda-secundario), 0.5px 0.5px 0 var(--clr-leyenda-secundario);
  text-align: end;
  color: grey;
}

.wrapper_leyenda_estatus_renglon{
  display: flex;
  flex-direction: row;
  gap: 6px;
  align-items: center;
}

.color_leyenda_estatus{
  background-color: var(--clr-leyenda-principal, white);
  width: 10px;
  height: 10px;
  /* border: 2px solid white; */
  border-radius: 20px;
}

.btns_topRight{

  transition: all 0.3s;
  z-index: 20;
  transform: scale(1, 1);
  display: flex;
  gap: 15px;
  pointer-events: none;
}

/* .btns_topRight{
  position: absolute;
  right: 3%;
  top: 2%;
  transition: all 0.3s;
  z-index: 20;
  transform: scale(1, 1);
  display: flex;
  gap: 15px;
  pointer-events: none;
} */

.icono_container01{
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background-color: var(--color-normal-general);
  border-radius: 100%;
  border: 2px solid white;
  -webkit-box-shadow: var(--boxShadow-btn-normal);
  box-shadow: var(--boxShadow-btn-normal);
  transition: var(--transition-normal);
  pointer-events: all;
}

.icono01{
  pointer-events: none;
  width: 100%;
}

.h_g_btns_iframe_container{
  display: flex;
  flex-direction: column;
  gap: 15px;
  transition: var(--transition-normal);
  opacity: 100%;
}




#h_g_btn_home{
  width: 60px;
  height: 60px;
  padding: 14px;
}





.h_g_btns_iframe_width{
  width: 60px;
  height: 60px;
  padding: 12px;
  border-radius: 10px;
  pointer-events: all;
}



.icono_container01:hover{
  background-color: var(--color-btn-llamativo);
}










.tacheEsquinaContainer{
  transition: var(--transition-normal);
  height: 70px;
  position: absolute;
  right: 10px;
  top: 10px;
  transition: all 0.3s;
  z-index: 20;
  cursor: pointer;
  transform: scale(1);
  opacity: 50%;
  z-index: 999999;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.tacheEsquinaContainer:hover{
  transform: scale(0.9);
}




.btn-detalle__btngroup360Cargando{
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}





.panelEscalerasCaminando1{
  transition: all 0.3s;
  position: absolute;
  transform: translateX(-50%) translateY(-50%) scale(1);
  max-height: 140px;
  max-width: 200px;
  min-width: 200px;
  z-index: 30;
  left: 50%;
  top: 50%;
  width: 50%;
  /* height: 95%; */
  min-width: 250px;
  max-width: 270px;
  /* max-height: 530px; */
  border-radius: var(--radius-btns-principales);
  background-color: #fff;
  cursor: unset;
  /* border-radius: 5px; */
  border: 2px solid var(--color-normal-generalBorde);
}


.panelEscalerasCaminando2{
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}

.btn_Okay{
  cursor: pointer;
  background-color: white;
  border: solid 2px var(--color-normal-generalBorde);
  width: 8rem;
  border-radius: var(--radius-btns-principales);
  height: 2.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--color-normal-general);
  box-shadow: 0px 0px 7px #ffffff;
  letter-spacing: 2px;
  transition: all 0.2s;
  transform: scale(1, 1);
  pointer-events: all;
  font-size: 22px;
}
.btn_Okay:hover{
  border: solid 2px var(--color-normal-generalBorde);
  color: white;
  background-color: var(--color-normal-generalBorde);
}
.btn_Okay_disabled{
  pointer-events: none;
  opacity: 40%;
  -webkit-box-shadow: none;
  box-shadow: none;
}




.h_d_panel_DisclaimerHacia360{
  transition: all 0.3s;
  position: absolute;
  transform: translateX(-50%) translateY(-50%) scale(1);
  z-index: 30;
  left: 50%;
  top: 50%;
  max-width: 300px;
  border-radius: var(--radius-btns-principales);
  background-color: #fff;
  cursor: unset;
  border: 2px solid var(--color-normal-generalBorde);
}
.panel_containerBtn_Hacia360{
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}














.group-btn__detalle.panelCargando{
  max-height: 140px;
  max-width: 200px;
  min-width: 200px;
}


.cargandoAnim{
  margin: 1.2rem 0 1.2rem 0;
  letter-spacing: 2px;
  animation-name: breathing;
  animation-duration: 2s;
  animation-delay: 2s;
  animation-iteration-count: infinite;
}


.btn-detalle__btngroupCargando{
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}



















/* Fondo de paneles */
.h_g_misc_fondoDePaneles{
  position: fixed;
  width: 100%;
  height: 100%;
  color: white;
  background-color: rgb(0 0 0 / 40%);
  transition: 0.2s; 
  z-index: 20;
}
.h_g_misc_fondoDePaneles.hidden {
  display: none;
}




































.tns-horizontal.tns-subpixel>.tns-item {
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
}



.tns-outer {
  padding: 0 !important;
  height: 100%;
  width: 100%;
}

.tns-ovh {
  overflow: hidden;
  height: 100%;
  width: 100%;
}

#sliderFotosFichaDptoDiv-iw {
  margin: 0px;
  width: 100%;
  height: 100%;
}


.tns-slider {
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  transition: all 0s;
  height: 100%;
}











.spinnerBottomLeft{
  position: absolute;
  bottom: 1%;
  left: 3%;
  opacity: 50%;
  transition: all 0.3s;
}

.spinnerBottomLeft img{
  height: 2rem;
}

.spinnerBottomLeftOculto{
  opacity: 0%;
}


#tConfiguracion{
  pointer-events: all;
}


.tooltip_cargando{
  height: 90px;
  position: absolute;
  transform: translateX(-50%) translateY(30vh);
  animation-name: fadeIn;
  animation-duration: 2s;
  animation-delay: 1s;
  opacity: 0%;
  animation-fill-mode: forwards;
  filter: var(--color-iconos-soloHue);
}

.tooltip_normal{
  display: flex;
  background-color: white;
  padding: 15px;
  width: 250px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -khtml-border-radius: 20px;
  -moz-border-radius: 20px;
  border: 2px solid var(--color-btn-llamativo);
  /* outline: 2px solid white; */
  /* -webkit-box-shadow: var(--boxShadow-btn-normal);
  box-shadow: var(--boxShadow-btn-normal); */
  -webkit-box-shadow: 0px 0px 0px 2px #ffffff, var(--boxShadow-btn-normal);
  box-shadow: 0px 0px 0px 2px #ffffff, var(--boxShadow-btn-normal);
  cursor: pointer;
  pointer-events: none;
  opacity: 100%;
  transition: 0.4s;
  filter: var(--color-iconos-generales);
}


.tooltip_mouse_normal_container{
  position: fixed;
  width: 100%;
  height: 100%;
  transition: 0.2s;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  opacity: 100%;
}



#infoLogoProyecto{
  width: 50%;
  margin: 1rem 1rem 1.5rem 1rem;
}














/* If the screen size is 601px or more, set the font-size of <div> to 80px */
@media only screen and (min-width: 801px) {
  .logoTopIzquierdaSml {
    visibility: hidden;
    height: 0;
    position: absolute;
  }
  .logoTopIzquierdaBig {
    visibility: visible;
  }
  #h_g_btnContacto{
    width: 100px;
    height: 100px;
    padding: 27px;
  }
}

/* If the screen size is 600px or less, set the font-size of <div> to 30px */
@media only screen and (max-width: 800px) {
  .logoTopIzquierdaSml {
    visibility: visible;
  }
  .logoTopIzquierdaBig {
    visibility: hidden;
    height: 0;
    position: absolute;
  }
  #h_g_btnContacto{
    width: 60px;
    height: 60px;
    padding: 14px;
  }
  #h_g_btn_home{
    width: 45px;
    height: 45px;
    padding: 9px;    
  }
}









.hiddenLogoIzquierda{
  opacity: 0%;
}


.hiddenFondoDePaneles{
  opacity: 0%;
  /* display: none; */
}
.hiddenFondoDePaneles1{
  display: none;
}


.opacity50{
  opacity: 50%;
}


.hiddenPanel{
  transform: translateX(-50%) translateY(-50%) scale(0);
  opacity: 0%;
}

.hidden2{
  visibility: hidden;
  transform: scale(0, 0);
}

.hidden1{
  visibility: hidden;
  transform: scale(0, 0);
  opacity: 0%;
}

.hiddenEspacio{
  display: none;
}

.noPointer{
  pointer-events: none;
}