/* Custom adjustments to match visual look */

/* Body font smoothing */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* small rounded shadows similar to original */
.result-card {
  transition: transform .18s ease, box-shadow .18s ease;
}
.result-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 10px 20px rgba(14, 30, 37, 0.08);
}

/* Search input style tweak */
#global-search {
  box-shadow: none;
  border: 1px solid #e6eef8;
}

/* Sidebar scrollbar small */
aside .max-h-40::-webkit-scrollbar {
  width: 8px;
}
aside .max-h-40::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,0.08);
  border-radius: 6px;
}

/* chip styles (orange) */
.bg-orange-500 {
  background-color: #f97316; /* similar orange */
}

/* Badge (Destacado / Nuevo) */
.result-card .absolute {
  box-shadow: 0 4px 8px rgba(14,30,37,0.06);
}

/* Mobile specifics */
@media (max-width: 1024px) {
  header img { width: 28rem; }
  .result-card img { height: 12rem; }
}

/* small screens: sidebar becomes top collapsible - handled in JS */
@media (max-width: 768px) {
  aside { display: none; }
}

/* small aesthetic for buttons */
button:focus { outline: none; box-shadow: 0 0 0 3px rgba(99,102,241,0.12); }


/*DETALLE*******/

/* Reuse + specific tweaks for detalle */

/* hide native scrollbar where used */
.no-scrollbar::-webkit-scrollbar { height: 6px; width: 6px; }
.no-scrollbar::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.08); border-radius: 6px; }

/* main image zoom (on hover) */
#main-image-wrap:hover #main-image {
  transform: scale(1.06);
}

/* thumbnails focus/active */
.thumb {
  border-color: transparent;
  transition: border-color .15s ease, transform .15s ease;
}
.thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }
.thumb:focus, .thumb:hover {
  transform: translateY(-4px);
  border-color: #6366f1; /* indigo-500 */
  outline: none;
}

/* highlight selected thumbnail */
.thumb.selected {
  border-color: #6366f1;
  box-shadow: 0 4px 14px rgba(99,102,241,0.12);
}

/* result card hover (re-use) */
.result-card {
  transition: transform .2s ease, box-shadow .2s ease;
}
.result-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 10px 20px rgba(14,30,37,0.06);
}

/* gallery main image cursor */
#main-image-wrap { cursor: zoom-in; }

/* small responsive rules */
@media (max-width: 1024px) {
  #main-image { object-position: center; }
}
@media (max-width: 768px) {
  #main-image-wrap { height: 48vw; } /* keep reasonable aspect */
  aside.w-full.md\:w-1\/3 { order: 3; } /* contact block after gallery on mobile */
}

/* carousel arrows style */
#carousel-prev, #carousel-next {
  border: 1px solid rgba(0,0,0,0.06);
}

/* contact form input focus */
input:focus, textarea:focus { box-shadow: 0 0 0 3px rgba(99,102,241,0.08); outline: none; }

/* small utility to center placeholder map text */
[role="map-placeholder"] { display:flex; align-items:center; justify-content:center; color: #9CA3AF; }

/* keep footer small */
footer { font-size: 13px; }