LAS CONDES

`. We tint the icon SVG gold and apply the small uppercase eyebrow treatment to the text right next to it. */ body.col-luxury-detail .cc-icn svg, body.col-luxury-detail .cc-icn svg path, body.col-luxury-detail [class*="icon-"][class*="cc-icn"] svg, body.col-luxury-detail [class*="icon-"][class*="cc-icn"] svg path { fill: #c9a86a !important; stroke: #c9a86a !important; color: #c9a86a !important; } /* The cc-icn rule above is broad. The floating WhatsApp button is also a cc-icn anchor, but its glyph must stay WhatsApp white over the green pill. Restore white on any cc-icn that links to WhatsApp. */ body.col-luxury-detail a.cc-icn[href*="wa.me"] svg, body.col-luxury-detail a.cc-icn[href*="wa.me"] svg path, body.col-luxury-detail a.cc-icn[href*="whatsapp"] svg, body.col-luxury-detail a.cc-icn[href*="whatsapp"] svg path { fill: #ffffff !important; stroke: none !important; color: #ffffff !important; } body.col-luxury-detail .cc-icn + p, body.col-luxury-detail [class*="icon-"][class*="cc-icn"] + p { color: #c9a86a !important; text-transform: uppercase !important; letter-spacing: 0.22em !important; font-size: 11px !important; font-weight: 500 !important; font-family: "Readex Pro", -apple-system, BlinkMacSystemFont, sans-serif !important; margin: 0 !important; } /* ---------- Spec row (AÑO 2023 / Gasolina / Automático / 28.707 kms) ---------- Markup is `.div-c37bef7 > .div-c… > (img.cc-img | p)+ p`. Cwicly emits each item as its own flex wrapper but with inconsistent gap (2-5px) and varying align-items (center / normal / flex-end) and icon sizes (15-20px), which makes the row look misaligned. We normalize all items to a single shape: centered icon + uppercase tracked label, equal inner gap. Hashes (`.div-c37bef7`, `.div-c…`) are unstable across Cwicly template re-saves; if they shift, re-inspect via DevTools and update here. */ body.col-luxury-detail .div-c37bef7 { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 12px 18px !important; align-items: center !important; justify-items: start !important; margin: 6px 0 20px !important; } /* Each spec item: icon + label, centered against each other */ body.col-luxury-detail .div-c37bef7 > div { display: inline-flex !important; align-items: center !important; gap: 8px !important; flex: 0 0 auto !important; } /* Normalize spec icons. The SVGs (gas-station / manual-transmission / tachometer) ship without an explicit fill, so browsers render them solid black — invisible on the dark Luxury background. Recolor to gold via a filter chain. The recipe below is the sosuke-style approximation for target #c9a86a (https://codepen.io/sosuke/pen/Pjoqqp): brightness(0) + saturate(100%) flattens any input to pure black, then the rest of the chain pushes black → gold. */ body.col-luxury-detail .div-c37bef7 img.cc-img, body.col-luxury-detail .div-c37bef7 [class*="image-"] { width: 16px !important; height: 16px !important; flex: 0 0 16px !important; object-fit: contain !important; background: transparent !important; filter: brightness(0) saturate(100%) invert(78%) sepia(45%) saturate(498%) hue-rotate(353deg) brightness(86%) contrast(85%) !important; } body.col-luxury-detail .div-c37bef7 p { text-transform: uppercase !important; letter-spacing: 0.18em !important; font-size: 11px !important; font-weight: 500 !important; font-family: "Readex Pro", -apple-system, BlinkMacSystemFont, sans-serif !important; color: rgba(245, 241, 234, 0.75) !important; margin: 0 !important; line-height: 1.4 !important; white-space: nowrap !important; } /* ---------- Gallery image surround ---------- */ body.col-luxury-detail .wp-site-blocks > *:not(header):not(footer) img { background-color: #0a0a0a; } /* ---------- Equipamiento check items ---------- */ body.col-luxury-detail .wp-site-blocks > *:not(header):not(footer) [class*="div-"] { color: rgba(245, 241, 234, 0.85) !important; } /* ---------- WhatsApp floating button — dim slightly so the gold pops ---------- */ body.col-luxury-detail [href*="wa.me"] { /* Keep functional; just sit calmly on the dark page */ filter: saturate(0.9); }