/* The metal colour is concentrated in the border and filled badge. */
.service-card.listing-bronce,.listing-preview.listing-bronce,.listing-detail.listing-bronce{border:3px solid #b66a2b;background:#fffdfa;box-shadow:0 3px 12px #78431d0d}
.service-card.listing-plata,.listing-preview.listing-plata,.listing-detail.listing-plata{border:3px solid #a6adb7;background:#fffdfa;box-shadow:0 3px 12px #4654670d}
.service-card.listing-oro,.listing-preview.listing-oro,.listing-detail.listing-oro{border:3px solid #d4a514;background:#fffdfa;box-shadow:0 3px 12px #9b74140d}
.listing-tier-badge{display:table;width:fit-content;border:1px solid transparent;border-radius:999px;padding:5px 11px;margin:0 0 10px;font:800 11px/1.2 Arial,sans-serif;letter-spacing:.07em;text-transform:uppercase}
.listing-bronce>.listing-tier-badge{color:#291505;border-color:#99501b;background:linear-gradient(135deg,#dea05f,#cd7f32 58%,#bc6d27)}
.listing-plata>.listing-tier-badge{color:#24303d;border-color:#8993a0;background:linear-gradient(135deg,#edf0f3,#bcc2cb 58%,#d9dfe6)}
.listing-oro>.listing-tier-badge{color:#332500;border-color:#af8407;background:linear-gradient(135deg,#ffe28a,#e4b829 58%,#d2a41b)}
.tier-editor{padding:20px;margin:16px 0 24px;border:1px solid #dce4de;border-radius:12px;background:#fafbf9}
.tier-editor h3{margin:0 0 8px}.tier-editor>p{margin:8px 0 16px}
.tier-editor-grid{display:grid;grid-template-columns:minmax(190px,1fr) minmax(0,1fr);gap:24px;align-items:start}
.tier-editor-controls{display:grid;gap:12px}.tier-editor-controls button{justify-self:start}
.tier-preview-caption{font:12px Arial,sans-serif;color:#53685d;margin:0 0 8px}
.listing-preview{border:1px solid #dce4de;border-radius:14px;background:white;padding:14px;overflow-wrap:anywhere}
.listing-preview h4{font:600 18px/1.3 Georgia,serif;margin:8px 0;color:#13384a}
.listing-preview p{font:13px/1.6 Arial,sans-serif;color:#52645c;margin:8px 0}
.listing-preview .preview-activity{color:#316451;text-transform:uppercase;font:600 10px/1.4 Arial,sans-serif;letter-spacing:.08em}
.tier-filter{min-width:180px;max-width:240px}.tier-status{font-size:13px;min-height:1.5em}
@media(max-width:620px){.tier-editor-grid{grid-template-columns:1fr}.tier-editor{padding:15px}.tier-filter{max-width:100%;width:100%}}
@media(forced-colors:active){.listing-tier-badge{border:1px solid CanvasText}.service-card[class*='listing-'],.listing-detail[class*='listing-']{border:2px solid CanvasText}}