#f4f1ec
1<div class="produto">2 <input type="radio" name="cor" id="cor-areia" checked>3 <input type="radio" name="cor" id="cor-oliva">4 <input type="radio" name="cor" id="cor-coral">5 <div class="vitrine">6 <svg viewBox="0 0 100 60">7 <path class="corpo" d="M8 44c0-10 5-20 14-22l12-3c4 8 12 12 22 12l22 4c8 2 14 7 14 13v2H8z"/>8 <path class="sola" d="M6 46h90v4a4 4 0 0 1-4 4H10a4 4 0 0 1-4-4z"/>9 <path class="cadarco" d="M36 22l6 6M42 20l6 6M48 22l5 5"/>10 <circle class="furo" cx="84" cy="42" r="3"/>11 </svg>12 </div>13 <div class="info">14 <div><b>Tênis Passo Leve</b><small class="nomes"><span class="n1">Areia</span><span class="n2">Oliva</span><span class="n3">Coral</span></small></div>15 <span class="preco">R$ 289</span>16 </div>17 <div class="cores">18 <label for="cor-areia" title="Areia"></label>19 <label for="cor-oliva" title="Oliva"></label>20 <label for="cor-coral" title="Coral"></label>21 <button>Comprar</button>22 </div>23</div>