@import url("./aitana.css");
@import url("./refinement.css");
@import url("./explore.css");

:root { --vattani:#b88a4b; --vattani-soft:#d9b77c; }
.vattani-page { --aitana:#b88a4b; }
.vattani-page .hero { background:var(--forest-deep); }
.vattani-page .hero::after { background:linear-gradient(90deg,rgba(13,43,38,.94) 0%,rgba(13,43,38,.68) 48%,rgba(13,43,38,.16) 100%); }
.vattani-page .hero-status .status-dot { background:var(--vattani); box-shadow:0 0 0 5px rgba(184,138,75,.18); }
.vattani-page .button:not(.button--ghost):not(.button--dark) { background:#9a6d35; border-color:#9a6d35; }
.vattani-page .button:not(.button--ghost):not(.button--dark):hover { background:#7e5729; border-color:#7e5729; }
.vattani-page .experience-category { color:var(--vattani-soft); }
.vattani-page .experience-tabs button[aria-pressed="true"],.vattani-page .residence-type-tabs button[aria-pressed="true"] { border-color:var(--vattani); }
.vattani-page .place-card { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr); gap:32px; align-items:center; border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:28px 0; }
.vattani-page .place-card h3 { margin:0; font:400 clamp(2rem,3.4vw,3.6rem)/1 var(--display); letter-spacing:-.025em; }
.vattani-page .place-card p { max-width:50ch; margin:12px 0 0; color:var(--muted); }
.vattani-page .place-meta { display:grid; gap:14px; }
.vattani-page .place-meta div { padding-bottom:14px; border-bottom:1px solid var(--line); }
.vattani-page .place-meta span { display:block; color:var(--muted); font-size:.75rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.vattani-page .place-meta strong { display:block; margin-top:5px; font-size:1rem; }
.vattani-page .project-note { color:var(--muted); }
.vattani-page .render-note { color:#d8c39b; }
.vattani-page .inventory-meta .text-control { white-space:nowrap !important; font-size:.78rem; }
.vattani-page .location-map { width:100%; height:clamp(320px,calc(100svh - 330px),440px); background:var(--forest-deep); touch-action:pan-y pinch-zoom; }
.vattani-page .location-map.is-vector-fallback { background:#e8e3d8; }
.vattani-page .location-map.is-vector-fallback .leaflet-overlay-pane { filter:drop-shadow(0 1px 0 rgba(255,255,255,.68)); }
.vattani-page .place-pin.is-selected,.vattani-page .place-pin.is-highlighted { outline-color:var(--vattani); }
.vattani-page .place-detail h3 { overflow-wrap:anywhere; }
.vattani-page #vattani-place-category { margin:0; font-size:.75rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.vattani-page #vattani-place-note { margin:0; min-height:4.5em; font-size:.9rem; line-height:1.5; }
.vattani-page .map-dialog .location-map { height:min(65dvh,700px); touch-action:none; }
@media(max-width:680px){.vattani-page .place-card{grid-template-columns:1fr;gap:18px;padding:20px 0}.vattani-page .place-card h3{font-size:2.15rem}.vattani-page .place-card p{font-size:.92rem}.vattani-page .place-meta{grid-template-columns:1fr 1fr;gap:12px}.vattani-page .place-meta div{padding-bottom:10px}}
@media(max-width:680px){.vattani-page .location-map{height:260px}.vattani-page .map-dialog .location-map{height:40dvh;min-height:220px}}
@media(max-width:680px) and (max-height:900px){
  .vattani-page #ubicacion { padding-top:calc(var(--header-height) + 8px); padding-bottom:8px; }
  .vattani-page #ubicacion .section-heading { margin-bottom:7px; }
  .vattani-page #ubicacion .section-heading h2 { font-size:1.95rem; }
  .vattani-page #ubicacion .section-heading p { font-size:.72rem; }
  .vattani-page #ubicacion .place-filters { margin-bottom:7px; }
  .vattani-page #ubicacion .neighborhood-layout { gap:7px; }
  .vattani-page #ubicacion .location-map { height:195px; }
  .vattani-page #ubicacion .place-list { padding-bottom:5px; }
  .vattani-page #ubicacion .place-list button { min-height:44px; }
  .vattani-page #ubicacion .place-detail { padding-top:7px; }
  .vattani-page #ubicacion .place-detail h3 { margin:3px 0 5px; font-size:1.5rem; }
  .vattani-page #vattani-place-note { min-height:0; font-size:.76rem; line-height:1.35; }
  .vattani-page #ubicacion .place-actions { margin-top:2px; }
  .vattani-page #ubicacion .neighborhood-note { margin-top:3px; font-size:.64rem; line-height:1.3; }
}