html {
  font-size: 16px; /* 1rem = 16px */
}





@font-face {
  font-family: "Inter";
  src: url("../../fonts/inter/Inter-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../../fonts/inter/Inter-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../../fonts/inter/Inter-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../../fonts/inter/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../../fonts/inter/Inter-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../../fonts/inter/Inter-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../../fonts/inter/Inter-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../../fonts/inter/Inter-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../../fonts/inter/Inter-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
.inter {
  font-family: "Inter", sans-serif;
}
@font-face {
  font-family: "Retro";
  src: url("../../fonts/retro/RetroSignature.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
.retro {
  font-family: "Retro", sans-serif;
}


.barraGlass {
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 3.7500rem;
    border-radius: 50rem;
    padding-right: 1.2500rem;
    padding-left: 1.2500rem;
    z-index: 1000;
    background: #00000050;
    backdrop-filter: blur(12px) saturate(60%);
    -webkit-backdrop-filter: blur(12px) saturate(60%);
    position: absolute;
    bottom: 10vh;
    left: 50%;
    transform: translateX(-50%);
    width: 35%;
}

.barraGlass_deptos {
    margin-bottom: 0.8125rem;
}


.contenedorBannerInfo-v2 {
    position: absolute;
    left: 50%;
    /* top: 50%; */
     top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

/* ---------- BOTÓN ---------- */
.btnRojoHoverRojoColorBlanco {
  padding: 0;
  height: 3.7500rem;
  border: 1px solid #E52528;
  border-radius: 50rem;
  display: inline-flex;
  align-items: center;

  color: #FFF;
  background:#DC0406;
  cursor: pointer;
  overflow: hidden;
  transition: background 0.25s ease, color 0.25s ease, padding-right 0.25s ease;



}

.btnRojoHoverRojoColorBlanco.bannerHome {
    position: absolute;
    left: 46%;
    top: 68%;
   --grow: 1.8750rem; /* cuánto “crece” a la derecha */
    padding: 0 1.8750rem;
      gap: 0.7500rem;
}

.btnRojoHoverRojoColorBlanco.cotizador {

    background-color: #404040;
    border: 1px solid #404040;
    color:white;
   --grow: 1.8750rem; /* cuánto “crece” a la derecha */
    padding: 0 1.8750rem;
      gap: 0.7500rem;
}

.btnRojoHoverRojoColorBlanco.cotizador:hover {
    background-color: #000;
    border: 1px solid #000;
}

.btnRojoHoverRojoColorBlanco.bannerHome .btn-label {
   margin-left: 0.3125rem;
}



/* ---------- FLECHAS ---------- */
.btnRojoHoverRojoColorBlanco .btn-arrow {
  position: relative;
  width: 1.1250rem; /* ancho de la flecha */
  height: 0.9375rem;
}

.btnRojoHoverRojoColorBlanco .btn-arrow img {
  position: absolute;
  inset: 0;
  display: block;
  transition: opacity 0.25s ease;
}

.btnRojoHoverRojoColorBlanco .btn-arrow .blanca {
  opacity: 0;
} /* solo roja visible por defecto  */
.btnRojoHoverRojoColorBlanco .btn-arrow .roja {
  opacity: 1;
    transition: all 0.25s ease;

}

/* ---------- HOVER ---------- */
.btnRojoHoverRojoColorBlanco:hover {
  background: #E52528;
  color: #fff;

}

.btnRojoHoverRojoColorBlanco:hover.bannerHome {
 padding-right: calc(1.8750rem + var(--grow));
}

.btnRojoHoverRojoColorBlanco:hover.cotizador {
 padding-right: calc(1.8750rem + var(--grow));
}

.btnRojoHoverRojoColorBlanco:hover .btn-arrow .roja {
  transform: translateX(1.5rem);
}


.segundaSeccionProyectoV2 , .terceraSeccionProyectoV2 , .cuartaSeccionProyectoV2 , .quintaSeccionProyectoV2 , .sextaSeccionProyectoV2 , .septimaSeccionProyectoV2 {
    margin-top: 6.2500rem;
}
.quintaSeccionProyectoV2 {
    padding-top: 3.1250rem;
}

.textoComunaFondo {
    font-size: 26.25rem;
    color: #00000008;
    position: absolute;
     line-height: 8.4375rem;
}

.textoComunaFondoVecino {
    font-size:10.0000rem;
    color: #000000;
    line-height: 6.2500rem;

}

.textoExclusivosDeptos {
    font-size:10.0000rem;
    color: #fff;
    line-height: 6.2500rem;

}

.segundaSeccionProyectoV2_padre_contenedorTitulo {
    padding-top: 6.2500rem;
}

.textoDesde {
    line-height: 1.8750rem;
}


.textoDesdeUf {
    margin-bottom: -0.2500rem;

}
.textoDesde, .textoDesdeUf {
    vertical-align: top;
}

.segundaSeccionProyectoV2_contenedorTexto_contenedorDesde {
    gap:0.9375rem;
}

.no-achicarse {
    flex-shrink: 0;      /* evita que se reduzca */
    width: auto;         /* mantiene su ancho natural o se puede usar % */
    height: auto;        /* mantiene su alto natural */
    max-width: 100%;     /* opcional: que no salga del contenedor */
    max-height: 100%;    /* opcional: que no salga del contenedor */
    object-fit: cover;   /* si es video, mantiene proporción y llena contenedor */
}

.no-achicarse.imagen {
    margin-left: -22%;
    margin-right: 5%;
    margin-top: 4%;
}

.segundaSeccionProyectoV2_contenedorTexto_texto {
    width: 50%;
    margin-top: 3.7500rem;
}



/* ---------- BOTÓN negro---------- */
.btnNegroHoverNegroColorBlanco {
  padding: 0;
  height: 3.7500rem;
  border: 1px solid #404040;
  border-radius: 50rem;
  display: inline-flex;
  align-items: center;

  color: #FFF;
  background:#404040;
  cursor: pointer;
  overflow: hidden;
  transition: background 0.25s ease, color 0.25s ease, padding-right 0.25s ease;



}

.btnNegroHoverNegroColorBlanco.segundaSeccionProyectoV2 {

   --grow: 1.8750rem; /* cuánto “crece” a la derecha */
    padding: 0 1.8750rem;
      gap: 0.7500rem;
      margin-top: 0;
}

.btnNegroHoverNegroColorBlanco.segundaSeccionProyectoV2 .btn-label {
   margin-left: 0.3125rem;
}



/* ---------- FLECHAS ---------- */
.btnNegroHoverNegroColorBlanco .btn-arrow {
  position: relative;
  width: 1.1250rem; /* ancho de la flecha */
  height: 0.9375rem;
}

.btnNegroHoverNegroColorBlanco .btn-arrow img {
  position: absolute;
  inset: 0;
  display: block;
  transition: opacity 0.25s ease;
}

.btnNegroHoverNegroColorBlanco .btn-arrow .blanca {
  opacity: 0;
} /* solo roja visible por defecto  */
.btnNegroHoverNegroColorBlanco .btn-arrow .roja {
  opacity: 1;
    transition: all 0.25s ease;

}

/* ---------- HOVER ---------- */
.btnNegroHoverNegroColorBlanco:hover {
  background: #000000;
  color: #fff;

}

.btnNegroHoverNegroColorBlanco:hover.segundaSeccionProyectoV2 {
 padding-right: calc(1.8750rem + var(--grow));
}

.btnNegroHoverNegroColorBlanco:hover .btn-arrow .roja {
  transform: translateX(1.5rem);
}



/* ---------- BOTÓN negro background transparente--------- */
.btnTransparenteHoverNegroColorBlanco {
  padding: 0;
  height: 3.7500rem;
  border: 1px solid #000000;
  border-radius: 50rem;
  display: inline-flex;
  align-items: center;

  color: #000000;
  background:transparent;
  cursor: pointer;
  overflow: hidden;
  transition: background 0.25s ease, color 0.25s ease, padding-right 0.25s ease;



}

.btnTransparenteHoverNegroColorBlanco.segundaSeccionProyectoV2 {

   --grow: 1.8750rem; /* cuánto “crece” a la derecha */
    padding: 0 1.8750rem;
      gap: 0.7500rem;
      margin-top: 0;
}

.btnTransparenteHoverNegroColorBlanco.segundaSeccionProyectoV2 .btn-label {
   margin-left: 0.3125rem;
}



/* ---------- FLECHAS ---------- */
.btnTransparenteHoverNegroColorBlanco .btn-arrow {
  position: relative;
  width: 1.1250rem; /* ancho de la flecha */
  height: 0.9375rem;
}

.btnTransparenteHoverNegroColorBlanco .btn-arrow img {
  position: absolute;
  inset: 0;
  display: block;
  transition: opacity 0.25s ease;
}

.btnTransparenteHoverNegroColorBlanco .btn-arrow .blanca {
  opacity: 0;
} /* solo roja visible por defecto  */
.btnTransparenteHoverNegroColorBlanco .btn-arrow .negra {
    opacity: 1;
    transition: all 0.25s ease;

}

/* ---------- HOVER ---------- */
.btnTransparenteHoverNegroColorBlanco:hover {
  background: #000000;
  color: #fff;

}

.btnTransparenteHoverNegroColorBlanco:hover.segundaSeccionProyectoV2 {
 padding-right: calc(1.8750rem + var(--grow));
}

.btnTransparenteHoverNegroColorBlanco .btn-arrow .blanca,
.btnTransparenteHoverNegroColorBlanco .btn-arrow .negra {
  transition: transform 0.25s ease, opacity 0.25s ease;
}

.btnTransparenteHoverNegroColorBlanco:hover .btn-arrow .blanca {
  transform: translateX(1.5rem);
  opacity: 1;
}

#contenedorGaleriaEspaciosComunesProyectoV2 {
    width: 85%;
    margin-left: auto;
    margin-right: 5%;
    margin-top: 1.8750rem;
}

#galeriaEspaciosComunes  img {
    width: auto!important;
}

.terceraSeccionProyectoV2_contenedor1 {
    padding-top: 3.1250rem;
    padding-bottom: 3.1250rem;
}

.contenedorLhTituloSubtitulo {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.contenedorDescripcionEspacioComun {
 background-color: #00000020;
 height: 2.5000rem;
 border-radius: 50rem;
 width: 25%;
 position: absolute;
 top: 10%;
 left: 50%;
 transform: translateX(-50%);
}

.contenedorDescripcionEspacioComun.oscuro {
     background-color: #00000080;
}

.textoAbajoGaleriaEspaciosComunes {
    margin-top: 1rem;
}

#galeriaEspaciosComunes > .owl-dots {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
}

#galeriaEspaciosComunes > .owl-dots > .owl-dot > span {
  height: 10px;
  width: 10px;
  background-color: rgba(255, 255, 255, 0.3137254902);
  border: 0;
}

#galeriaEspaciosComunes > .owl-dots > .owl-dot.active > span {
  background-color: #ffffff;
  border: 2px solid #ffffff;
}
/* fuerza la cadena de Owl a heredar el alto */
#contenedorGaleriaDeptosProyectoV2,
#galeriaDeptos,
#galeriaDeptos .owl-stage-outer,
#galeriaDeptos .owl-stage,
#galeriaDeptos .owl-item,
#galeriaDeptos .item {
  height: 100% !important; /* toda la cadena ocupa el viewport */
}

/* tu fondo */
.galeriaDeptos_bg {
  width: 100%;
  height: 100%;               /* ahora sí respeta los 100vh del contenedor */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

.contenedorFlechasCarrousel {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 95%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.contenedorFlechasCarrousel img {
    cursor: pointer;
}

.cuartaSeccionProyectoV2_img1 {
    width: 85%;
    padding-top: 10%;
}

.cuartaSeccionProyectoV2_img2 {
    width: 75%;

}
.cuartaSeccionProyectoV2_img3 {
    position: absolute;
    left: 58%;
    top: 28%;
    width: 38%;
    z-index: 9;
}

.contenedorPadreTicket {
   display: flex;
   justify-content: space-evenly;
   margin-top: 1rem;
}

.textoTerminacionesDetalles {
    position: relative;
    line-height: 7.5000rem;
    z-index: 10;
    margin-left: -5%;
    margin-top: 3%;
}

.quintaSeccionProyectoV2_titulo1 {
    line-height:6.2500rem;
}


.quintaSeccionProyectoV2 {
    background: linear-gradient(to right, #F4F6F5 50%, #FFFFFF 50%);

}


.circuloFlechaXLGaleria {
    position: absolute;
    left: 50%;
    bottom: 10%;
    transform: translateX(-50%);
    z-index: 10;
    background-color: #00000050;
    border-radius: 50rem;
    cursor: pointer;
}

.quintaSeccionProyectoV2_contendorBtns > div:first-child {
    margin-bottom: 2rem;
}

.quintaSeccionProyectoV2_contendorBtns {
    margin-left: 40%;
    margin-bottom: 20%;
}

.quintaSeccionProyectoV2_titulo2  {
    margin-bottom: 0.3125rem;
}


/* cotizador */

.contenedorTituloCotizador {
  line-height: 6.2500rem;
  margin-right: 38%;
}


.contenedorTituloCotizador_subtitulo {
  margin-left: 15%;
}

#contenedorBtnsCotizador {
  display: flex;
  gap: 15px;
}

.contenedorParrafoSeleccionCotizador_parrafo {
  font-weight: 300;
  color:#333333;
  border-bottom: 1px solid #1D282C40;
  padding-bottom: 15px;
  padding-left: 10px;
}

.contenedorParrafoSeleccionCotizador_parrafo.active {
  font-weight: 700;
  color:#000000;
  border-bottom: 2px solid #000000;
  padding-bottom: 15px;
  padding-left: 15px;
}

.contenedorInternoInfoCotizador {
  border-bottom: 1px solid #00000020;
  width: 50%;
}

.contenedorPadreInternoInfoCotizador {
  gap: 5%;
}

.contenedorInternoInfoCotizador.uf {
    width: 100%;

}

#contenedorMainInfoCotizador {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.contenedorBotonCotizarCotizador {
  margin-top: 3%;
  margin-bottom: 3%;
}


.btnCotizador {
  border:1px solid #000000;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50rem;
  height: 60px;
  padding-left: 20px;
  padding-right: 20px;
  min-width: 133px;
  cursor: pointer;
  transition: all .3s ease;
}

.btnCotizador:hover {
  background-color: #000000;
  color:#FFFFFF;
}

    .nav-btn {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      width: 18px;               /* ancho/alto del SVG */
      height: 15px;
      cursor: pointer;
      z-index: 10;               /* que queden sobre las slides */
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .nav-btn img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      user-select: none;
      pointer-events: none;      /* evita que el clic caiga en la img */
    }

       /* Flecha arriba: rota 90° CCW  */
    .up-btn   img { transform: rotate(-90deg); }
    /* Flecha abajo: rota 90° CW   */
    .down-btn img { transform: rotate( 90deg); }

    .up-btn   { top: 0;  }
    .down-btn { top: 105%; }

    .btnCotizador.active {
    background-color: #000000;
    color: #FFFFFF;
}

.contenedorInternoInfoCotizador.completo {
    width: 100%;
}

.contenedorSupeficies {
    width: 50%;
    justify-content: space-around;
}


/** fin cotizador **/

/** version 2 cotizador **/
 .contenedorTituloCotizador.v2 {
  line-height: 6.2500rem;
  margin-right: 0;
  width: fit-content;
}

.contenedorV2tituloYbtns > div {
  flex: 0 0 auto; /* ❗ No crecer, no encogerse, tamaño según contenido */
  width: auto; /* ✅ Ajuste automático */
  max-width: none; /* ✅ sin límites */
}

.contenedorTituloCotizador_subtitulo.v2 {
  margin-left: 0;
  margin-right: -8%;
}
.selectCotizador {
    height: 60px;
    min-width: 220px; /* ✅ nunca más chico que esto */
    width: auto; /* ✅ se adapta al texto */
    max-width: 100%; /* ✅ no se sale del contenedor */

    border-radius: 50rem;
    background-color: #000000;
    color: white;
    padding-left: 20px;
    padding-right: 45px; /* ✅ deja espacio para la flecha */

    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("../../images/proyecto-v2/flechaSelectNegro.svg");
    background-repeat: no-repeat;
    background-position: right 15px center; /* ✅ más consistente */
    box-sizing: border-box; /* ✅ evita que padding expanda el tamaño */
}
.selectCotizadorv2.transparente {
    background-color: transparent;
    background-image: url("../../images/proyecto-v2/flechaSelectBlanco.svg");
    border: 1px solid #000000;
    color: black;
}

#selectTipologiasDisponibles {
    height: auto;
    width: 100%;

    border-radius: 50rem;
    background-color: transparent;
    border-radius: 0;
    /* color: white; */
    padding-left: 0;
    padding-right: 45px; /* ✅ deja espacio para la flecha */;
    border: 0;
    border-bottom: 1px solid #000000;

    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("../../images/proyecto-v2/flechaAbajoNegra.svg");
    background-repeat: no-repeat;
    background-position: right 0px center; /* ✅ más consistente */
    box-sizing: border-box; /* ✅ evita que padding expanda el tamaño */
}

.btnCotizador.v2 {
    border: 1px solid #000000;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50rem;
    height: 60px;
    min-width: 133px;
    width: fit-content;
    padding-right: 20px;
    padding-left: 20px;
    cursor: pointer;
    transition: all .3s ease;
      flex-shrink: 0; /* ✅ evita que los demás botones se achiquen */

}

.btnCotizador.v2.inicial {

white-space: nowrap;
    min-width: 160px;

}

.contenedorSelectTipologia , .contenedorDeptoTipologia {
    line-height: 30px;
}

.contenedorDeptoTipologia  {
    border-bottom: 1px solid #00000020;
}

.contenedorSupeficies.v2 {
    width: 100%;
}

.contenedorSupeficies.v2.orientacion {
    justify-content: flex-start!important;
}

.textoOrientacionCotizador {
    margin-left: 8%;
}


.btnRojoHoverRojoColorBlanco.cotizador.v2 {
    background-color: #DC0406;
    border: 1px solid #DC0406;
    color: white;
}


#loaderCotizador {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none; /* empieza oculto */
    flex-direction: row;
    gap: 8px;
    z-index: 9999;
}

#loaderCotizador .dot {
    width: 12px;
    height: 12px;
    background-color: #FE5000; /* color principal */
    border-radius: 50%;
    animation: bounce 0.6s infinite alternate;
}

#loaderCotizador .dot1 { animation-delay: 0s; }
#loaderCotizador .dot2 { animation-delay: 0.2s; }
#loaderCotizador .dot3 { animation-delay: 0.4s; }

/** mobile **/



#loaderCotizadorMobile {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none; /* empieza oculto */
    flex-direction: row;
    gap: 8px;
    z-index: 9999;
}

#loaderCotizadorMobile .dot {
    width: 12px;
    height: 12px;
    background-color: #FE5000; /* color principal */
    border-radius: 50%;
    animation: bounce 0.6s infinite alternate;
}

#loaderCotizadorMobile .dot1 { animation-delay: 0s; }
#loaderCotizadorMobile .dot2 { animation-delay: 0.2s; }
#loaderCotizadorMobile .dot3 { animation-delay: 0.4s; }




@keyframes bounce {
    from { transform: translateY(0); opacity: 0.6; }
    to { transform: translateY(-15px); opacity: 1; }
}


@media(max-width:1499px)  {
    #btnCotizador {
        font-size: 0.8rem;
        gap: 0.65rem;
    }
}

@media(max-width:1199px) {
    .selectCotizador {
        height: 50px;
    }
    .btnCotizador.v2 {

        height: 50px;

    }
    .textoNumerosCotizadorCarrouselV2 {
         font-size: 0.8rem;
    }
}



/** version 2 cotizador **/


/** actualizacion cotizador paso 2 **/
.contenedorInfoCotizadorFlotante.v2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 100%;
    max-height: 100vh;
    height: 100vh;
    background-color: white;
    display: grid;
    grid-template-columns: 1fr 1.15fr;
    border-radius: 5px;
}

.contenedorInfoCotizadorFlotante.v2>div:first-child {
    width: 100vw;
    background-color: white;
    padding:0;
}

.contenedorInfoCotizadorFlotante.v2>div:first-child>div:first-child {
    background-image:none;
    height: 100%;
}

.logoCotizadorv2 {
    position: absolute;
    top: 10%;
    left: 3%;
    width: 20%;
    z-index: 10;
}

.contenedorDetallesProyecto.superior_cotizador_flotante {
    width: 90%;
    background: black;
}

.contenedorDetallesProyecto {
    width: 90%;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
      background: black;
}

.contenedorInternoInfoCotizadorV2:not(.no-border) {

    border-bottom: 1px solid #00000020;


}

#btn_enviar_cotizacion.v2 {
    margin-left: 40%;
}

.contenedorInfoCotizadorFlotante>div:first-child>div:nth-child(2).v2 {
    height: 100%;
}

.formularioCotizadorFlotante.v2 {
    /* height: 50vh; */
    height: auto;
    width: 80%;
}

.contenedorLabelInputFormularioCotizadorFlotanteV2 {
    margin-bottom: 3%;
}

.popup-form {
    row-gap: 10vh;
}

.contenedorTituloCotizador.v2 {
    margin-left: auto;
    margin-right: auto;
}

.formularioCotizadorFlotante.v2 input {
    width: 100%;
    height: 32px;
    border: 0;
    border-bottom: 1px solid #D6D1CB;
    background-color: transparent;
    color: white;
}

.formularioCotizadorFlotante.v2 input::placeholder {
    color:white;
}


#popup-detalle2 {
    width: 100%;
    height: 100vh;
    position: absolute;
    background-color: #00000090;

}

#popup-detalle2 > div:first-child {
    width: 60vw;
     height: 70vh;

    position: absolute;
    border-radius: 5px;
    background-color: white;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 20px;
}

.img-logo-popup-detalle2 {
    width: 20%;
}

.contenedorTituloCotizador.popup-detalle2  {
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
}

#btnDescargarCotizacion {
    margin-left: 37% ;
    margin-bottom:2%;
}

#btnAgendarCotizacion {
margin-left: 40.5% ;
}

#btnAgendarCotizacion {
    background-color: transparent;
    color:black;
    height: 50px;
}

.xBlancaCotizador {
    position: absolute;
    top: 2%;
    right: 5%;
}

.ancla-lupa-pop-img-unidad {
      position: absolute;
    top: 2%;
    right: 5%;
}

.cerrar-logo-popup-detalle2 {
    position: absolute;
    top: 3%;
    right: 3%;
}

.contenedorInformacionCotizadorFlotanteV2 {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

@media(max-width:1899px)  {
    #pop-img-unidad.v2 {
        max-height:95vh;
    }
}


@media(max-width:1699px)  {

    .contenedorTituloCotizador.v2 {
        line-height: 5.2500rem;

    }

    .contenedorTituloCotizador.v2 .contenedorTituloCotizador_subtitulo {
      font-size: 1.9rem;
      margin-bottom: 0;
    }



    #btn_enviar_cotizacion {
        margin-bottom: 50px;
    }
}

@media(max-width:1800px) and  (max-height:700px)  and  (min-width:992px)   {
    #popup-form.v2 {
        height: auto;
    }
     .contenedorInfoCotizadorFlotante>div:first-child>div:nth-child(2).v2 {
        max-height: 100%;
        height: 100vh;
        overflow-y: scroll;
        background-color: #000000;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .contenedorInfoCotizadorFlotante>div:first-child>div:nth-child(2).v2::-webkit-scrollbar {
        width: 8px;
        background-color: #f5f5f5;
        /* Color of the scrollbar track */
    }

    .contenedorInfoCotizadorFlotante>div:first-child>div:nth-child(2).v2::-webkit-scrollbar-thumb {
        background-color: #DC0406;
        /* Color of the scrollbar handle */
        border-radius: 4px;
        /* Rounded corners for the scrollbar handle */
    }
}

@media(max-width:1300px)  {
    #btn_enviar_cotizacion.v2 {
        margin-left: 30%;
    }
    .contenedorTituloCotizador.v2 .contenedorTituloCotizador_subtitulo {
        font-size: 1.5rem;
        margin-bottom: 0;
    }
    .contenedorTituloCotizador.v2 {
        line-height: 4.2500rem;
    }
}

@media(max-width:1100px)  {
    #btn_enviar_cotizacion.v2 {
        margin-left:20%;
    }
    .formularioCotizadorFlotante.v2 {
    /* height: 50vh; */
        height: auto;
        width: 87%;
    }

}


/** actualizacion cotizador paso 2 +**/



.textoEntornoSolo {
 line-height:  6.3125rem;
 margin-left: -5%;
 z-index: 10;
}

.imgEntorno , .video-entorno {
    height: 36.875rem;
    margin-left: -25%;
    z-index: 10;
}

.padreContenedorPadreTextoEntorno {
    gap: 1.5rem;
}
.textoEntorno {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    height: fit-content;
}

.contenedorFlechasCarrousel.entorno {
    width: 85%;
    margin-left: 0;
    left: 5%;
    transform: translateY(-50%);
    z-index: 11;
}


.textoMapaComuna {

    color: #000000;
    /* position: absolute; */

}

.textoMapaComunaVecino {

    color: #00000008;
    font-size: 17.75rem;;

}

.contenedorMainMapa_contenedorTitulo {
    line-height: 5.0000rem;
}

.contenedorLogoEdificio_mapa {

    display: flex;
    justify-content: center;
    align-items: center;
}

.tarjetaEjecutivas {
    gap: 15px;
}

.imgEjecutiva {
    width: 70px;
    height: 70px;
}
.padreTarjetasEjecutivas {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.contenedorMainMapaPadreMainPrimeraColumna {
    height: 80%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.contenedorInfoContactanos_interno {
    width: 80%;
}

.contenedorInfoContactanos {
    display: flex;
    justify-content: flex-end;
}


#footer.proyectoV2 {
    background-color: #030303;
}

.video-ubicacion {
    max-height: 31.25rem;
}

.video-banner {
    width: 100%;
    height: 100vh;
    display: block;
    object-fit: cover;
    position: relative;
    z-index: -1;
}

.lupa {
    position: absolute;
    right: 5%;
    top: 5%;
}

/*huincha */

.huincha {
  max-height: calc(150px * 3); /* se ven 3 ítems */
  overflow: hidden;
  position: relative;
}

.huincha-wrapper {
  transition: transform 0.3s ease;
}

.contenedorParrafoSeleccionCotizador_parrafo {
  font-weight: 300;
  color: #333333;
  border-bottom: 1px solid #1D282C40;
  padding: 10px;
  margin: 0;
  cursor: pointer;
}

.contenedorParrafoSeleccionCotizador_parrafo.active {
  font-weight: 600;
  color: #000;
}
/*huincha */
/* responsive */

/* Base: 1920px → 16px (1rem = 16px) */
html {
  font-size: 16px;
}

.map-container {
    width: 100%;
    height: 100%;
}

.padreTarjetasEjecutivas > .tarjetaEjecutivas:nth-child(2) {
    padding-bottom: 15px;
}


#contenedorMainInfoCotizador {
    max-height: 500px;
}
/* Laptops grandes (1600px - 1919px) */
@media (max-width: 1919px) {
  html {
    font-size: 16px; /* 1rem = 15px */
  }
}

@media (min-width:1400px) and (max-height:1000px) {
    .contenedorBannerInfo-v2 {

     top: 45%;

}
.barraGlass {

    bottom: 5vh;

}
.btnRojoHoverRojoColorBlanco.bannerHome {

    top: 72%;

}
}


@media(max-width:1899px) and (min-width:992px) and (max-height:890px)  {
    #popup-detalle2 > div:first-child {
        width: 60vw;
        height: 95vh;
        position: absolute;
        border-radius: 5px;
        background-color: white;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
}



@media(max-width:1899px) {
      .textoComunaFondoVecino {
        font-size: 9rem;
        color: #000000;
        line-height: 6.2500rem;
    }
    .contenedorTituloCotizador_titulo {
        font-size: 9.625rem;
    }
}

@media(max-width:1799px)  {
    .btnRojoHoverRojoColorBlanco.bannerHome {

        top: 71%;

    }
    .textoComunaFondoVecino {
        font-size: 8rem;
        color: #000000;
        line-height: 6.2500rem;
    }

    .contenedorTituloCotizador_titulo {
        font-size: 9.125rem;
    }

    /* .textoContactanos {
        font-size: 4.25rem;
    } */

    .textoEntornoSolo {
        line-height: 5.3125rem;
        font-size: 9rem;
    }
}

/* Laptops medianas (1200px - 1599px) */
@media (max-width: 1699px) {
  html {
    font-size: 15px; /* 1rem = 14px */
  }
  .textoComunaFondoVecino {
    font-size: 8rem;
    color: #000000;
    line-height: 6.2500rem;
}
.segundaSeccionProyectoV2_contenedorTexto_texto {
    width: 60%;
    margin-top: 3.7500rem;
}
}

@media(max-width:1599px)  {

    .contenedorSupeficies {
    width: 70%;
    justify-content: space-around;
}
    .btnRojoHoverRojoColorBlanco.bannerHome {
    top: 73%;
}
.textoComunaFondoVecino {
    font-size: 7.5rem;
    color: #000000;
    line-height: 6.2500rem;
}
.textoEntornoSolo {
    line-height: 5.1125rem;
    font-size: 8.2rem;
}
.contenedorMainMapaPadreMainPrimeraColumna {
    height: 90%;
}
.segundaSeccionProyectoV2_contenedorTexto_texto {
    width: 80%;
    margin-top: 3.7500rem;
}
.imgEntorno, .video-entorno {
    height: 33.875rem;
    margin-left: -45%;
    z-index: 10;
}
.contenedorFlechasCarrousel.entorno {
    width: 75%;
    margin-left: 0;
    left: 5%;
    transform: translateY(-50%);
    z-index: 11;
}

   .contenedorTituloCotizador_titulo {
        font-size: 8.5rem;
    }
    .textoComunaFondo {
    font-size: 24.25rem;

}
.segundaSeccionProyectoV2_contenedorTexto_contenedorDesde {
    gap: 0.2rem;
}

.btnNegroHoverNegroColorBlanco.segundaSeccionProyectoV2 {
    --grow: 1rem;
    padding: 0 1rem;
    gap: 0.7500rem;
    margin-top: 0;
}

.btnNegroHoverNegroColorBlanco:hover.segundaSeccionProyectoV2 {
    padding-right: calc(1rem + var(--grow));
}

}

@media (max-width: 1499px) {
    #popup-detalle2 > div:first-child {
        width: 60vw;
        height: 95vh;
        position: absolute;
        border-radius: 5px;
        background-color: white;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
  html {
    font-size: 14px; /* 1rem = 14px */
  }
  .barraGlass {
    width: 40%;
  }
}

@media(max-width:1399px)  {
    .barraGlass {

    bottom: 5vh;

}
.btnRojoHoverRojoColorBlanco.bannerHome {
    top: 77%;
}
.contenedorTituloCotizador_titulo {
    font-size: 8rem;
}
.contenedorMainMapaPadreMainPrimeraColumna {
    height: 95%;
}
/* .imgEntorno, .video-entorno {

    margin-left: -35%;

} */
.textoEntorno {
    width: 80%;

}
.contenedorFlechasCarrousel.entorno {

    left: 1%;
    width: 80%;

}
.textoComunaFondo {
    font-size: 23.25rem;

}

.contenedorBannerInfo-v2 img {
    transform:  scale(0.8);
    margin-top: -30px;
}
.segundaSeccionProyectoV2_contenedorTexto_texto {
    width: 80%;
    margin-top: 3.7500rem;
}
.circuloFlechaXLGaleria {
   width: 60px;
}

    .textoContactanos {
        font-size: 7rem;
    }

    .textoComunaFondoVecino {
    font-size: 7rem;
    line-height: 6rem;
}

.barraGlass {

    width: 42%;
}

.segundaSeccionProyectoV2_contenedorTexto_contenedorDesde {
    gap: 0.3375rem;
}
.textoTerminacionesDetalles {
    line-height: 7.20rem;
    font-size: 8.6250rem;
}

.textoDesdeUf {
    /* font-size: 1.3750rem; */
     font-size: 1.5rem;
}

}

@media(max-width:1310px)  {
.contenedorTituloCotizador_titulo {
    font-size: 8rem;
    line-height: 5.25rem;
}
.textoEntornoSolo {
    line-height: 4.3125rem;
    font-size: 8rem;
}
.logoEdificioMapa {
    transform: scale(0.8);
}
.textoDesdeUf {
    /* font-size: 1.2rem; */
      font-size: 1.5rem;
}
.textoAbajoGaleriaEspaciosComunes {
    font-size: 1.2rem;
}
.textoComunaFondo {
    font-size: 22.25rem;
}

/* .imgDesdePc {
    transform: scale(0.8);
} */
}



@media(max-width:1250px) {
.textoComunaFondoVecino {
    font-size: 7rem;
    line-height: 6rem;
}
.contenedorBannerInfo-v2 img {
    transform: translateY(-3vh) scale(0.8);
}
.textoDesdeUf {
    /* font-size: 1.2rem; */
     font-size: 1.5rem;
}

html {
    overflow-x: hidden;
}
.textoContactanos {
    font-size: 6rem;
}
.textoMapaComuna {
 font-size: 9rem;
}
.textoMapaComunaVecino {
    color: #00000008;
    font-size: 15rem;
}
.contenedorMainMapa_contenedorTitulo {
    line-height: 4.0000rem;
}
.textoEntornoSolo {
    line-height: 4.3125rem;
    font-size: 7.5rem;
}
.contenedorTituloCotizador {
    line-height: 6.2500rem;
    margin-right: 28%;
}
#contenedorBtnsCotizador {
    display: flex;
    gap: 5px;
}
.textoExclusivosDeptos {
    font-size: 9rem;
    color: #fff;
    line-height: 5.2500rem;
}
.segundaSeccionProyectoV2_contenedorTexto_contenedorDesde {
    gap: 1rem;
    /* flex-direction: column; */
}
}

@media(max-width:1210px)  {
    .contenedorFlechasCarrousel.entorno {
    width: 83%;


}
.textoTerminacionesDetalles {
    line-height: 7.20rem;
    font-size: 8.6250rem;
}
}

/* Tablets horizontales (992px - 1199px) */
@media (max-width: 1199px) {
    .fixsubtitulocotizador {
        font-size: 1.2500rem;
    }
  html {
    font-size: 13px; /* 1rem = 13px */
  }
  .barraGlass {

        width: 45%;
        bottom: 2vh;
    }
   /* .textoDesdeUf {
    font-size: 0.8rem;
}
.textoDesde {
    font-size: 5rem;
} */
.textoExclusivosDeptos {
    font-size: 8rem;
    color: #fff;
    line-height: 5.2500rem;
}
.textoAbajoGaleriaEspaciosComunes {
    font-size: 1.2rem;
}
.textoTerminacionesDetalles {

    line-height: 7.00rem;
       font-size: 8.8250rem;

}
.contenedorTituloCotizador_titulo {
    font-size: 7rem;
    line-height: 5rem;
}
.btnCotizador {
    font-size: 0.8rem;
}
.imgEntorno, .video-entorno {
    margin-left: -48%;
}
.contenedorFlechasCarrousel.entorno {
    width: 77%;
}
.textoEntornoSolo {
    line-height: 3.5rem;
    font-size: 7.5rem;
}
.textoMapaComuna {
 font-size: 9rem;
}
.textoMapaComunaVecino {
    color: #00000008;
    font-size: 15rem;
}
/* .textoContactanos {
    font-size: 3rem;
} */
.imgEntorno, .video-entorno {
    height: 33.875rem;
    margin-left: -45%;
    z-index: 10;
}

.contenedorFlechasCarrousel img {
    transform: scale(0.8);
}

.contenedorPadreTicket img {
    transform: scale(0.8);
}
.textoComunaFondoVecino {
    font-size: 6.53rem;
    line-height: 6rem;
}
.segundaSeccionProyectoV2_contenedorTexto_contenedorDesde {
    gap: 0.6375rem;
}
}

@media(max-width:1095px) {
    .logoEdificioMapa {
    transform: scale(0.7);
}
.textoComunaFondoVecino {
    font-size: 6.3rem;
    line-height: 6rem;
}
/* .textoDesde {
    font-size: 4rem;
}
.textoDesdeUf {
    font-size: 0.6rem;
} */
.btnNegroHoverNegroColorBlanco.segundaSeccionProyectoV2 .btn-label {
   font-size: 0.6rem;
}
.segundaSeccionProyectoV2_contenedorTexto_contenedorDesde {
    gap: 0.5375rem;
}
.textoTerminacionesDetalles {
    line-height: 7.00rem;
    font-size: 8.6250rem;
}
.padreTarjetasEjecutivas {
    display: flex;
    flex-direction: column;
    gap:0.5rem;
}
.textoEntorno {
    width: 80%;
    padding-right: 5%;
    padding-top: 3%;
}

.textoMapaComuna {
    font-size: 8rem;
}

.textoContactanos {
    margin-bottom: 0;
}

.textoAbajoGaleriaEspaciosComunes {
    font-size: 1rem;
}

.contenedorTituloCotizador_titulo {
    font-size: 6rem;
    line-height: 5rem;
}

.btnCotizador {
    border: 1px solid #000000;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50rem;
    height: 50px;
    padding-left: 20px;
    padding-right: 20px;
    min-width: auto;
    cursor: pointer;
    transition: all .3s ease;
}

.imgEntorno, .video-entorno {
    height: 30.875rem;
    margin-left: -45%;
    z-index: 10;
    margin-top: 3vh;
}

.textoNombreEjecutiva  {
    font-size: 0.8rem;
}

.barraGlass {
    width: 50%;
    bottom: 2vh;
}

}

@media(max-width:1060px)  {
.textoEntornoSolo {
    line-height: 3.5rem;
    font-size: 7rem;
}
}

@media (min-width:991px) and (max-height:750px) {
    .contenedorBannerInfo-v2 {

     top: 43%;

}
.barraGlass {

    bottom: 2vh;

}
.btnRojoHoverRojoColorBlanco.bannerHome {

    top: 72%;

}

}
/* Tablets verticales (768px - 991px) */
@media (max-width: 991px) {

    /** estilos para mobile cotizador nuevo ***/
    #popup-detalle2 > div:first-child {
        width: 90vw;
        height: 70vh;
        position: absolute;
        border-radius: 5px;
        background-color: white;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
    #btnDescargarCotizacion {
        margin-left: unset;
        margin-bottom: 2%;
    }
    #btnAgendarCotizacion {
        margin-left: unset;
    }
    /* Asegurarnos que el enlace no haga crecer la imagen */
    #div_cotizadorProyecto a[data-fancybox] {
    display: block;         /* evita comportamiento inline que puede crecer */
    max-width: 100%;
    }

    /* Contenedor mobile: que no crezca más que el viewport */
    #div_cotizadorProyecto .d-flex.d-lg-none,
    #div_cotizadorProyecto .d-flex.d-lg-none > div:not(.mobile) {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    /* overflow: hidden; */
    }

    /* Regla fuerte para la imagen mobile */
    #div_cotizadorProyecto img.planta.cotizador.mobile {
    display: block;
    width: 100%;
    max-width: 100vw;      /* nunca más ancho que el viewport */
    height: auto;
    object-fit: contain;
    }

    /* Regla para la imagen PC (por si acaso) */
    #div_cotizadorProyecto img.planta.cotizador.pc {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    object-fit: contain;
    }

    /* Si tu CSS sigue sin aplicarse, prueba temporalmente con !important para debug */
    #div_cotizadorProyecto img.planta.cotizador.mobile.debug {
    max-width: 100vw !important;
    width: 100% !important;
    }
    #contenedorMainInfoCotizador {
        max-height: unset;
    }
    .rowMobileBotonesCotizador {
        width: 100%;
    }
    .contenedorDeptoTipologia {
        margin-top: 30px;
    }
    .textoOrientacionCotizador {
        margin-left: 70%;
        margin-bottom: 0;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .mb0mobile {
        margin-bottom: 0;
    }
    .contenedorPadreInternoInfoCotizador {
        padding-top: 20px;
    }
    .contenedorInfoCotizadorFlotante.v2 {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        max-width: 100%;
        max-height: unset;
        height: unset;
        background-color: white;
        display: grid;
        grid-template-columns: 1fr 1.15fr;
        border-radius: 5px;
    }

    /* .contenedorInfoCotizadorFlotante.v2 .h100p {
        height: auto;
    } */
    .contenedorInfoCotizadorFlotante.v2>div:first-child>div:first-child {
        background-image: none;
        height: auto;
    }
   .contenedorCotizadorFlotante {
  position: fixed;
  inset: 0; /* top, right, bottom, left = 0 */
  width: 100%;
  height: 100vh; /* ocupa toda la pantalla */
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 9010;

  display: none;
  opacity: 0;
  visibility: hidden;

  /* el truco clave */
  overflow: hidden; /* el scroll no va aquí */
}

.contenedorCotizadorFlotante.show {
  display: block;
  opacity: 1;
  visibility: visible;
}

    /* 👇 El contenedor interno maneja el scroll */
    .contenedorInfoCotizadorFlotante.v2 {
    position: relative;
    width: 100%;
    height: 100vh; /* mismo alto del padre */
    overflow-y: auto; /* scroll interno vertical */
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch; /* suave en iOS */
    }
    #popup-form {
        height:auto;
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .contenedorInfoCotizadorFlotante>div:first-child>div:nth-child(2).v2 {
        height: auto;
    }
    .fixGuuter {
        --bs-gutter-x:0;
    }
    #btn_enviar_cotizacion.v2 {
        margin-left: auto;
         margin-right: auto;
    }
     .centradoIpad {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    /** estilos para mobile cotizador nuevo ***/
    .map-container {
            height: 400px;
        }
    html {
        font-size: 16px; /* 1rem = 12px */
        /* overflow-x: unset; */
    }

  .contenedorBannerInfo-v2 img {
    margin-top: 30px;
  }

  .order1mobile {
    order: 1;
  }

  .order0mobile {
    order: 0;
  }
  .segundaSeccionProyectoV2_contenedorTexto {
    flex-direction: column;
  }
  .no-achicarse.imagen {
    margin-left: auto;
    margin-right: auto;
    margin-top: 4%;
}
.segundaSeccionProyectoV2_padre_contenedorTitulo {
    padding-top: 0;
}
.segundaSeccionProyectoV2_contenedorTexto_texto {
    width: 98%;
    margin-top: 4.7500rem;
}
.segundaSeccionProyectoV2_contenedorTexto_contenedorDesde {
  justify-content: center;
  margin-top: 3rem;
}
.textoDesde {
    font-size: 7rem;
}
.textoDesdeUf {
    font-size: 2.6rem;
}
.btnNegroHoverNegroColorBlanco.segundaSeccionProyectoV2 .btn-label {
    font-size: 1rem;
}
.no-achicarse.imagen {
    display: flex;
    flex-direction: column;
    align-items: end;
}
.video-ubicacion {
    max-height: 40.25rem;
    margin-top: -15%;
}
.textoAbajoGaleriaEspaciosComunes {
    font-size: 1.5rem;
}
.padreTextoAbajoGaleriaEspaciosComunes {
    justify-content: center!important;
}
.textoExclusivosDeptos {
    font-size: 11rem;
    color: #fff;
    line-height: 6.2500rem;
}
.textoTerminacionesDetalles {
    line-height: 5rem;
    font-size: 8.6250rem;
    text-align: center;
}
.quintaSeccionProyectoV2 {
    background: #F4F6F5;
}
.quintaSeccionProyectoV2_contendorBtns {
    margin-left: 40%;
    margin-bottom: 10%;
    margin-top: 5%;
}
.selectCotizador {
    height: 50px;
    width: 45%;
    border-radius: 50rem;
    background-color: #000000;
    color: white;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("../../images/proyecto-v2/flechaSelectNegro.svg");
    background-repeat: no-repeat;
    background-position-x: 95%;
    background-position-y: 48%;
}
.selectCotizador.transparente {
    background-color: transparent;
    background-image: url("../../images/proyecto-v2/flechaSelectBlanco.svg");
    border: 1px solid #000000;
    color: black;
}
#contenedorBtnsCotizador {
    /* display: none; */
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 20px;
    margin-top: 30px;
}
.selectCotizador.transparente {
  width: 100%;
}
#contenedorMainBtnsCotizador {
    justify-content: center;
}
#selectsCotizadorMobile {
    width: 70%;
}
#contenedorFilaPadreCarrouselVerticual {
    display: none;
}
.quintaSeccionProyectoV2_titulo1 {
    font-size:7rem;
}
.contenedorTituloCotizador {
    line-height: 6.2500rem;
    margin-right: 0;
}
.contenedorTituloCotizador_titulo {
    font-size: 10rem;
    line-height: 5rem;
    text-align: center;
}
.contenedorTituloCotizador_subtitulo {
    margin-left: 0;
    text-align: center!important;
}

.contenedorBotonCotizarCotizador {
    justify-content: center;
    display: flex;
}
.imgEntorno, .video-entorno {
    height: 30.875rem;
    margin-left: 0;
    z-index: 10;
    margin-top: 3vh;
    margin-bottom: 2vh;
}

.contenedorPadreTextoEntorno  {
    flex-direction: column;
}
.textoEntornoSolo {
    line-height: 4.5rem;
    font-size: 10rem;
    text-align: center;
}
.contenedorFlechasCarrousel.entorno {
    width: 98%;
}
.contenedorMainMapa_contenedorTitulo > p {
    text-align: center!important;
}

.contenedorMainMapaPadreMainPrimeraColumna {
    margin-bottom: 10%;
}
.contenedorInfoContactanos {
    justify-content: center!important;
}
.contenedorInfoContactanos_interno {
    width: 43%;
}
.padreMapa {
    padding-left: 0;
}
.barraGlass {
    width: 65%;
    bottom: 0vh;
    height: 3rem;
}
.btnRojoHoverRojoColorBlanco.bannerHome {

    left: 41%;

}
  .barraGlass {

        width: 60%;
        bottom: 5%;
        height: 3rem;
        display: flex;
        flex-direction: column;
        height: auto;
        padding-top: 2rem;
        padding-bottom: 2rem;
        border-radius: 20px;
        position: absolute;

          /* Fondo vidrioso */
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(12px) saturate(180%);
    -webkit-backdrop-filter: blur(12px) saturate(180%);
    gap: 0.5rem;

    /* Borde sutil */
    /* border: 1px solid rgba(255, 255, 255, 0.3); */
    }

    .btnRojoHoverRojoColorBlanco.bannerHome {
    top: 60%;
}

    /* .barraGlass.banner {
        display: none;
    } */
     .segundaSeccionProyectoV2 {
    margin-top: 0;
  }
    .segundaSeccionProyectoV2_contenedorTitulo {
        margin-top: 6rem;
    }

      .quintaSeccionProyectoV2_titulo2 {
        font-size: 1.5rem;
    }

    .contenedorBannerInfo-v2 {
    position: absolute;
    left: 50%;
    /* top: 50%; */
    top: 40%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

}

/* Celulares (hasta 767px) */
@media (max-width: 767px) {
    .textoMapaComunaVecino {

    font-size: 8rem;
}
    .contenedorDescripcionEspacioComun {

        width: 40%;

    }
    #contenedorMainInfoCotizador {
    max-height: unset;
}
  html {
    font-size: 16px; /* 1rem = 11px */
  }
  .segundaSeccionProyectoV2 {
    margin-top: 0;
  }
  /* .barraGlass {

        width: 60%;
        bottom: -20%;
        height: 3rem;
        display: flex;
        flex-direction: column;
        height: auto;
        padding-top: 2rem;
        padding-bottom: 2rem;
        border-radius: 20px;
        position: relative;
    } */

    /* .barraGlass.banner {
        display: none;
    } */

    .segundaSeccionProyectoV2_contenedorTitulo {
        margin-top: 6rem;
    }
    .textoComunaFondo {
        text-align: center;
    }
    .textoComunaFondoVecino {
        font-size: 6.3rem;
       text-align: center;
    }
    .segundaSeccionProyectoV2_contenedorTexto_contenedorDesde {
        gap: 0.9375rem;
    }
    .padreDesdeUfMobile {
        width: 80%;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5%;
    }
    .textoExclusivosDeptos {
        font-size: 5.3rem;
        color: #fff;
        line-height: 3.500rem;
        text-align: center;
    }
    .textoAbajoGaleriaEspaciosComunes {
        font-size: 1.3rem;
        text-align: center;
    }
    .contenedorPadreTicket {
        display: flex;
        justify-content: space-evenly;
        flex-direction: column;
        margin-top: 3rem;
        gap: 2rem;
    }
    .textoTerminacionesDetalles {
        line-height: 3.8rem;
        font-size: 6.3rem;
        text-align: center;
    }
    .quintaSeccionProyectoV2_titulo1 {
        font-size: 6.3rem;
        text-align: center;
         line-height: 3.8rem;
    }
    .quintaSeccionProyectoV2_titulo2 {
        text-align: center!important;
    }
    .quintaSeccionProyectoV2_contendorBtns {
        margin-left: auto;
        margin-bottom: 10%;
        margin-top: 5%;
        margin-right: auto;
    }
    .contenedorTituloCotizador_titulo {
        font-size: 6.3rem;
        line-height: 5.8rem;
        text-align: center;
    }


    /**modificacion cotizador version nueva en mobile **/
    .logoCotizadorv2 {
        position: relative;
        top: 1%;
        left: 50%;
        width: 35%;
        z-index: 10;
        margin-top: 20px;
        margin-bottom: 30px;
        transform: translateX(-50%);
    }
#popup-detalle2 > div:first-child {
    width: 98vw;
    height: auto;
    position: absolute;
    border-radius: 5px;
    background-color: white;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 5px;
    padding-right: 5px;
}
    /* ultimo paso popup ya cotizado */
    .img-logo-popup-detalle2 {
        width: 35%;
    }
    .contenedorTituloCotizador {
        line-height: 1.25rem;
        margin-right: 0;
    }
    .textoGraciasDatosFinCotizar {
        width: 70%;
        margin-left: auto;
        margin-right: auto;

    }
    #btnDescargarCotizacion {
        margin-left: unset;
        margin-bottom: 5%;
        margin-top: 5%;
            height: 70px;
    }
     #btnDescargarCotizacion:hover  {
        padding-right: 3rem !important; /* valor base sin efecto */
    }
    #btnAgendarCotizacion {
        margin-left: unset;
    }
    #popup-detalle2 {
        width: 100%;
        height: 100vh;
        position: fixed;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
        background-color: #00000090;
    }
    .bgfixmobilecotizador {
         background-color: rgba(0, 0, 0, 0.7);
    }
    /* Cuando Chrome hace autofill */
    .formularioCotizadorFlotante input:-webkit-autofill,
    .formularioCotizadorFlotante select:-webkit-autofill,
    .formularioCotizadorFlotante textarea:-webkit-autofill {
        -webkit-box-shadow: 0 0 0px 1000px #000 inset !important;
        -webkit-text-fill-color: #fff !important;
        transition: background-color 5000s ease-in-out 0s;
    }
    /* Quitar borde y box-shadow de error nativo de Chrome */
    .formularioCotizadorFlotante input:invalid,
    .formularioCotizadorFlotante select:invalid,
    .formularioCotizadorFlotante textarea:invalid {
        box-shadow: none !important;
        border-color: #fff; /* o el color de tu input */
    }

    .formularioCotizadorFlotante input:invalid:focus,
    .formularioCotizadorFlotante select:invalid:focus,
    .formularioCotizadorFlotante textarea:invalid:focus {
        outline: none;
    }
     /* ultimo paso popup ya cotizado */
    .contenedorInfoCotizadorFlotante>div:first-child {
        display: flex;
    }

    .centradoIpad #btn_enviar_cotizacion.v2 {
        height: 65px;
    }

    .tituloInfoCotizador {
         font-size: 1.5rem;
    }

     #selectsCotizadorMobile {
        width: 100%;
        display: none!important;
        justify-content: center;
        gap: 5%;
    }

    .btnCotizador.v2 {

        min-width: unset;
        width: fit-content;

    }

    .textoOrientacionCotizador {
        margin-left: 0;
        margin-bottom: 0;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    #btnCotizador {
        font-size: 0.8rem;
        gap: 0.65rem;
        margin-top: 40px;
    }

    .centradoMobile {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .justify-content-between-mobile {
        justify-content: space-between;
    }
    .contenedorSupeficies.v2.orientacion {
        justify-content: flex-end!important;
    }
    .contenedorV2tituloYbtns > div {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    /**modificacion cotizador version nueva en mobile **/
    .contenedorInternoInfoCotizador {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }
    .contenedorBotonCotizarCotizador {
        justify-content: center;
        display: flex;
        margin-top: 3rem;
    }

.btnRojoHoverRojoColorBlanco.cotizador {

    height: 5.7500rem;

}
.btnRojoHoverRojoColorBlanco.cotizador {
    --grow: 3rem;
    padding: 0 3rem;
    gap: 0.7500rem;
}
.btnRojoHoverRojoColorBlanco:hover.cotizador {
    padding-right: calc(3rem + var(--grow));
}
.textoEntornoSolo {
    line-height: 4.5rem;
    font-size: 6.3rem;
    text-align: center;
}
.btnRojoHoverRojoColorBlanco.bannerHome {
    left: 50%;
    transform: translateX(-50%);
}
.contenedorInfoContactanos_interno {
    width: 85%;
}
.textoMapaComuna {
    font-size: 7rem;
}
.textoEntornoSolo {
    line-height: 4.5rem;
    font-size: 6.3rem;
    text-align: center;
}
.quintaSeccionProyectoV2_titulo2 {
    font-size: 1.3rem;
}
.segundaSeccionProyectoV2_contenedorTexto {
    flex-direction: column;
    overflow-x: hidden;
}
.textoDesdeUf {
    font-size: 1.5rem;
}
.contenedorLhTituloSubtitulo {
 line-height: 50px;
}

.contenedorTituloCotizador_subtitulo {
    font-size: 1.5rem;
}
.selectCotizador {

    width: 50%;
    font-size: 0.8rem!important;
}
.contenedorSupeficies {
    width: 80%;
    justify-content: space-around;
    margin-left: 5%;
    gap: 5%;
}
.pl0.padreContenedorPadreTextoEntorno  {
    padding-left: 1.5rem;
}
#contenedorGaleriaEspaciosComunesProyectoV2 {
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.8750rem;
}
.textoComunaFondo {
    font-size: 11.25rem;
}
.textoContactanos {
    font-size: 5.5rem;
}
.contenedorBannerInfo-v2 img {
    transform: translateY(-3vh) scale(1.5);
}
.contenedorBannerInfo-v2 img.estado {
    transform: translateY(-3vh) scale(1.7);
}
.contenedorBannerInfo-v2 {
    position: absolute;
    left: 50%;
    /* top: 50%; */
    top: 30%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}
.btnRojoHoverRojoColorBlanco.bannerHome {
    top: 50%;
}
.barraGlass {
    bottom: 2%;
}
}

/* Celulares pequeños (hasta 480px) */
@media (max-width: 395px) {
.contenedorTituloCotizador_titulo {
    font-size: 5.3rem;
    line-height: 4.8rem;
    text-align: center;
}
}