/* Padrão global: somente o símbolo pertence ao PNG; a cúpula é código. */
:root{--icone-radius-icon:var(--icone-radius-editorial,6px)}
.icone-symbol{position:relative;display:block;width:100%;isolation:isolate;line-height:0}
.icone-symbol__glyph{position:relative;z-index:2;display:block}
.icone-symbol .icone-symbol__glyph>img,.icone-symbol .icone-symbol__glyph>a>img{display:block;width:100%;height:auto;object-fit:contain;box-sizing:border-box;padding:var(--icn-symbol-pad,10%);opacity:1;filter:none}
.icone-symbol__back,.icone-symbol__front{position:absolute;left:var(--icn-glass-x,12%);top:var(--icn-glass-y,12%);width:var(--icn-glass-w,76%);height:var(--icn-glass-h,76%);border-radius:var(--icone-radius-icon);box-sizing:border-box;pointer-events:none}
.icone-symbol__back{z-index:0;background:color-mix(in srgb,var(--icone-surface-glass) 68%,transparent);border:1px solid var(--icone-surface-border);box-shadow:0 6px 16px color-mix(in srgb,var(--icone-purple) 8%,transparent),inset 0 1px 0 var(--icone-surface-reflection);backdrop-filter:blur(4px) saturate(1.04);-webkit-backdrop-filter:blur(4px) saturate(1.04)}
.icone-symbol__front{z-index:4;border:1px solid var(--icone-surface-strong-border);background:linear-gradient(135deg,color-mix(in srgb,var(--icone-surface-reflection) 25%,transparent),transparent 34%);box-shadow:inset 1px 1px 0 var(--icone-surface-reflection),inset -1px -1px 0 color-mix(in srgb,var(--icone-purple) 12%,transparent)}
.icone-symbol__front::after{content:"";position:absolute;inset:0;padding:2px;border-radius:inherit;background:linear-gradient(120deg,var(--icone-surface-reflection),transparent 48%,var(--icone-surface-border));mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;backdrop-filter:blur(.4px);pointer-events:none}
@supports(backdrop-filter:url("#icone-symbol-refraction")){.icone-symbol__front::after{backdrop-filter:url("#icone-symbol-refraction")}}
.icone-symbol--circle>.icone-symbol__back,.icone-symbol--circle>.icone-symbol__front{height:var(--icn-glass-w,76%);border-radius:50%}
.icone-symbol__knowledge{position:absolute;z-index:1;inset:0;pointer-events:none}
.icone-symbol__knowledge::before{content:"";position:absolute;left:27.7%;top:21%;width:48%;height:7%;border-bottom:1px solid var(--icone-surface-border);background:radial-gradient(circle at 6% 45%,var(--icone-purple) 0 2px,transparent 2.4px),radial-gradient(circle at 13% 45%,var(--icone-surface-strong-border) 0 2px,transparent 2.4px),radial-gradient(circle at 20% 45%,var(--icone-surface-reflection) 0 2px,transparent 2.4px)}
.icone-symbol__knowledge i{position:absolute;box-sizing:border-box;border:1px solid var(--icone-surface-border);border-radius:var(--icone-radius-icon);background:color-mix(in srgb,var(--icone-surface-reflection) 12%,transparent)}
.icone-symbol__brand{position:absolute;z-index:3;width:17%;height:17%;display:grid;place-items:center;pointer-events:none;box-shadow:0 2px 4px #0002,inset 0 1px 1px #fff9}
.icone-symbol__brand img{width:72%!important;height:72%!important;min-height:0!important;padding:0!important;filter:none!important}
.icone-symbol__brand--instagram{left:67%;top:28%;background:radial-gradient(circle at 30% 100%,#ffdc80,#f77737 30%,#c13584 62%,#833ab4);border-radius:28%}
.icone-symbol__brand--facebook{left:67%;top:48%;background:#0866ff;border-radius:50%}
.icone-symbol__platform{position:absolute;z-index:3;left:28%;top:28%;width:44%;height:44%;display:block;pointer-events:none;filter:drop-shadow(0 1px 1px #128c7e66)}
.icone-symbol .icone-symbol__platform img{display:block;width:100%!important;height:100%!important;padding:0!important;filter:none!important;object-fit:contain}
html[data-icone-theme="dark"] .icone-symbol__back{box-shadow:0 8px 20px #0002,inset 0 1px 0 var(--icone-surface-reflection)}
@media(prefers-reduced-motion:reduce){.icone-symbol *{transition:none!important}}
.icone-symbol--palette-brand .icone-symbol__glyph>img,.icone-symbol--palette-brand .icone-symbol__glyph>a>img{filter:url("#icone-symbol-palette")}
.icone-symbol--palette-platforms .icone-symbol__glyph>img,.icone-symbol--palette-platforms .icone-symbol__glyph>a>img{filter:url("#icone-symbol-palette-platforms")}


/* Contornos mais leves somente no mapa; refração SVG e geometria preservadas. */
#icn-map-scene .icone-symbol__front{border-color:var(--icone-surface-border);box-shadow:inset 0 .5px 0 color-mix(in srgb,var(--icone-surface-reflection) 35%,transparent)}
#icn-map-scene .icone-symbol__front::after{padding:1px;opacity:.55}
#icn-map-scene .icone-symbol__back{box-shadow:0 4px 12px color-mix(in srgb,var(--icone-purple) 6%,transparent),inset 0 .5px 0 color-mix(in srgb,var(--icone-surface-reflection) 35%,transparent)}
