/* Identificação visual das famílias, sem alterar coberturas ou valores. */
.produto[data-metal="prata"]{--metal:#596777;--metal-suave:#edf1f4;--metal-botao:#d8e0e7;--metal-hover:#c6d2dc;--metal-borda:#788696}
.produto[data-metal="ouro"]{--metal:#efcd82;--metal-suave:#ffffff12;--metal-botao:#efcd82;--metal-hover:#f6dda8;--metal-borda:#efcd82}
.produto[data-metal="diamante"]{--metal:#34738c;--metal-suave:#e7f4fa;--metal-botao:#cde7f1;--metal-hover:#b6dce9;--metal-borda:#34738c}
.produto[data-metal]{border-top:3px solid var(--metal-borda)}
.produto[data-metal] h3{color:var(--metal)}
.produto[data-metal] .produto__icone{color:var(--metal);background:var(--metal-suave)}
.produto[data-metal] .produto__opcao[aria-pressed="true"]{color:var(--navy);background:var(--metal-botao);border-color:var(--metal-borda);box-shadow:inset 0 0 0 1px var(--metal-borda)}
.produto[data-metal] .produto__opcao:focus-visible{outline:3px solid var(--metal);outline-offset:3px}
.produto[data-metal] .produto__variante>.btn{color:var(--navy);background:var(--metal-botao);border-color:transparent}
.produto[data-metal] .produto__variante>.btn:hover{background:var(--metal-hover)}
.produto[data-metal] .produto__beneficios .ic{color:var(--metal)}
.produto[data-metal="ouro"] .produto__selo{color:var(--metal);border-color:#efcd8266}
.produto[data-metal="ouro"] .produto__opcao:not([aria-pressed="true"]){color:#f7e7c4;border-color:#efcd8266}
