/* Ajustes puntuales legibilidad fichas de casa (POLO, OLA, etc.)
   Comentarios sin tildes. No tocar el bundle JS. */

/* Titulo de casa: CASA POLO, etc. (font-thin original) */
#root h2[class*="font-thin"],
#root [class*="font-thin"][class*="uppercase"][class*="tracking-tighter"] {
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
}

/* Metros cuadrados principales (246m2, etc.) */
#root span[class*="text-2xl"][class*="font-light"][class*="tracking-tight"],
#root span[class*="md:text-4xl"][class*="font-light"][class*="tracking-tight"] {
  font-weight: 560 !important;
  font-weight: 600 !important;
}

/* Labels SUPERFICIE / VALOR CONSTRUCCION: un poco mas blancos */
#root span[class*="tracking-widest"][class*="text-white/50"],
#root span[class*="tracking-widest"][class*="text-white\\/50"] {
  color: rgba(255, 255, 255, 0.92) !important;
}

/* Bloque metricas (superficie + valor): fade oscuro detras del cuadro */
#root div[class*="items-end"][class*="md:gap-10"][class*="text-white"] {
  background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.58) 0%,
    rgba(0, 0, 0, 0.38) 60%,
    rgba(0, 0, 0, 0.12) 100%
  );
  padding: 1rem 1.35rem 0.85rem;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

/* Fila dorms/banos: misma placa para unificar el cuadro */
#root div[class*="delay-150"][class*="items-center"][class*="gap-6"][class*="text-white"] {
  background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.58) 0%,
    rgba(0, 0, 0, 0.38) 60%,
    rgba(0, 0, 0, 0.12) 100%
  );
  padding: 0.35rem 1.35rem 0.95rem;
  margin-top: -2px;
}

/* Valor UF/m2: acento teal mas legible sobre la placa (sombra ligera) */
/* Mantener "Desde 36 UF/m2" en una sola linea */
#root span[class*="font-black"][class*="4ECDC4"][class*="whitespace-nowrap"],
#root span[class*="font-black"][class*="text-[#4ECDC4]"][class*="whitespace-nowrap"] {
  display: inline-flex !important;
  align-items: baseline !important;
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
  gap: 0.4rem;
}

#root span[class*="font-black"][class*="4ECDC4"],
#root span[class*="font-black"][class*="text-[#4ECDC4]"] {
  color: #6eebdf !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}

#root span[class*="text-[10px]"][class*="4ECDC4"],
#root span[class*="text-xs"][class*="4ECDC4"] {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}

/* Parrafo descriptivo de cada casa: fade sutil + letra un poco mas firme */
#root p[class*="border-l-2"][class*="border-[#4ECDC4]"][class*="text-base"],
#root p[class*="border-l-2"][class*="border-[#4ECDC4]"][class*="md:text-xl"] {
  font-weight: 400 !important;
  letter-spacing: 0.015em;
  color: rgba(255, 255, 255, 0.95) !important;
  /* Respaldar \n\n de Toto/Nina como segundo parrafo visual */
  white-space: pre-line;
  background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.5) 0%,
    rgba(0, 0, 0, 0.32) 55%,
    rgba(0, 0, 0, 0.08) 100%
  );
  padding: 0.9rem 1.35rem 0.9rem 1.5rem;
  border-left-width: 2px;
  max-width: 42rem;
}

/* Volver a la portada desde el portfolio */
.av-back-home {
  position: fixed;
  top: 1.35rem;
  right: 1.35rem;
  z-index: 200;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.7rem 1rem;
  border: 1px solid rgba(245, 241, 234, 0.34);
  background: rgba(7, 8, 7, 0.45);
  color: rgba(245, 241, 234, 0.92);
  text-decoration: none;
  font-family: Montserrat, system-ui, sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease;
}

.av-back-home:hover {
  background: rgba(245, 241, 234, 0.12);
  border-color: rgba(245, 241, 234, 0.56);
  color: #fff;
}

.av-back-home:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
}

@media (max-width: 620px) {
  .av-back-home {
    top: 0.85rem;
    right: 0.85rem;
    padding: 0.6rem 0.85rem;
    font-size: 11px;
    letter-spacing: 0.1em;
  }
}


/* Ocultar logo Costa flotante del SPA (bajo contraste, poco aporte) */
#root a[href*="costatotoralillo.cl"] img[alt="Costa Totoralillo"],
#root .fixed.top-6.left-6,
#root [class*="fixed"][class*="top-6"][class*="left-6"] {
  display: none !important;
}

/* Flecha sutil subir al inicio del scroll */
.av-scroll-top {
  position: fixed;
  right: 1.25rem;
  bottom: 1.35rem;
  z-index: 210;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.28);
  background: rgba(0, 0, 0, 0.35);
  color: rgba(255, 255, 255, 0.85);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  transform: translateY(6px);
  transition: opacity 0.25s ease, transform 0.25s ease, background 0.2s ease;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.av-scroll-top.is-visible {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.av-scroll-top:hover,
.av-scroll-top:focus-visible {
  background: rgba(78, 205, 196, 0.22);
  border-color: rgba(78, 205, 196, 0.65);
  outline: none;
}

.av-scroll-top svg {
  width: 1.15rem;
  height: 1.15rem;
}