.data-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:32px}@media(min-width:768px){.data-grid{grid-template-columns:repeat(4,1fr)}}.data-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:20px;border-top:3px solid var(--gold)}.data-number{font-family:Playfair Display,serif;font-size:28px;font-weight:700;color:var(--gold);display:block;margin-bottom:4px}.data-label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600;line-height:1.4}.currency-callout{margin-top:28px;padding:14px 20px;background:var(--bg2);border:1px solid var(--border);border-left:3px solid var(--gold);border-radius:var(--radius);display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.currency-callout .rate-tag{font-family:Playfair Display,serif;font-size:14px;font-weight:700;color:var(--gold);white-space:nowrap}.currency-callout p{font-size:11px;color:var(--muted);margin:0;line-height:1.5}.neighbourhood-grid{display:grid;grid-template-columns:1fr;gap:20px;margin-top:32px}@media(min-width:768px){.neighbourhood-grid{grid-template-columns:repeat(3,1fr)}}.neighbourhood-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.neighbourhood-name{font-family:Playfair Display,serif;font-size:18px;font-weight:700;color:var(--text);margin-bottom:4px}.neighbourhood-tag{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--gold);margin-bottom:12px;display:block}.neighbourhood-price{font-size:13px;color:var(--muted);margin-bottom:10px;padding:8px 12px;background:var(--bg);border-radius:4px;font-weight:600}.neighbourhood-desc{font-size:13px;color:var(--muted);line-height:1.6}.hospital-grid{display:grid;grid-template-columns:1fr;gap:20px;margin-top:28px}@media(min-width:768px){.hospital-grid{grid-template-columns:repeat(2,1fr)}}.hospital-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:24px;border-top:3px solid var(--gold)}.cost-table{width:100%;border-collapse:collapse;font-size:14px}.cost-table th{text-align:left;padding:10px 14px;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border)}.cost-table td{padding:12px 14px;border-bottom:1px solid var(--border);color:var(--text);vertical-align:top}.cost-table tr:last-child td{border-bottom:none}.cost-table .cost-category{font-weight:600}.cost-table .cost-panama{color:var(--gold);font-weight:600}.cost-table .cost-canada{color:var(--muted)}.cost-cards-row{display:grid;grid-template-columns:1fr;gap:16px;margin-top:24px}@media(min-width:768px){.cost-cards-row{grid-template-columns:repeat(3,1fr)}}.school-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:22px;margin-bottom:16px}.school-name{font-weight:700;color:var(--text);margin-bottom:4px;font-size:15px}.school-tags{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 10px}.school-tag{font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--bg);background:var(--gold);padding:2px 8px;border-radius:3px}.school-desc{font-size:13px;color:var(--muted);line-height:1.6}.safety-bar-wrap{margin-bottom:16px}.safety-bar-label{display:flex;justify-content:space-between;margin-bottom:6px;font-size:13px}.safety-bar-label span:first-child{color:var(--text);font-weight:600}.safety-bar-label span:last-child{color:var(--muted)}.safety-bar-track{height:6px;background:var(--bg);border-radius:3px;overflow:hidden}.safety-bar-fill{height:100%;border-radius:3px;background:var(--gold)}.climate-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:28px}@media(max-width:767px){.climate-strip{grid-template-columns:repeat(2,1fr)}}.climate-month{text-align:center;padding:16px 8px;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius)}.climate-month-name{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.climate-temp{font-family:Playfair Display,serif;font-size:22px;font-weight:700;color:var(--gold)}.climate-icon{font-size:16px;margin-top:4px}.pensionado-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}@media(max-width:767px){.pensionado-list{grid-template-columns:1fr}}.pensionado-item{display:flex;align-items:flex-start;gap:10px;padding:12px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius)}.pensionado-discount{font-weight:700;color:var(--gold);font-size:15px;white-space:nowrap}.pensionado-on{font-size:13px;color:var(--muted);line-height:1.4}.community-section{display:grid;grid-template-columns:1fr;gap:40px}@media(min-width:768px){.community-section{grid-template-columns:1fr 1fr;gap:56px}}.hero-image-placeholder{width:100%;height:320px;background:var(--bg2);border:2px dashed var(--border);border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;margin-top:0;overflow:hidden;position:relative}.hero-image-placeholder img{width:100%;height:100%;object-fit:cover;display:block}.hero-image-placeholder .placeholder-label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-weight:600}.hero-image-placeholder .placeholder-icon{font-size:32px;opacity:.4}.section-nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.section-nav a{font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--muted);text-decoration:none;padding:6px 14px;border:1px solid var(--border);border-radius:100px;background:var(--bg2);transition:all .2s;white-space:nowrap}.section-nav a:hover{color:var(--gold);border-color:var(--gold);background:var(--bg)}.neighbourhood-extra{display:none;grid-column:1 / -1}.neighbourhood-extra.open{display:contents}.expand-btn{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:4px;padding:12px 24px;background:transparent;border:1px solid var(--border);border-radius:var(--radius);color:var(--gold);font-size:13px;font-weight:700;letter-spacing:.5px;cursor:pointer;transition:all .2s;font-family:Inter,sans-serif}.expand-btn:hover{border-color:var(--gold);background:var(--bg2)}.expand-btn .expand-icon{font-size:16px;transition:transform .2s;display:inline-block}.expand-btn.open .expand-icon{transform:rotate(180deg)}